diff --git a/dist/action-sheet/index.js b/dist/action-sheet/index.js
index 042a9061..58e866d9 100644
--- a/dist/action-sheet/index.js
+++ b/dist/action-sheet/index.js
@@ -1,70 +1,70 @@
import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
VantComponent({
- mixins: [button],
- props: {
- show: Boolean,
- title: String,
- cancelText: String,
- description: String,
- round: {
- type: Boolean,
- value: true,
+ mixins: [button],
+ props: {
+ show: Boolean,
+ title: String,
+ cancelText: String,
+ description: String,
+ round: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ actions: {
+ type: Array,
+ value: [],
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickAction: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 100,
+ methods: {
+ onSelect(event) {
+ const { index } = event.currentTarget.dataset;
+ const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data;
+ const item = actions[index];
+ if (item) {
+ this.$emit('select', item);
+ if (closeOnClickAction) {
+ this.onClose();
+ }
+ if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
+ wx.getUserProfile({
+ desc: item.getUserProfileDesc || ' ',
+ complete: (userProfile) => {
+ this.$emit('getuserinfo', userProfile);
+ },
+ });
+ }
+ }
+ },
+ onCancel() {
+ this.$emit('cancel');
+ },
+ onClose() {
+ this.$emit('close');
+ },
+ onClickOverlay() {
+ this.$emit('click-overlay');
+ this.onClose();
+ },
},
- actions: {
- type: Array,
- value: [],
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- closeOnClickAction: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- onSelect(event) {
- const { index } = event.currentTarget.dataset;
- const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data;
- const item = actions[index];
- if (item) {
- this.$emit('select', item);
- if (closeOnClickAction) {
- this.onClose();
- }
- if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
- wx.getUserProfile({
- desc: item.getUserProfileDesc || ' ',
- complete: (userProfile) => {
- this.$emit('getuserinfo', userProfile);
- },
- });
- }
- }
- },
- onCancel() {
- this.$emit('cancel');
- },
- onClose() {
- this.$emit('close');
- },
- onClickOverlay() {
- this.$emit('click-overlay');
- this.onClose();
- },
- },
});
diff --git a/dist/area/index.js b/dist/area/index.js
index e21e67e2..2a7c79b1 100644
--- a/dist/area/index.js
+++ b/dist/area/index.js
@@ -3,233 +3,215 @@ import { pickerProps } from '../picker/shared';
import { requestAnimationFrame } from '../common/utils';
const EMPTY_CODE = '000000';
VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: Object.assign(Object.assign({}, pickerProps), {
- value: {
- type: String,
- observer(value) {
- this.code = value;
- this.setValues();
- },
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: Object.assign(Object.assign({}, pickerProps), { value: {
+ type: String,
+ observer(value) {
+ this.code = value;
+ this.setValues();
+ },
+ }, areaList: {
+ type: Object,
+ value: {},
+ observer: 'setValues',
+ }, columnsNum: {
+ type: null,
+ value: 3,
+ }, columnsPlaceholder: {
+ type: Array,
+ observer(val) {
+ this.setData({
+ typeToColumnsPlaceholder: {
+ province: val[0] || '',
+ city: val[1] || '',
+ county: val[2] || '',
+ },
+ });
+ },
+ } }),
+ data: {
+ columns: [{ values: [] }, { values: [] }, { values: [] }],
+ typeToColumnsPlaceholder: {},
},
- areaList: {
- type: Object,
- value: {},
- observer: 'setValues',
- },
- columnsNum: {
- type: null,
- value: 3,
- },
- columnsPlaceholder: {
- type: Array,
- observer(val) {
- this.setData({
- typeToColumnsPlaceholder: {
- province: val[0] || '',
- city: val[1] || '',
- county: val[2] || '',
- },
+ mounted() {
+ requestAnimationFrame(() => {
+ this.setValues();
});
- },
},
- }),
- data: {
- columns: [{ values: [] }, { values: [] }, { values: [] }],
- typeToColumnsPlaceholder: {},
- },
- mounted() {
- requestAnimationFrame(() => {
- this.setValues();
- });
- },
- methods: {
- getPicker() {
- if (this.picker == null) {
- this.picker = this.selectComponent('.van-area__picker');
- }
- return this.picker;
- },
- onCancel(event) {
- this.emit('cancel', event.detail);
- },
- onConfirm(event) {
- const { index } = event.detail;
- let { value } = event.detail;
- value = this.parseValues(value);
- this.emit('confirm', { value, index });
- },
- emit(type, detail) {
- detail.values = detail.value;
- delete detail.value;
- this.$emit(type, detail);
- },
- parseValues(values) {
- const { columnsPlaceholder } = this.data;
- return values.map((value, index) => {
- if (
- value &&
- (!value.code || value.name === columnsPlaceholder[index])
- ) {
- return Object.assign(Object.assign({}, value), {
- code: '',
- name: '',
- });
- }
- return value;
- });
- },
- onChange(event) {
- var _a;
- const { index, picker, value } = event.detail;
- this.code = value[index].code;
- (_a = this.setValues()) === null || _a === void 0
- ? void 0
- : _a.then(() => {
- this.$emit('change', {
- picker,
- values: this.parseValues(picker.getValues()),
- index,
+ methods: {
+ getPicker() {
+ if (this.picker == null) {
+ this.picker = this.selectComponent('.van-area__picker');
+ }
+ return this.picker;
+ },
+ onCancel(event) {
+ this.emit('cancel', event.detail);
+ },
+ onConfirm(event) {
+ const { index } = event.detail;
+ let { value } = event.detail;
+ value = this.parseValues(value);
+ this.emit('confirm', { value, index });
+ },
+ emit(type, detail) {
+ detail.values = detail.value;
+ delete detail.value;
+ this.$emit(type, detail);
+ },
+ parseValues(values) {
+ const { columnsPlaceholder } = this.data;
+ return values.map((value, index) => {
+ if (value &&
+ (!value.code || value.name === columnsPlaceholder[index])) {
+ return Object.assign(Object.assign({}, value), { code: '', name: '' });
+ }
+ return value;
});
- });
+ },
+ onChange(event) {
+ var _a;
+ const { index, picker, value } = event.detail;
+ this.code = value[index].code;
+ (_a = this.setValues()) === null || _a === void 0 ? void 0 : _a.then(() => {
+ this.$emit('change', {
+ picker,
+ values: this.parseValues(picker.getValues()),
+ index,
+ });
+ });
+ },
+ getConfig(type) {
+ const { areaList } = this.data;
+ return (areaList && areaList[`${type}_list`]) || {};
+ },
+ getList(type, code) {
+ if (type !== 'province' && !code) {
+ return [];
+ }
+ const { typeToColumnsPlaceholder } = this.data;
+ const list = this.getConfig(type);
+ let result = Object.keys(list).map((code) => ({
+ code,
+ name: list[code],
+ }));
+ if (code != null) {
+ // oversea code
+ if (code[0] === '9' && type === 'city') {
+ code = '9';
+ }
+ result = result.filter((item) => item.code.indexOf(code) === 0);
+ }
+ if (typeToColumnsPlaceholder[type] && result.length) {
+ // set columns placeholder
+ const codeFill = type === 'province'
+ ? ''
+ : type === 'city'
+ ? EMPTY_CODE.slice(2, 4)
+ : EMPTY_CODE.slice(4, 6);
+ result.unshift({
+ code: `${code}${codeFill}`,
+ name: typeToColumnsPlaceholder[type],
+ });
+ }
+ return result;
+ },
+ getIndex(type, code) {
+ let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
+ const list = this.getList(type, code.slice(0, compareNum - 2));
+ // oversea code
+ if (code[0] === '9' && type === 'province') {
+ compareNum = 1;
+ }
+ code = code.slice(0, compareNum);
+ for (let i = 0; i < list.length; i++) {
+ if (list[i].code.slice(0, compareNum) === code) {
+ return i;
+ }
+ }
+ return 0;
+ },
+ setValues() {
+ const picker = this.getPicker();
+ if (!picker) {
+ return;
+ }
+ let code = this.code || this.getDefaultCode();
+ const provinceList = this.getList('province');
+ const cityList = this.getList('city', code.slice(0, 2));
+ const stack = [];
+ const indexes = [];
+ const { columnsNum } = this.data;
+ if (columnsNum >= 1) {
+ stack.push(picker.setColumnValues(0, provinceList, false));
+ indexes.push(this.getIndex('province', code));
+ }
+ if (columnsNum >= 2) {
+ stack.push(picker.setColumnValues(1, cityList, false));
+ indexes.push(this.getIndex('city', code));
+ if (cityList.length && code.slice(2, 4) === '00') {
+ [{ code }] = cityList;
+ }
+ }
+ if (columnsNum === 3) {
+ stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false));
+ indexes.push(this.getIndex('county', code));
+ }
+ return Promise.all(stack)
+ .catch(() => { })
+ .then(() => picker.setIndexes(indexes))
+ .catch(() => { });
+ },
+ getDefaultCode() {
+ const { columnsPlaceholder } = this.data;
+ if (columnsPlaceholder.length) {
+ return EMPTY_CODE;
+ }
+ const countyCodes = Object.keys(this.getConfig('county'));
+ if (countyCodes[0]) {
+ return countyCodes[0];
+ }
+ const cityCodes = Object.keys(this.getConfig('city'));
+ if (cityCodes[0]) {
+ return cityCodes[0];
+ }
+ return '';
+ },
+ getValues() {
+ const picker = this.getPicker();
+ if (!picker) {
+ return [];
+ }
+ return this.parseValues(picker.getValues().filter((value) => !!value));
+ },
+ getDetail() {
+ const values = this.getValues();
+ const area = {
+ code: '',
+ country: '',
+ province: '',
+ city: '',
+ county: '',
+ };
+ if (!values.length) {
+ return area;
+ }
+ const names = values.map((item) => item.name);
+ area.code = values[values.length - 1].code;
+ if (area.code[0] === '9') {
+ area.country = names[1] || '';
+ area.province = names[2] || '';
+ }
+ else {
+ area.province = names[0] || '';
+ area.city = names[1] || '';
+ area.county = names[2] || '';
+ }
+ return area;
+ },
+ reset(code) {
+ this.code = code || '';
+ return this.setValues();
+ },
},
- getConfig(type) {
- const { areaList } = this.data;
- return (areaList && areaList[`${type}_list`]) || {};
- },
- getList(type, code) {
- if (type !== 'province' && !code) {
- return [];
- }
- const { typeToColumnsPlaceholder } = this.data;
- const list = this.getConfig(type);
- let result = Object.keys(list).map((code) => ({
- code,
- name: list[code],
- }));
- if (code != null) {
- // oversea code
- if (code[0] === '9' && type === 'city') {
- code = '9';
- }
- result = result.filter((item) => item.code.indexOf(code) === 0);
- }
- if (typeToColumnsPlaceholder[type] && result.length) {
- // set columns placeholder
- const codeFill =
- type === 'province'
- ? ''
- : type === 'city'
- ? EMPTY_CODE.slice(2, 4)
- : EMPTY_CODE.slice(4, 6);
- result.unshift({
- code: `${code}${codeFill}`,
- name: typeToColumnsPlaceholder[type],
- });
- }
- return result;
- },
- getIndex(type, code) {
- let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
- const list = this.getList(type, code.slice(0, compareNum - 2));
- // oversea code
- if (code[0] === '9' && type === 'province') {
- compareNum = 1;
- }
- code = code.slice(0, compareNum);
- for (let i = 0; i < list.length; i++) {
- if (list[i].code.slice(0, compareNum) === code) {
- return i;
- }
- }
- return 0;
- },
- setValues() {
- const picker = this.getPicker();
- if (!picker) {
- return;
- }
- let code = this.code || this.getDefaultCode();
- const provinceList = this.getList('province');
- const cityList = this.getList('city', code.slice(0, 2));
- const stack = [];
- const indexes = [];
- const { columnsNum } = this.data;
- if (columnsNum >= 1) {
- stack.push(picker.setColumnValues(0, provinceList, false));
- indexes.push(this.getIndex('province', code));
- }
- if (columnsNum >= 2) {
- stack.push(picker.setColumnValues(1, cityList, false));
- indexes.push(this.getIndex('city', code));
- if (cityList.length && code.slice(2, 4) === '00') {
- [{ code }] = cityList;
- }
- }
- if (columnsNum === 3) {
- stack.push(
- picker.setColumnValues(
- 2,
- this.getList('county', code.slice(0, 4)),
- false
- )
- );
- indexes.push(this.getIndex('county', code));
- }
- return Promise.all(stack)
- .catch(() => {})
- .then(() => picker.setIndexes(indexes))
- .catch(() => {});
- },
- getDefaultCode() {
- const { columnsPlaceholder } = this.data;
- if (columnsPlaceholder.length) {
- return EMPTY_CODE;
- }
- const countyCodes = Object.keys(this.getConfig('county'));
- if (countyCodes[0]) {
- return countyCodes[0];
- }
- const cityCodes = Object.keys(this.getConfig('city'));
- if (cityCodes[0]) {
- return cityCodes[0];
- }
- return '';
- },
- getValues() {
- const picker = this.getPicker();
- if (!picker) {
- return [];
- }
- return this.parseValues(picker.getValues().filter((value) => !!value));
- },
- getDetail() {
- const values = this.getValues();
- const area = {
- code: '',
- country: '',
- province: '',
- city: '',
- county: '',
- };
- if (!values.length) {
- return area;
- }
- const names = values.map((item) => item.name);
- area.code = values[values.length - 1].code;
- if (area.code[0] === '9') {
- area.country = names[1] || '';
- area.province = names[2] || '';
- } else {
- area.province = names[0] || '';
- area.city = names[1] || '';
- area.county = names[2] || '';
- }
- return area;
- },
- reset(code) {
- this.code = code || '';
- return this.setValues();
- },
- },
});
diff --git a/dist/button/index.js b/dist/button/index.js
index 39750f8b..0e3c134e 100644
--- a/dist/button/index.js
+++ b/dist/button/index.js
@@ -3,67 +3,62 @@ import { button } from '../mixins/button';
import { canIUseFormFieldButton } from '../common/version';
const mixins = [button];
if (canIUseFormFieldButton()) {
- mixins.push('wx://form-field-button');
+ mixins.push('wx://form-field-button');
}
VantComponent({
- mixins,
- classes: ['hover-class', 'loading-class'],
- data: {
- baseStyle: '',
- },
- props: {
- formType: String,
- icon: String,
- classPrefix: {
- type: String,
- value: 'van-icon',
+ mixins,
+ classes: ['hover-class', 'loading-class'],
+ data: {
+ baseStyle: '',
},
- plain: Boolean,
- block: Boolean,
- round: Boolean,
- square: Boolean,
- loading: Boolean,
- hairline: Boolean,
- disabled: Boolean,
- loadingText: String,
- customStyle: String,
- loadingType: {
- type: String,
- value: 'circular',
+ props: {
+ formType: String,
+ icon: String,
+ classPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ plain: Boolean,
+ block: Boolean,
+ round: Boolean,
+ square: Boolean,
+ loading: Boolean,
+ hairline: Boolean,
+ disabled: Boolean,
+ loadingText: String,
+ customStyle: String,
+ loadingType: {
+ type: String,
+ value: 'circular',
+ },
+ type: {
+ type: String,
+ value: 'default',
+ },
+ dataset: null,
+ size: {
+ type: String,
+ value: 'normal',
+ },
+ loadingSize: {
+ type: String,
+ value: '20px',
+ },
+ color: String,
},
- type: {
- type: String,
- value: 'default',
+ methods: {
+ onClick(event) {
+ this.$emit('click', event);
+ const { canIUseGetUserProfile, openType, getUserProfileDesc, lang, } = this.data;
+ if (openType === 'getUserInfo' && canIUseGetUserProfile) {
+ wx.getUserProfile({
+ desc: getUserProfileDesc || ' ',
+ lang: lang || 'en',
+ complete: (userProfile) => {
+ this.$emit('getuserinfo', userProfile);
+ },
+ });
+ }
+ },
},
- dataset: null,
- size: {
- type: String,
- value: 'normal',
- },
- loadingSize: {
- type: String,
- value: '20px',
- },
- color: String,
- },
- methods: {
- onClick(event) {
- this.$emit('click', event);
- const {
- canIUseGetUserProfile,
- openType,
- getUserProfileDesc,
- lang,
- } = this.data;
- if (openType === 'getUserInfo' && canIUseGetUserProfile) {
- wx.getUserProfile({
- desc: getUserProfileDesc || ' ',
- lang: lang || 'en',
- complete: (userProfile) => {
- this.$emit('getuserinfo', userProfile);
- },
- });
- }
- },
- },
});
diff --git a/dist/calendar/components/header/index.js b/dist/calendar/components/header/index.js
index a1898dd7..8fb3682d 100644
--- a/dist/calendar/components/header/index.js
+++ b/dist/calendar/components/header/index.js
@@ -1,37 +1,37 @@
import { VantComponent } from '../../../common/component';
VantComponent({
- props: {
- title: {
- type: String,
- value: '日期选择',
+ props: {
+ title: {
+ type: String,
+ value: '日期选择',
+ },
+ subtitle: String,
+ showTitle: Boolean,
+ showSubtitle: Boolean,
+ firstDayOfWeek: {
+ type: Number,
+ observer: 'initWeekDay',
+ },
},
- subtitle: String,
- showTitle: Boolean,
- showSubtitle: Boolean,
- firstDayOfWeek: {
- type: Number,
- observer: 'initWeekDay',
+ data: {
+ weekdays: [],
},
- },
- data: {
- weekdays: [],
- },
- created() {
- this.initWeekDay();
- },
- methods: {
- initWeekDay() {
- const defaultWeeks = ['日', '一', '二', '三', '四', '五', '六'];
- const firstDayOfWeek = this.data.firstDayOfWeek || 0;
- this.setData({
- weekdays: [
- ...defaultWeeks.slice(firstDayOfWeek, 7),
- ...defaultWeeks.slice(0, firstDayOfWeek),
- ],
- });
+ created() {
+ this.initWeekDay();
},
- onClickSubtitle(event) {
- this.$emit('click-subtitle', event);
+ methods: {
+ initWeekDay() {
+ const defaultWeeks = ['日', '一', '二', '三', '四', '五', '六'];
+ const firstDayOfWeek = this.data.firstDayOfWeek || 0;
+ this.setData({
+ weekdays: [
+ ...defaultWeeks.slice(firstDayOfWeek, 7),
+ ...defaultWeeks.slice(0, firstDayOfWeek),
+ ],
+ });
+ },
+ onClickSubtitle(event) {
+ this.$emit('click-subtitle', event);
+ },
},
- },
});
diff --git a/dist/calendar/components/month/index.js b/dist/calendar/components/month/index.js
index d0026cf0..d04c0fe2 100644
--- a/dist/calendar/components/month/index.js
+++ b/dist/calendar/components/month/index.js
@@ -1,163 +1,154 @@
import { VantComponent } from '../../../common/component';
-import {
- getMonthEndDay,
- compareDay,
- getPrevDay,
- getNextDay,
-} from '../../utils';
+import { getMonthEndDay, compareDay, getPrevDay, getNextDay, } from '../../utils';
VantComponent({
- props: {
- date: {
- type: null,
- observer: 'setDays',
+ props: {
+ date: {
+ type: null,
+ observer: 'setDays',
+ },
+ type: {
+ type: String,
+ observer: 'setDays',
+ },
+ color: String,
+ minDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ maxDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ showMark: Boolean,
+ rowHeight: null,
+ formatter: {
+ type: null,
+ observer: 'setDays',
+ },
+ currentDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ firstDayOfWeek: {
+ type: Number,
+ observer: 'setDays',
+ },
+ allowSameDay: Boolean,
+ showSubtitle: Boolean,
+ showMonthTitle: Boolean,
},
- type: {
- type: String,
- observer: 'setDays',
+ data: {
+ visible: true,
+ days: [],
},
- color: String,
- minDate: {
- type: null,
- observer: 'setDays',
+ methods: {
+ onClick(event) {
+ const { index } = event.currentTarget.dataset;
+ const item = this.data.days[index];
+ if (item.type !== 'disabled') {
+ this.$emit('click', item);
+ }
+ },
+ setDays() {
+ const days = [];
+ const startDate = new Date(this.data.date);
+ const year = startDate.getFullYear();
+ const month = startDate.getMonth();
+ const totalDay = getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1);
+ for (let day = 1; day <= totalDay; day++) {
+ const date = new Date(year, month, day);
+ const type = this.getDayType(date);
+ let config = {
+ date,
+ type,
+ text: day,
+ bottomInfo: this.getBottomInfo(type),
+ };
+ if (this.data.formatter) {
+ config = this.data.formatter(config);
+ }
+ days.push(config);
+ }
+ this.setData({ days });
+ },
+ getMultipleDayType(day) {
+ const { currentDate } = this.data;
+ if (!Array.isArray(currentDate)) {
+ return '';
+ }
+ const isSelected = (date) => currentDate.some((item) => compareDay(item, date) === 0);
+ if (isSelected(day)) {
+ const prevDay = getPrevDay(day);
+ const nextDay = getNextDay(day);
+ const prevSelected = isSelected(prevDay);
+ const nextSelected = isSelected(nextDay);
+ if (prevSelected && nextSelected) {
+ return 'multiple-middle';
+ }
+ if (prevSelected) {
+ return 'end';
+ }
+ return nextSelected ? 'start' : 'multiple-selected';
+ }
+ return '';
+ },
+ getRangeDayType(day) {
+ const { currentDate, allowSameDay } = this.data;
+ if (!Array.isArray(currentDate)) {
+ return '';
+ }
+ const [startDay, endDay] = currentDate;
+ if (!startDay) {
+ return '';
+ }
+ const compareToStart = compareDay(day, startDay);
+ if (!endDay) {
+ return compareToStart === 0 ? 'start' : '';
+ }
+ const compareToEnd = compareDay(day, endDay);
+ if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
+ return 'start-end';
+ }
+ if (compareToStart === 0) {
+ return 'start';
+ }
+ if (compareToEnd === 0) {
+ return 'end';
+ }
+ if (compareToStart > 0 && compareToEnd < 0) {
+ return 'middle';
+ }
+ return '';
+ },
+ getDayType(day) {
+ const { type, minDate, maxDate, currentDate } = this.data;
+ if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
+ return 'disabled';
+ }
+ if (type === 'single') {
+ return compareDay(day, currentDate) === 0 ? 'selected' : '';
+ }
+ if (type === 'multiple') {
+ return this.getMultipleDayType(day);
+ }
+ /* istanbul ignore else */
+ if (type === 'range') {
+ return this.getRangeDayType(day);
+ }
+ return '';
+ },
+ getBottomInfo(type) {
+ if (this.data.type === 'range') {
+ if (type === 'start') {
+ return '开始';
+ }
+ if (type === 'end') {
+ return '结束';
+ }
+ if (type === 'start-end') {
+ return '开始/结束';
+ }
+ }
+ },
},
- maxDate: {
- type: null,
- observer: 'setDays',
- },
- showMark: Boolean,
- rowHeight: null,
- formatter: {
- type: null,
- observer: 'setDays',
- },
- currentDate: {
- type: null,
- observer: 'setDays',
- },
- firstDayOfWeek: {
- type: Number,
- observer: 'setDays',
- },
- allowSameDay: Boolean,
- showSubtitle: Boolean,
- showMonthTitle: Boolean,
- },
- data: {
- visible: true,
- days: [],
- },
- methods: {
- onClick(event) {
- const { index } = event.currentTarget.dataset;
- const item = this.data.days[index];
- if (item.type !== 'disabled') {
- this.$emit('click', item);
- }
- },
- setDays() {
- const days = [];
- const startDate = new Date(this.data.date);
- const year = startDate.getFullYear();
- const month = startDate.getMonth();
- const totalDay = getMonthEndDay(
- startDate.getFullYear(),
- startDate.getMonth() + 1
- );
- for (let day = 1; day <= totalDay; day++) {
- const date = new Date(year, month, day);
- const type = this.getDayType(date);
- let config = {
- date,
- type,
- text: day,
- bottomInfo: this.getBottomInfo(type),
- };
- if (this.data.formatter) {
- config = this.data.formatter(config);
- }
- days.push(config);
- }
- this.setData({ days });
- },
- getMultipleDayType(day) {
- const { currentDate } = this.data;
- if (!Array.isArray(currentDate)) {
- return '';
- }
- const isSelected = (date) =>
- currentDate.some((item) => compareDay(item, date) === 0);
- if (isSelected(day)) {
- const prevDay = getPrevDay(day);
- const nextDay = getNextDay(day);
- const prevSelected = isSelected(prevDay);
- const nextSelected = isSelected(nextDay);
- if (prevSelected && nextSelected) {
- return 'multiple-middle';
- }
- if (prevSelected) {
- return 'end';
- }
- return nextSelected ? 'start' : 'multiple-selected';
- }
- return '';
- },
- getRangeDayType(day) {
- const { currentDate, allowSameDay } = this.data;
- if (!Array.isArray(currentDate)) {
- return '';
- }
- const [startDay, endDay] = currentDate;
- if (!startDay) {
- return '';
- }
- const compareToStart = compareDay(day, startDay);
- if (!endDay) {
- return compareToStart === 0 ? 'start' : '';
- }
- const compareToEnd = compareDay(day, endDay);
- if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
- return 'start-end';
- }
- if (compareToStart === 0) {
- return 'start';
- }
- if (compareToEnd === 0) {
- return 'end';
- }
- if (compareToStart > 0 && compareToEnd < 0) {
- return 'middle';
- }
- return '';
- },
- getDayType(day) {
- const { type, minDate, maxDate, currentDate } = this.data;
- if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
- return 'disabled';
- }
- if (type === 'single') {
- return compareDay(day, currentDate) === 0 ? 'selected' : '';
- }
- if (type === 'multiple') {
- return this.getMultipleDayType(day);
- }
- /* istanbul ignore else */
- if (type === 'range') {
- return this.getRangeDayType(day);
- }
- return '';
- },
- getBottomInfo(type) {
- if (this.data.type === 'range') {
- if (type === 'start') {
- return '开始';
- }
- if (type === 'end') {
- return '结束';
- }
- if (type === 'start-end') {
- return '开始/结束';
- }
- }
- },
- },
});
diff --git a/dist/calendar/index.js b/dist/calendar/index.js
index 6e1c7515..b5021107 100644
--- a/dist/calendar/index.js
+++ b/dist/calendar/index.js
@@ -1,348 +1,323 @@
import { VantComponent } from '../common/component';
-import {
- ROW_HEIGHT,
- getPrevDay,
- getNextDay,
- getToday,
- compareDay,
- copyDates,
- calcDateNum,
- formatMonthTitle,
- compareMonth,
- getMonths,
- getDayByOffset,
-} from './utils';
+import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset, } from './utils';
import Toast from '../toast/toast';
import { requestAnimationFrame } from '../common/utils';
const initialMinDate = getToday().getTime();
const initialMaxDate = (() => {
- const now = getToday();
- return new Date(
- now.getFullYear(),
- now.getMonth() + 6,
- now.getDate()
- ).getTime();
+ const now = getToday();
+ return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime();
})();
VantComponent({
- props: {
- title: {
- type: String,
- value: '日期选择',
+ props: {
+ title: {
+ type: String,
+ value: '日期选择',
+ },
+ color: String,
+ show: {
+ type: Boolean,
+ observer(val) {
+ if (val) {
+ this.initRect();
+ this.scrollIntoView();
+ }
+ },
+ },
+ formatter: null,
+ confirmText: {
+ type: String,
+ value: '确定',
+ },
+ confirmDisabledText: {
+ type: String,
+ value: '确定',
+ },
+ rangePrompt: String,
+ showRangePrompt: {
+ type: Boolean,
+ value: true,
+ },
+ defaultDate: {
+ type: null,
+ observer(val) {
+ this.setData({ currentDate: val });
+ this.scrollIntoView();
+ },
+ },
+ allowSameDay: Boolean,
+ type: {
+ type: String,
+ value: 'single',
+ observer: 'reset',
+ },
+ minDate: {
+ type: Number,
+ value: initialMinDate,
+ },
+ maxDate: {
+ type: Number,
+ value: initialMaxDate,
+ },
+ position: {
+ type: String,
+ value: 'bottom',
+ },
+ rowHeight: {
+ type: null,
+ value: ROW_HEIGHT,
+ },
+ round: {
+ type: Boolean,
+ value: true,
+ },
+ poppable: {
+ type: Boolean,
+ value: true,
+ },
+ showMark: {
+ type: Boolean,
+ value: true,
+ },
+ showTitle: {
+ type: Boolean,
+ value: true,
+ },
+ showConfirm: {
+ type: Boolean,
+ value: true,
+ },
+ showSubtitle: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ maxRange: {
+ type: null,
+ value: null,
+ },
+ firstDayOfWeek: {
+ type: Number,
+ value: 0,
+ },
},
- color: String,
- show: {
- type: Boolean,
- observer(val) {
- if (val) {
- this.initRect();
- this.scrollIntoView();
- }
- },
+ data: {
+ subtitle: '',
+ currentDate: null,
+ scrollIntoView: '',
},
- formatter: null,
- confirmText: {
- type: String,
- value: '确定',
- },
- confirmDisabledText: {
- type: String,
- value: '确定',
- },
- rangePrompt: String,
- showRangePrompt: {
- type: Boolean,
- value: true,
- },
- defaultDate: {
- type: null,
- observer(val) {
- this.setData({ currentDate: val });
- this.scrollIntoView();
- },
- },
- allowSameDay: Boolean,
- type: {
- type: String,
- value: 'single',
- observer: 'reset',
- },
- minDate: {
- type: Number,
- value: initialMinDate,
- },
- maxDate: {
- type: Number,
- value: initialMaxDate,
- },
- position: {
- type: String,
- value: 'bottom',
- },
- rowHeight: {
- type: null,
- value: ROW_HEIGHT,
- },
- round: {
- type: Boolean,
- value: true,
- },
- poppable: {
- type: Boolean,
- value: true,
- },
- showMark: {
- type: Boolean,
- value: true,
- },
- showTitle: {
- type: Boolean,
- value: true,
- },
- showConfirm: {
- type: Boolean,
- value: true,
- },
- showSubtitle: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- maxRange: {
- type: null,
- value: null,
- },
- firstDayOfWeek: {
- type: Number,
- value: 0,
- },
- },
- data: {
- subtitle: '',
- currentDate: null,
- scrollIntoView: '',
- },
- created() {
- this.setData({
- currentDate: this.getInitialDate(this.data.defaultDate),
- });
- },
- mounted() {
- if (this.data.show || !this.data.poppable) {
- this.initRect();
- this.scrollIntoView();
- }
- },
- methods: {
- reset() {
- this.setData({ currentDate: this.getInitialDate() });
- this.scrollIntoView();
- },
- initRect() {
- if (this.contentObserver != null) {
- this.contentObserver.disconnect();
- }
- const contentObserver = this.createIntersectionObserver({
- thresholds: [0, 0.1, 0.9, 1],
- observeAll: true,
- });
- this.contentObserver = contentObserver;
- contentObserver.relativeTo('.van-calendar__body');
- contentObserver.observe('.month', (res) => {
- if (res.boundingClientRect.top <= res.relativeRect.top) {
- // @ts-ignore
- this.setData({ subtitle: formatMonthTitle(res.dataset.date) });
- }
- });
- },
- limitDateRange(date, minDate = null, maxDate = null) {
- minDate = minDate || this.data.minDate;
- maxDate = maxDate || this.data.maxDate;
- if (compareDay(date, minDate) === -1) {
- return minDate;
- }
- if (compareDay(date, maxDate) === 1) {
- return maxDate;
- }
- return date;
- },
- getInitialDate(defaultDate = null) {
- const { type, minDate, maxDate } = this.data;
- const now = getToday().getTime();
- if (type === 'range') {
- if (!Array.isArray(defaultDate)) {
- defaultDate = [];
- }
- const [startDay, endDay] = defaultDate || [];
- const start = this.limitDateRange(
- startDay || now,
- minDate,
- getPrevDay(new Date(maxDate)).getTime()
- );
- const end = this.limitDateRange(
- endDay || now,
- getNextDay(new Date(minDate)).getTime()
- );
- return [start, end];
- }
- if (type === 'multiple') {
- if (Array.isArray(defaultDate)) {
- return defaultDate.map((date) => this.limitDateRange(date));
- }
- return [this.limitDateRange(now)];
- }
- if (!defaultDate || Array.isArray(defaultDate)) {
- defaultDate = now;
- }
- return this.limitDateRange(defaultDate);
- },
- scrollIntoView() {
- requestAnimationFrame(() => {
- const {
- currentDate,
- type,
- show,
- poppable,
- minDate,
- maxDate,
- } = this.data;
- // @ts-ignore
- const targetDate = type === 'single' ? currentDate : currentDate[0];
- const displayed = show || !poppable;
- if (!targetDate || !displayed) {
- return;
- }
- const months = getMonths(minDate, maxDate);
- months.some((month, index) => {
- if (compareMonth(month, targetDate) === 0) {
- this.setData({ scrollIntoView: `month${index}` });
- return true;
- }
- return false;
+ created() {
+ this.setData({
+ currentDate: this.getInitialDate(this.data.defaultDate),
});
- });
},
- onOpen() {
- this.$emit('open');
- },
- onOpened() {
- this.$emit('opened');
- },
- onClose() {
- this.$emit('close');
- },
- onClosed() {
- this.$emit('closed');
- },
- onClickDay(event) {
- const { date } = event.detail;
- const { type, currentDate, allowSameDay } = this.data;
- if (type === 'range') {
- // @ts-ignore
- const [startDay, endDay] = currentDate;
- if (startDay && !endDay) {
- const compareToStart = compareDay(date, startDay);
- if (compareToStart === 1) {
- this.select([startDay, date], true);
- } else if (compareToStart === -1) {
- this.select([date, null]);
- } else if (allowSameDay) {
- this.select([date, date]);
- }
- } else {
- this.select([date, null]);
+ mounted() {
+ if (this.data.show || !this.data.poppable) {
+ this.initRect();
+ this.scrollIntoView();
}
- } else if (type === 'multiple') {
- let selectedIndex;
- // @ts-ignore
- const selected = currentDate.some((dateItem, index) => {
- const equal = compareDay(dateItem, date) === 0;
- if (equal) {
- selectedIndex = index;
- }
- return equal;
- });
- if (selected) {
- // @ts-ignore
- const cancelDate = currentDate.splice(selectedIndex, 1);
- this.setData({ currentDate });
- this.unselect(cancelDate);
- } else {
- // @ts-ignore
- this.select([...currentDate, date]);
- }
- } else {
- this.select(date, true);
- }
},
- unselect(dateArray) {
- const date = dateArray[0];
- if (date) {
- this.$emit('unselect', copyDates(date));
- }
- },
- select(date, complete) {
- if (complete && this.data.type === 'range') {
- const valid = this.checkRange(date);
- if (!valid) {
- // auto selected to max range if showConfirm
- if (this.data.showConfirm) {
- this.emit([
- date[0],
- getDayByOffset(date[0], this.data.maxRange - 1),
- ]);
- } else {
+ methods: {
+ reset() {
+ this.setData({ currentDate: this.getInitialDate() });
+ this.scrollIntoView();
+ },
+ initRect() {
+ if (this.contentObserver != null) {
+ this.contentObserver.disconnect();
+ }
+ const contentObserver = this.createIntersectionObserver({
+ thresholds: [0, 0.1, 0.9, 1],
+ observeAll: true,
+ });
+ this.contentObserver = contentObserver;
+ contentObserver.relativeTo('.van-calendar__body');
+ contentObserver.observe('.month', (res) => {
+ if (res.boundingClientRect.top <= res.relativeRect.top) {
+ // @ts-ignore
+ this.setData({ subtitle: formatMonthTitle(res.dataset.date) });
+ }
+ });
+ },
+ limitDateRange(date, minDate = null, maxDate = null) {
+ minDate = minDate || this.data.minDate;
+ maxDate = maxDate || this.data.maxDate;
+ if (compareDay(date, minDate) === -1) {
+ return minDate;
+ }
+ if (compareDay(date, maxDate) === 1) {
+ return maxDate;
+ }
+ return date;
+ },
+ getInitialDate(defaultDate = null) {
+ const { type, minDate, maxDate } = this.data;
+ const now = getToday().getTime();
+ if (type === 'range') {
+ if (!Array.isArray(defaultDate)) {
+ defaultDate = [];
+ }
+ const [startDay, endDay] = defaultDate || [];
+ const start = this.limitDateRange(startDay || now, minDate, getPrevDay(new Date(maxDate)).getTime());
+ const end = this.limitDateRange(endDay || now, getNextDay(new Date(minDate)).getTime());
+ return [start, end];
+ }
+ if (type === 'multiple') {
+ if (Array.isArray(defaultDate)) {
+ return defaultDate.map((date) => this.limitDateRange(date));
+ }
+ return [this.limitDateRange(now)];
+ }
+ if (!defaultDate || Array.isArray(defaultDate)) {
+ defaultDate = now;
+ }
+ return this.limitDateRange(defaultDate);
+ },
+ scrollIntoView() {
+ requestAnimationFrame(() => {
+ const { currentDate, type, show, poppable, minDate, maxDate, } = this.data;
+ // @ts-ignore
+ const targetDate = type === 'single' ? currentDate : currentDate[0];
+ const displayed = show || !poppable;
+ if (!targetDate || !displayed) {
+ return;
+ }
+ const months = getMonths(minDate, maxDate);
+ months.some((month, index) => {
+ if (compareMonth(month, targetDate) === 0) {
+ this.setData({ scrollIntoView: `month${index}` });
+ return true;
+ }
+ return false;
+ });
+ });
+ },
+ onOpen() {
+ this.$emit('open');
+ },
+ onOpened() {
+ this.$emit('opened');
+ },
+ onClose() {
+ this.$emit('close');
+ },
+ onClosed() {
+ this.$emit('closed');
+ },
+ onClickDay(event) {
+ const { date } = event.detail;
+ const { type, currentDate, allowSameDay } = this.data;
+ if (type === 'range') {
+ // @ts-ignore
+ const [startDay, endDay] = currentDate;
+ if (startDay && !endDay) {
+ const compareToStart = compareDay(date, startDay);
+ if (compareToStart === 1) {
+ this.select([startDay, date], true);
+ }
+ else if (compareToStart === -1) {
+ this.select([date, null]);
+ }
+ else if (allowSameDay) {
+ this.select([date, date]);
+ }
+ }
+ else {
+ this.select([date, null]);
+ }
+ }
+ else if (type === 'multiple') {
+ let selectedIndex;
+ // @ts-ignore
+ const selected = currentDate.some((dateItem, index) => {
+ const equal = compareDay(dateItem, date) === 0;
+ if (equal) {
+ selectedIndex = index;
+ }
+ return equal;
+ });
+ if (selected) {
+ // @ts-ignore
+ const cancelDate = currentDate.splice(selectedIndex, 1);
+ this.setData({ currentDate });
+ this.unselect(cancelDate);
+ }
+ else {
+ // @ts-ignore
+ this.select([...currentDate, date]);
+ }
+ }
+ else {
+ this.select(date, true);
+ }
+ },
+ unselect(dateArray) {
+ const date = dateArray[0];
+ if (date) {
+ this.$emit('unselect', copyDates(date));
+ }
+ },
+ select(date, complete) {
+ if (complete && this.data.type === 'range') {
+ const valid = this.checkRange(date);
+ if (!valid) {
+ // auto selected to max range if showConfirm
+ if (this.data.showConfirm) {
+ this.emit([
+ date[0],
+ getDayByOffset(date[0], this.data.maxRange - 1),
+ ]);
+ }
+ else {
+ this.emit(date);
+ }
+ return;
+ }
+ }
this.emit(date);
- }
- return;
- }
- }
- this.emit(date);
- if (complete && !this.data.showConfirm) {
- this.onConfirm();
- }
+ if (complete && !this.data.showConfirm) {
+ this.onConfirm();
+ }
+ },
+ emit(date) {
+ const getTime = (date) => date instanceof Date ? date.getTime() : date;
+ this.setData({
+ currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
+ });
+ this.$emit('select', copyDates(date));
+ },
+ checkRange(date) {
+ const { maxRange, rangePrompt, showRangePrompt } = this.data;
+ if (maxRange && calcDateNum(date) > maxRange) {
+ if (showRangePrompt) {
+ Toast({
+ context: this,
+ message: rangePrompt || `选择天数不能超过 ${maxRange} 天`,
+ });
+ }
+ this.$emit('over-range');
+ return false;
+ }
+ return true;
+ },
+ onConfirm() {
+ if (this.data.type === 'range' &&
+ !this.checkRange(this.data.currentDate)) {
+ return;
+ }
+ wx.nextTick(() => {
+ // @ts-ignore
+ this.$emit('confirm', copyDates(this.data.currentDate));
+ });
+ },
+ onClickSubtitle(event) {
+ this.$emit('click-subtitle', event);
+ },
},
- emit(date) {
- const getTime = (date) => (date instanceof Date ? date.getTime() : date);
- this.setData({
- currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
- });
- this.$emit('select', copyDates(date));
- },
- checkRange(date) {
- const { maxRange, rangePrompt, showRangePrompt } = this.data;
- if (maxRange && calcDateNum(date) > maxRange) {
- if (showRangePrompt) {
- Toast({
- context: this,
- message: rangePrompt || `选择天数不能超过 ${maxRange} 天`,
- });
- }
- this.$emit('over-range');
- return false;
- }
- return true;
- },
- onConfirm() {
- if (
- this.data.type === 'range' &&
- !this.checkRange(this.data.currentDate)
- ) {
- return;
- }
- wx.nextTick(() => {
- // @ts-ignore
- this.$emit('confirm', copyDates(this.data.currentDate));
- });
- },
- onClickSubtitle(event) {
- this.$emit('click-subtitle', event);
- },
- },
});
diff --git a/dist/calendar/utils.d.ts b/dist/calendar/utils.d.ts
index ec7cf3f4..eb710c09 100644
--- a/dist/calendar/utils.d.ts
+++ b/dist/calendar/utils.d.ts
@@ -1,13 +1,7 @@
export declare const ROW_HEIGHT = 64;
export declare function formatMonthTitle(date: Date): string;
-export declare function compareMonth(
- date1: Date | number,
- date2: Date | number
-): 1 | -1 | 0;
-export declare function compareDay(
- day1: Date | number,
- day2: Date | number
-): 1 | -1 | 0;
+export declare function compareMonth(date1: Date | number, date2: Date | number): 1 | -1 | 0;
+export declare function compareDay(day1: Date | number, day2: Date | number): 1 | -1 | 0;
export declare function getDayByOffset(date: Date, offset: number): Date;
export declare function getPrevDay(date: Date): Date;
export declare function getNextDay(date: Date): Date;
diff --git a/dist/calendar/utils.js b/dist/calendar/utils.js
index f773e7f5..83d6971d 100644
--- a/dist/calendar/utils.js
+++ b/dist/calendar/utils.js
@@ -1,83 +1,83 @@
export const ROW_HEIGHT = 64;
export function formatMonthTitle(date) {
- if (!(date instanceof Date)) {
- date = new Date(date);
- }
- return `${date.getFullYear()}年${date.getMonth() + 1}月`;
+ if (!(date instanceof Date)) {
+ date = new Date(date);
+ }
+ return `${date.getFullYear()}年${date.getMonth() + 1}月`;
}
export function compareMonth(date1, date2) {
- if (!(date1 instanceof Date)) {
- date1 = new Date(date1);
- }
- if (!(date2 instanceof Date)) {
- date2 = new Date(date2);
- }
- const year1 = date1.getFullYear();
- const year2 = date2.getFullYear();
- const month1 = date1.getMonth();
- const month2 = date2.getMonth();
- if (year1 === year2) {
- return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
- }
- return year1 > year2 ? 1 : -1;
+ if (!(date1 instanceof Date)) {
+ date1 = new Date(date1);
+ }
+ if (!(date2 instanceof Date)) {
+ date2 = new Date(date2);
+ }
+ const year1 = date1.getFullYear();
+ const year2 = date2.getFullYear();
+ const month1 = date1.getMonth();
+ const month2 = date2.getMonth();
+ if (year1 === year2) {
+ return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
+ }
+ return year1 > year2 ? 1 : -1;
}
export function compareDay(day1, day2) {
- if (!(day1 instanceof Date)) {
- day1 = new Date(day1);
- }
- if (!(day2 instanceof Date)) {
- day2 = new Date(day2);
- }
- const compareMonthResult = compareMonth(day1, day2);
- if (compareMonthResult === 0) {
- const date1 = day1.getDate();
- const date2 = day2.getDate();
- return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
- }
- return compareMonthResult;
+ if (!(day1 instanceof Date)) {
+ day1 = new Date(day1);
+ }
+ if (!(day2 instanceof Date)) {
+ day2 = new Date(day2);
+ }
+ const compareMonthResult = compareMonth(day1, day2);
+ if (compareMonthResult === 0) {
+ const date1 = day1.getDate();
+ const date2 = day2.getDate();
+ return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
+ }
+ return compareMonthResult;
}
export function getDayByOffset(date, offset) {
- date = new Date(date);
- date.setDate(date.getDate() + offset);
- return date;
+ date = new Date(date);
+ date.setDate(date.getDate() + offset);
+ return date;
}
export function getPrevDay(date) {
- return getDayByOffset(date, -1);
+ return getDayByOffset(date, -1);
}
export function getNextDay(date) {
- return getDayByOffset(date, 1);
+ return getDayByOffset(date, 1);
}
export function getToday() {
- const today = new Date();
- today.setHours(0, 0, 0, 0);
- return today;
+ const today = new Date();
+ today.setHours(0, 0, 0, 0);
+ return today;
}
export function calcDateNum(date) {
- const day1 = new Date(date[0]).getTime();
- const day2 = new Date(date[1]).getTime();
- return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
+ const day1 = new Date(date[0]).getTime();
+ const day2 = new Date(date[1]).getTime();
+ return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
}
export function copyDates(dates) {
- if (Array.isArray(dates)) {
- return dates.map((date) => {
- if (date === null) {
- return date;
- }
- return new Date(date);
- });
- }
- return new Date(dates);
+ if (Array.isArray(dates)) {
+ return dates.map((date) => {
+ if (date === null) {
+ return date;
+ }
+ return new Date(date);
+ });
+ }
+ return new Date(dates);
}
export function getMonthEndDay(year, month) {
- return 32 - new Date(year, month - 1, 32).getDate();
+ return 32 - new Date(year, month - 1, 32).getDate();
}
export function getMonths(minDate, maxDate) {
- const months = [];
- const cursor = new Date(minDate);
- cursor.setDate(1);
- do {
- months.push(cursor.getTime());
- cursor.setMonth(cursor.getMonth() + 1);
- } while (compareMonth(cursor, maxDate) !== 1);
- return months;
+ const months = [];
+ const cursor = new Date(minDate);
+ cursor.setDate(1);
+ do {
+ months.push(cursor.getTime());
+ cursor.setMonth(cursor.getMonth() + 1);
+ } while (compareMonth(cursor, maxDate) !== 1);
+ return months;
}
diff --git a/dist/card/index.js b/dist/card/index.js
index 6aaf99f2..5bbd2127 100644
--- a/dist/card/index.js
+++ b/dist/card/index.js
@@ -1,49 +1,49 @@
import { link } from '../mixins/link';
import { VantComponent } from '../common/component';
VantComponent({
- classes: [
- 'num-class',
- 'desc-class',
- 'thumb-class',
- 'title-class',
- 'price-class',
- 'origin-price-class',
- ],
- mixins: [link],
- props: {
- tag: String,
- num: String,
- desc: String,
- thumb: String,
- title: String,
- price: {
- type: String,
- observer: 'updatePrice',
+ classes: [
+ 'num-class',
+ 'desc-class',
+ 'thumb-class',
+ 'title-class',
+ 'price-class',
+ 'origin-price-class',
+ ],
+ mixins: [link],
+ props: {
+ tag: String,
+ num: String,
+ desc: String,
+ thumb: String,
+ title: String,
+ price: {
+ type: String,
+ observer: 'updatePrice',
+ },
+ centered: Boolean,
+ lazyLoad: Boolean,
+ thumbLink: String,
+ originPrice: String,
+ thumbMode: {
+ type: String,
+ value: 'aspectFit',
+ },
+ currency: {
+ type: String,
+ value: '¥',
+ },
},
- centered: Boolean,
- lazyLoad: Boolean,
- thumbLink: String,
- originPrice: String,
- thumbMode: {
- type: String,
- value: 'aspectFit',
+ methods: {
+ updatePrice() {
+ const { price } = this.data;
+ const priceArr = price.toString().split('.');
+ this.setData({
+ integerStr: priceArr[0],
+ decimalStr: priceArr[1] ? `.${priceArr[1]}` : '',
+ });
+ },
+ onClickThumb() {
+ this.jumpLink('thumbLink');
+ },
},
- currency: {
- type: String,
- value: '¥',
- },
- },
- methods: {
- updatePrice() {
- const { price } = this.data;
- const priceArr = price.toString().split('.');
- this.setData({
- integerStr: priceArr[0],
- decimalStr: priceArr[1] ? `.${priceArr[1]}` : '',
- });
- },
- onClickThumb() {
- this.jumpLink('thumbLink');
- },
- },
});
diff --git a/dist/cell-group/index.js b/dist/cell-group/index.js
index 5f76bb55..170760f7 100644
--- a/dist/cell-group/index.js
+++ b/dist/cell-group/index.js
@@ -1,11 +1,11 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- title: String,
- border: {
- type: Boolean,
- value: true,
+ props: {
+ title: String,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ inset: Boolean,
},
- inset: Boolean,
- },
});
diff --git a/dist/cell/index.js b/dist/cell/index.js
index a0123d1d..35548b99 100644
--- a/dist/cell/index.js
+++ b/dist/cell/index.js
@@ -1,38 +1,38 @@
import { link } from '../mixins/link';
import { VantComponent } from '../common/component';
VantComponent({
- classes: [
- 'title-class',
- 'label-class',
- 'value-class',
- 'right-icon-class',
- 'hover-class',
- ],
- mixins: [link],
- props: {
- title: null,
- value: null,
- icon: String,
- size: String,
- label: String,
- center: Boolean,
- isLink: Boolean,
- required: Boolean,
- clickable: Boolean,
- titleWidth: String,
- customStyle: String,
- arrowDirection: String,
- useLabelSlot: Boolean,
- border: {
- type: Boolean,
- value: true,
+ classes: [
+ 'title-class',
+ 'label-class',
+ 'value-class',
+ 'right-icon-class',
+ 'hover-class',
+ ],
+ mixins: [link],
+ props: {
+ title: null,
+ value: null,
+ icon: String,
+ size: String,
+ label: String,
+ center: Boolean,
+ isLink: Boolean,
+ required: Boolean,
+ clickable: Boolean,
+ titleWidth: String,
+ customStyle: String,
+ arrowDirection: String,
+ useLabelSlot: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ titleStyle: String,
},
- titleStyle: String,
- },
- methods: {
- onClick(event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ methods: {
+ onClick(event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
},
- },
});
diff --git a/dist/checkbox-group/index.js b/dist/checkbox-group/index.js
index 2dced547..c47d97d0 100644
--- a/dist/checkbox-group/index.js
+++ b/dist/checkbox-group/index.js
@@ -1,36 +1,36 @@
import { useChildren } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
- field: true,
- relation: useChildren('checkbox', function (target) {
- this.updateChild(target);
- }),
- props: {
- max: Number,
- value: {
- type: Array,
- observer: 'updateChildren',
+ field: true,
+ relation: useChildren('checkbox', function (target) {
+ this.updateChild(target);
+ }),
+ props: {
+ max: Number,
+ value: {
+ type: Array,
+ observer: 'updateChildren',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ direction: {
+ type: String,
+ value: 'vertical',
+ },
},
- disabled: {
- type: Boolean,
- observer: 'updateChildren',
+ methods: {
+ updateChildren() {
+ this.children.forEach((child) => this.updateChild(child));
+ },
+ updateChild(child) {
+ const { value, disabled, direction } = this.data;
+ child.setData({
+ value: value.indexOf(child.data.name) !== -1,
+ parentDisabled: disabled,
+ direction,
+ });
+ },
},
- direction: {
- type: String,
- value: 'vertical',
- },
- },
- methods: {
- updateChildren() {
- this.children.forEach((child) => this.updateChild(child));
- },
- updateChild(child) {
- const { value, disabled, direction } = this.data;
- child.setData({
- value: value.indexOf(child.data.name) !== -1,
- parentDisabled: disabled,
- direction,
- });
- },
- },
});
diff --git a/dist/checkbox/index.js b/dist/checkbox/index.js
index 304be2cd..e3b78ab7 100644
--- a/dist/checkbox/index.js
+++ b/dist/checkbox/index.js
@@ -1,75 +1,77 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
function emit(target, value) {
- target.$emit('input', value);
- target.$emit('change', value);
+ target.$emit('input', value);
+ target.$emit('change', value);
}
VantComponent({
- field: true,
- relation: useParent('checkbox-group'),
- classes: ['icon-class', 'label-class'],
- props: {
- value: Boolean,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: {
- type: String,
- value: 'right',
+ field: true,
+ relation: useParent('checkbox-group'),
+ classes: ['icon-class', 'label-class'],
+ props: {
+ value: Boolean,
+ disabled: Boolean,
+ useIconSlot: Boolean,
+ checkedColor: String,
+ labelPosition: {
+ type: String,
+ value: 'right',
+ },
+ labelDisabled: Boolean,
+ shape: {
+ type: String,
+ value: 'round',
+ },
+ iconSize: {
+ type: null,
+ value: 20,
+ },
},
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round',
+ data: {
+ parentDisabled: false,
+ direction: 'vertical',
},
- iconSize: {
- type: null,
- value: 20,
+ methods: {
+ emitChange(value) {
+ if (this.parent) {
+ this.setParentValue(this.parent, value);
+ }
+ else {
+ emit(this, value);
+ }
+ },
+ toggle() {
+ const { parentDisabled, disabled, value } = this.data;
+ if (!disabled && !parentDisabled) {
+ this.emitChange(!value);
+ }
+ },
+ onClickLabel() {
+ const { labelDisabled, parentDisabled, disabled, value } = this.data;
+ if (!disabled && !labelDisabled && !parentDisabled) {
+ this.emitChange(!value);
+ }
+ },
+ setParentValue(parent, value) {
+ const parentValue = parent.data.value.slice();
+ const { name } = this.data;
+ const { max } = parent.data;
+ if (value) {
+ if (max && parentValue.length >= max) {
+ return;
+ }
+ if (parentValue.indexOf(name) === -1) {
+ parentValue.push(name);
+ emit(parent, parentValue);
+ }
+ }
+ else {
+ const index = parentValue.indexOf(name);
+ if (index !== -1) {
+ parentValue.splice(index, 1);
+ emit(parent, parentValue);
+ }
+ }
+ },
},
- },
- data: {
- parentDisabled: false,
- direction: 'vertical',
- },
- methods: {
- emitChange(value) {
- if (this.parent) {
- this.setParentValue(this.parent, value);
- } else {
- emit(this, value);
- }
- },
- toggle() {
- const { parentDisabled, disabled, value } = this.data;
- if (!disabled && !parentDisabled) {
- this.emitChange(!value);
- }
- },
- onClickLabel() {
- const { labelDisabled, parentDisabled, disabled, value } = this.data;
- if (!disabled && !labelDisabled && !parentDisabled) {
- this.emitChange(!value);
- }
- },
- setParentValue(parent, value) {
- const parentValue = parent.data.value.slice();
- const { name } = this.data;
- const { max } = parent.data;
- if (value) {
- if (max && parentValue.length >= max) {
- return;
- }
- if (parentValue.indexOf(name) === -1) {
- parentValue.push(name);
- emit(parent, parentValue);
- }
- } else {
- const index = parentValue.indexOf(name);
- if (index !== -1) {
- parentValue.splice(index, 1);
- emit(parent, parentValue);
- }
- }
- },
- },
});
diff --git a/dist/circle/canvas.d.ts b/dist/circle/canvas.d.ts
index 6aa52dea..15268c9f 100644
--- a/dist/circle/canvas.d.ts
+++ b/dist/circle/canvas.d.ts
@@ -1,6 +1,4 @@
///
declare type CanvasContext = WechatMiniprogram.CanvasContext;
-export declare function adaptor(
- ctx: CanvasContext & Record
-): CanvasContext;
+export declare function adaptor(ctx: CanvasContext & Record): CanvasContext;
export {};
diff --git a/dist/circle/canvas.js b/dist/circle/canvas.js
index c311335e..3ade4cdb 100644
--- a/dist/circle/canvas.js
+++ b/dist/circle/canvas.js
@@ -1,43 +1,43 @@
export function adaptor(ctx) {
- // @ts-ignore
- return Object.assign(ctx, {
- setStrokeStyle(val) {
- ctx.strokeStyle = val;
- },
- setLineWidth(val) {
- ctx.lineWidth = val;
- },
- setLineCap(val) {
- ctx.lineCap = val;
- },
- setFillStyle(val) {
- ctx.fillStyle = val;
- },
- setFontSize(val) {
- ctx.font = String(val);
- },
- setGlobalAlpha(val) {
- ctx.globalAlpha = val;
- },
- setLineJoin(val) {
- ctx.lineJoin = val;
- },
- setTextAlign(val) {
- ctx.textAlign = val;
- },
- setMiterLimit(val) {
- ctx.miterLimit = val;
- },
- setShadow(offsetX, offsetY, blur, color) {
- ctx.shadowOffsetX = offsetX;
- ctx.shadowOffsetY = offsetY;
- ctx.shadowBlur = blur;
- ctx.shadowColor = color;
- },
- setTextBaseline(val) {
- ctx.textBaseline = val;
- },
- createCircularGradient() {},
- draw() {},
- });
+ // @ts-ignore
+ return Object.assign(ctx, {
+ setStrokeStyle(val) {
+ ctx.strokeStyle = val;
+ },
+ setLineWidth(val) {
+ ctx.lineWidth = val;
+ },
+ setLineCap(val) {
+ ctx.lineCap = val;
+ },
+ setFillStyle(val) {
+ ctx.fillStyle = val;
+ },
+ setFontSize(val) {
+ ctx.font = String(val);
+ },
+ setGlobalAlpha(val) {
+ ctx.globalAlpha = val;
+ },
+ setLineJoin(val) {
+ ctx.lineJoin = val;
+ },
+ setTextAlign(val) {
+ ctx.textAlign = val;
+ },
+ setMiterLimit(val) {
+ ctx.miterLimit = val;
+ },
+ setShadow(offsetX, offsetY, blur, color) {
+ ctx.shadowOffsetX = offsetX;
+ ctx.shadowOffsetY = offsetY;
+ ctx.shadowBlur = blur;
+ ctx.shadowColor = color;
+ },
+ setTextBaseline(val) {
+ ctx.textBaseline = val;
+ },
+ createCircularGradient() { },
+ draw() { },
+ });
}
diff --git a/dist/circle/index.js b/dist/circle/index.js
index d42da08e..2a4baf59 100644
--- a/dist/circle/index.js
+++ b/dist/circle/index.js
@@ -5,188 +5,189 @@ import { isObj } from '../common/validator';
import { canIUseCanvas2d } from '../common/version';
import { adaptor } from './canvas';
function format(rate) {
- return Math.min(Math.max(rate, 0), 100);
+ return Math.min(Math.max(rate, 0), 100);
}
const PERIMETER = 2 * Math.PI;
const BEGIN_ANGLE = -Math.PI / 2;
const STEP = 1;
VantComponent({
- props: {
- text: String,
- lineCap: {
- type: String,
- value: 'round',
+ props: {
+ text: String,
+ lineCap: {
+ type: String,
+ value: 'round',
+ },
+ value: {
+ type: Number,
+ value: 0,
+ observer: 'reRender',
+ },
+ speed: {
+ type: Number,
+ value: 50,
+ },
+ size: {
+ type: Number,
+ value: 100,
+ observer() {
+ this.drawCircle(this.currentValue);
+ },
+ },
+ fill: String,
+ layerColor: {
+ type: String,
+ value: WHITE,
+ },
+ color: {
+ type: null,
+ value: BLUE,
+ observer() {
+ this.setHoverColor().then(() => {
+ this.drawCircle(this.currentValue);
+ });
+ },
+ },
+ type: {
+ type: String,
+ value: '',
+ },
+ strokeWidth: {
+ type: Number,
+ value: 4,
+ },
+ clockwise: {
+ type: Boolean,
+ value: true,
+ },
},
- value: {
- type: Number,
- value: 0,
- observer: 'reRender',
+ data: {
+ hoverColor: BLUE,
},
- speed: {
- type: Number,
- value: 50,
- },
- size: {
- type: Number,
- value: 100,
- observer() {
- this.drawCircle(this.currentValue);
- },
- },
- fill: String,
- layerColor: {
- type: String,
- value: WHITE,
- },
- color: {
- type: null,
- value: BLUE,
- observer() {
- this.setHoverColor().then(() => {
- this.drawCircle(this.currentValue);
- });
- },
- },
- type: {
- type: String,
- value: '',
- },
- strokeWidth: {
- type: Number,
- value: 4,
- },
- clockwise: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- hoverColor: BLUE,
- },
- methods: {
- getContext() {
- const { type, size } = this.data;
- if (type === '' || !canIUseCanvas2d()) {
- const ctx = wx.createCanvasContext('van-circle', this);
- return Promise.resolve(ctx);
- }
- const dpr = getSystemInfoSync().pixelRatio;
- return new Promise((resolve) => {
- wx.createSelectorQuery()
- .in(this)
- .select('#van-circle')
- .node()
- .exec((res) => {
- const canvas = res[0].node;
- const ctx = canvas.getContext(type);
- if (!this.inited) {
- this.inited = true;
- canvas.width = size * dpr;
- canvas.height = size * dpr;
- ctx.scale(dpr, dpr);
+ methods: {
+ getContext() {
+ const { type, size } = this.data;
+ if (type === '' || !canIUseCanvas2d()) {
+ const ctx = wx.createCanvasContext('van-circle', this);
+ return Promise.resolve(ctx);
}
- resolve(adaptor(ctx));
- });
- });
- },
- setHoverColor() {
- const { color, size } = this.data;
- if (isObj(color)) {
- return this.getContext().then((context) => {
- const LinearColor = context.createLinearGradient(size, 0, 0, 0);
- Object.keys(color)
- .sort((a, b) => parseFloat(a) - parseFloat(b))
- .map((key) =>
- LinearColor.addColorStop(parseFloat(key) / 100, color[key])
- );
- this.hoverColor = LinearColor;
- });
- }
- this.hoverColor = color;
- return Promise.resolve();
- },
- presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) {
- const { strokeWidth, lineCap, clockwise, size } = this.data;
- const position = size / 2;
- const radius = position - strokeWidth / 2;
- context.setStrokeStyle(strokeStyle);
- context.setLineWidth(strokeWidth);
- context.setLineCap(lineCap);
- context.beginPath();
- context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
- context.stroke();
- if (fill) {
- context.setFillStyle(fill);
- context.fill();
- }
- },
- renderLayerCircle(context) {
- const { layerColor, fill } = this.data;
- this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
- },
- renderHoverCircle(context, formatValue) {
- const { clockwise } = this.data;
- // 结束角度
- const progress = PERIMETER * (formatValue / 100);
- const endAngle = clockwise
- ? BEGIN_ANGLE + progress
- : 3 * Math.PI - (BEGIN_ANGLE + progress);
- this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
- },
- drawCircle(currentValue) {
- const { size } = this.data;
- this.getContext().then((context) => {
- context.clearRect(0, 0, size, size);
- this.renderLayerCircle(context);
- const formatValue = format(currentValue);
- if (formatValue !== 0) {
- this.renderHoverCircle(context, formatValue);
- }
- context.draw();
- });
- },
- reRender() {
- // tofector 动画暂时没有想到好的解决方案
- const { value, speed } = this.data;
- if (speed <= 0 || speed > 1000) {
- this.drawCircle(value);
- return;
- }
- this.clearMockInterval();
- this.currentValue = this.currentValue || 0;
- const run = () => {
- this.interval = setTimeout(() => {
- if (this.currentValue !== value) {
- if (Math.abs(this.currentValue - value) < STEP) {
- this.currentValue = value;
- } else if (this.currentValue < value) {
- this.currentValue += STEP;
- } else {
- this.currentValue -= STEP;
+ const dpr = getSystemInfoSync().pixelRatio;
+ return new Promise((resolve) => {
+ wx.createSelectorQuery()
+ .in(this)
+ .select('#van-circle')
+ .node()
+ .exec((res) => {
+ const canvas = res[0].node;
+ const ctx = canvas.getContext(type);
+ if (!this.inited) {
+ this.inited = true;
+ canvas.width = size * dpr;
+ canvas.height = size * dpr;
+ ctx.scale(dpr, dpr);
+ }
+ resolve(adaptor(ctx));
+ });
+ });
+ },
+ setHoverColor() {
+ const { color, size } = this.data;
+ if (isObj(color)) {
+ return this.getContext().then((context) => {
+ const LinearColor = context.createLinearGradient(size, 0, 0, 0);
+ Object.keys(color)
+ .sort((a, b) => parseFloat(a) - parseFloat(b))
+ .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, color[key]));
+ this.hoverColor = LinearColor;
+ });
+ }
+ this.hoverColor = color;
+ return Promise.resolve();
+ },
+ presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) {
+ const { strokeWidth, lineCap, clockwise, size } = this.data;
+ const position = size / 2;
+ const radius = position - strokeWidth / 2;
+ context.setStrokeStyle(strokeStyle);
+ context.setLineWidth(strokeWidth);
+ context.setLineCap(lineCap);
+ context.beginPath();
+ context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
+ context.stroke();
+ if (fill) {
+ context.setFillStyle(fill);
+ context.fill();
+ }
+ },
+ renderLayerCircle(context) {
+ const { layerColor, fill } = this.data;
+ this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
+ },
+ renderHoverCircle(context, formatValue) {
+ const { clockwise } = this.data;
+ // 结束角度
+ const progress = PERIMETER * (formatValue / 100);
+ const endAngle = clockwise
+ ? BEGIN_ANGLE + progress
+ : 3 * Math.PI - (BEGIN_ANGLE + progress);
+ this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
+ },
+ drawCircle(currentValue) {
+ const { size } = this.data;
+ this.getContext().then((context) => {
+ context.clearRect(0, 0, size, size);
+ this.renderLayerCircle(context);
+ const formatValue = format(currentValue);
+ if (formatValue !== 0) {
+ this.renderHoverCircle(context, formatValue);
+ }
+ context.draw();
+ });
+ },
+ reRender() {
+ // tofector 动画暂时没有想到好的解决方案
+ const { value, speed } = this.data;
+ if (speed <= 0 || speed > 1000) {
+ this.drawCircle(value);
+ return;
}
- this.drawCircle(this.currentValue);
- run();
- } else {
this.clearMockInterval();
- }
- }, 1000 / speed);
- };
- run();
+ this.currentValue = this.currentValue || 0;
+ const run = () => {
+ this.interval = setTimeout(() => {
+ if (this.currentValue !== value) {
+ if (Math.abs(this.currentValue - value) < STEP) {
+ this.currentValue = value;
+ }
+ else if (this.currentValue < value) {
+ this.currentValue += STEP;
+ }
+ else {
+ this.currentValue -= STEP;
+ }
+ this.drawCircle(this.currentValue);
+ run();
+ }
+ else {
+ this.clearMockInterval();
+ }
+ }, 1000 / speed);
+ };
+ run();
+ },
+ clearMockInterval() {
+ if (this.interval) {
+ clearTimeout(this.interval);
+ this.interval = null;
+ }
+ },
},
- clearMockInterval() {
- if (this.interval) {
- clearTimeout(this.interval);
- this.interval = null;
- }
+ mounted() {
+ this.currentValue = this.data.value;
+ this.setHoverColor().then(() => {
+ this.drawCircle(this.currentValue);
+ });
+ },
+ destroyed() {
+ this.clearMockInterval();
},
- },
- mounted() {
- this.currentValue = this.data.value;
- this.setHoverColor().then(() => {
- this.drawCircle(this.currentValue);
- });
- },
- destroyed() {
- this.clearMockInterval();
- },
});
diff --git a/dist/col/index.js b/dist/col/index.js
index 20f326fb..02bb78d1 100644
--- a/dist/col/index.js
+++ b/dist/col/index.js
@@ -1,9 +1,9 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
- relation: useParent('row'),
- props: {
- span: Number,
- offset: Number,
- },
+ relation: useParent('row'),
+ props: {
+ span: Number,
+ offset: Number,
+ },
});
diff --git a/dist/collapse-item/animate.d.ts b/dist/collapse-item/animate.d.ts
index 0c33c005..32157b62 100644
--- a/dist/collapse-item/animate.d.ts
+++ b/dist/collapse-item/animate.d.ts
@@ -1,6 +1,2 @@
///
-export declare function setContentAnimate(
- context: WechatMiniprogram.Component.TrivialInstance,
- expanded: boolean,
- mounted: boolean
-): void;
+export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void;
diff --git a/dist/collapse-item/animate.js b/dist/collapse-item/animate.js
index 7ce1dae0..9f672dba 100644
--- a/dist/collapse-item/animate.js
+++ b/dist/collapse-item/animate.js
@@ -1,70 +1,61 @@
import { canIUseAnimate } from '../common/version';
import { getRect } from '../common/utils';
function useAnimate(context, expanded, mounted, height) {
- const selector = '.van-collapse-item__wrapper';
- if (expanded) {
- context.animate(
- selector,
- [
- { height: 0, ease: 'ease-in-out', offset: 0 },
- { height: `${height}px`, ease: 'ease-in-out', offset: 1 },
- { height: `auto`, ease: 'ease-in-out', offset: 1 },
- ],
- mounted ? 300 : 0,
- () => {
- context.clearAnimation(selector);
- }
- );
- return;
- }
- context.animate(
- selector,
- [
- { height: `${height}px`, ease: 'ease-in-out', offset: 0 },
- { height: 0, ease: 'ease-in-out', offset: 1 },
- ],
- 300,
- () => {
- context.clearAnimation(selector);
+ const selector = '.van-collapse-item__wrapper';
+ if (expanded) {
+ context.animate(selector, [
+ { height: 0, ease: 'ease-in-out', offset: 0 },
+ { height: `${height}px`, ease: 'ease-in-out', offset: 1 },
+ { height: `auto`, ease: 'ease-in-out', offset: 1 },
+ ], mounted ? 300 : 0, () => {
+ context.clearAnimation(selector);
+ });
+ return;
}
- );
+ context.animate(selector, [
+ { height: `${height}px`, ease: 'ease-in-out', offset: 0 },
+ { height: 0, ease: 'ease-in-out', offset: 1 },
+ ], 300, () => {
+ context.clearAnimation(selector);
+ });
}
function useAnimation(context, expanded, mounted, height) {
- const animation = wx.createAnimation({
- duration: 0,
- timingFunction: 'ease-in-out',
- });
- if (expanded) {
- if (height === 0) {
- animation.height('auto').top(1).step();
- } else {
- animation
- .height(height)
- .top(1)
- .step({
- duration: mounted ? 300 : 1,
- })
- .height('auto')
- .step();
- }
- context.setData({
- animation: animation.export(),
+ const animation = wx.createAnimation({
+ duration: 0,
+ timingFunction: 'ease-in-out',
+ });
+ if (expanded) {
+ if (height === 0) {
+ animation.height('auto').top(1).step();
+ }
+ else {
+ animation
+ .height(height)
+ .top(1)
+ .step({
+ duration: mounted ? 300 : 1,
+ })
+ .height('auto')
+ .step();
+ }
+ context.setData({
+ animation: animation.export(),
+ });
+ return;
+ }
+ animation.height(height).top(0).step({ duration: 1 }).height(0).step({
+ duration: 300,
+ });
+ context.setData({
+ animation: animation.export(),
});
- return;
- }
- animation.height(height).top(0).step({ duration: 1 }).height(0).step({
- duration: 300,
- });
- context.setData({
- animation: animation.export(),
- });
}
export function setContentAnimate(context, expanded, mounted) {
- getRect(context, '.van-collapse-item__content')
- .then((rect) => rect.height)
- .then((height) => {
- canIUseAnimate()
- ? useAnimate(context, expanded, mounted, height)
- : useAnimation(context, expanded, mounted, height);
+ getRect(context, '.van-collapse-item__content')
+ .then((rect) => rect.height)
+ .then((height) => {
+ canIUseAnimate()
+ ? useAnimate(context, expanded, mounted, height)
+ : useAnimation(context, expanded, mounted, height);
});
}
diff --git a/dist/collapse-item/index.js b/dist/collapse-item/index.js
index c44c27e1..991d7dfc 100644
--- a/dist/collapse-item/index.js
+++ b/dist/collapse-item/index.js
@@ -2,58 +2,58 @@ import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
import { setContentAnimate } from './animate';
VantComponent({
- classes: ['title-class', 'content-class'],
- relation: useParent('collapse'),
- props: {
- name: null,
- title: null,
- value: null,
- icon: String,
- label: String,
- disabled: Boolean,
- clickable: Boolean,
- border: {
- type: Boolean,
- value: true,
+ classes: ['title-class', 'content-class'],
+ relation: useParent('collapse'),
+ props: {
+ name: null,
+ title: null,
+ value: null,
+ icon: String,
+ label: String,
+ disabled: Boolean,
+ clickable: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ isLink: {
+ type: Boolean,
+ value: true,
+ },
},
- isLink: {
- type: Boolean,
- value: true,
+ data: {
+ expanded: false,
},
- },
- data: {
- expanded: false,
- },
- mounted() {
- this.updateExpanded();
- this.mounted = true;
- },
- methods: {
- updateExpanded() {
- if (!this.parent) {
- return;
- }
- const { value, accordion } = this.parent.data;
- const { children = [] } = this.parent;
- const { name } = this.data;
- const index = children.indexOf(this);
- const currentName = name == null ? index : name;
- const expanded = accordion
- ? value === currentName
- : (value || []).some((name) => name === currentName);
- if (expanded !== this.data.expanded) {
- setContentAnimate(this, expanded, this.mounted);
- }
- this.setData({ index, expanded });
+ mounted() {
+ this.updateExpanded();
+ this.mounted = true;
},
- onClick() {
- if (this.data.disabled) {
- return;
- }
- const { name, expanded } = this.data;
- const index = this.parent.children.indexOf(this);
- const currentName = name == null ? index : name;
- this.parent.switch(currentName, !expanded);
+ methods: {
+ updateExpanded() {
+ if (!this.parent) {
+ return;
+ }
+ const { value, accordion } = this.parent.data;
+ const { children = [] } = this.parent;
+ const { name } = this.data;
+ const index = children.indexOf(this);
+ const currentName = name == null ? index : name;
+ const expanded = accordion
+ ? value === currentName
+ : (value || []).some((name) => name === currentName);
+ if (expanded !== this.data.expanded) {
+ setContentAnimate(this, expanded, this.mounted);
+ }
+ this.setData({ index, expanded });
+ },
+ onClick() {
+ if (this.data.disabled) {
+ return;
+ }
+ const { name, expanded } = this.data;
+ const index = this.parent.children.indexOf(this);
+ const currentName = name == null ? index : name;
+ this.parent.switch(currentName, !expanded);
+ },
},
- },
});
diff --git a/dist/collapse/index.js b/dist/collapse/index.js
index 60e4611a..3616087f 100644
--- a/dist/collapse/index.js
+++ b/dist/collapse/index.js
@@ -1,44 +1,46 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- relation: useChildren('collapse-item'),
- props: {
- value: {
- type: null,
- observer: 'updateExpanded',
+ relation: useChildren('collapse-item'),
+ props: {
+ value: {
+ type: null,
+ observer: 'updateExpanded',
+ },
+ accordion: {
+ type: Boolean,
+ observer: 'updateExpanded',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ },
},
- accordion: {
- type: Boolean,
- observer: 'updateExpanded',
+ methods: {
+ updateExpanded() {
+ this.children.forEach((child) => {
+ child.updateExpanded();
+ });
+ },
+ switch(name, expanded) {
+ const { accordion, value } = this.data;
+ const changeItem = name;
+ if (!accordion) {
+ name = expanded
+ ? (value || []).concat(name)
+ : (value || []).filter((activeName) => activeName !== name);
+ }
+ else {
+ name = expanded ? name : '';
+ }
+ if (expanded) {
+ this.$emit('open', changeItem);
+ }
+ else {
+ this.$emit('close', changeItem);
+ }
+ this.$emit('change', name);
+ this.$emit('input', name);
+ },
},
- border: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updateExpanded() {
- this.children.forEach((child) => {
- child.updateExpanded();
- });
- },
- switch(name, expanded) {
- const { accordion, value } = this.data;
- const changeItem = name;
- if (!accordion) {
- name = expanded
- ? (value || []).concat(name)
- : (value || []).filter((activeName) => activeName !== name);
- } else {
- name = expanded ? name : '';
- }
- if (expanded) {
- this.$emit('open', changeItem);
- } else {
- this.$emit('close', changeItem);
- }
- this.$emit('change', name);
- this.$emit('input', name);
- },
- },
});
diff --git a/dist/common/component.d.ts b/dist/common/component.d.ts
index 6b0a9582..acdd7f0e 100644
--- a/dist/common/component.d.ts
+++ b/dist/common/component.d.ts
@@ -1,8 +1,4 @@
///
import { VantComponentOptions } from '../definitions/index';
-declare function VantComponent<
- Data extends WechatMiniprogram.Component.DataOption,
- Props extends WechatMiniprogram.Component.PropertyOption,
- Methods extends WechatMiniprogram.Component.MethodOption
->(vantOptions: VantComponentOptions): void;
+declare function VantComponent(vantOptions: VantComponentOptions): void;
export { VantComponent };
diff --git a/dist/common/component.js b/dist/common/component.js
index 5530c6f0..8528dc0f 100644
--- a/dist/common/component.js
+++ b/dist/common/component.js
@@ -1,45 +1,45 @@
import { basic } from '../mixins/basic';
function mapKeys(source, target, map) {
- Object.keys(map).forEach((key) => {
- if (source[key]) {
- target[map[key]] = source[key];
- }
- });
+ Object.keys(map).forEach((key) => {
+ if (source[key]) {
+ target[map[key]] = source[key];
+ }
+ });
}
function VantComponent(vantOptions) {
- const options = {};
- mapKeys(vantOptions, options, {
- data: 'data',
- props: 'properties',
- mixins: 'behaviors',
- methods: 'methods',
- beforeCreate: 'created',
- created: 'attached',
- mounted: 'ready',
- destroyed: 'detached',
- classes: 'externalClasses',
- });
- // add default externalClasses
- options.externalClasses = options.externalClasses || [];
- options.externalClasses.push('custom-class');
- // add default behaviors
- options.behaviors = options.behaviors || [];
- options.behaviors.push(basic);
- // add relations
- const { relation } = vantOptions;
- if (relation) {
- options.relations = relation.relations;
- options.behaviors.push(relation.mixin);
- }
- // map field to form-field behavior
- if (vantOptions.field) {
- options.behaviors.push('wx://form-field');
- }
- // add default options
- options.options = {
- multipleSlots: true,
- addGlobalClass: true,
- };
- Component(options);
+ const options = {};
+ mapKeys(vantOptions, options, {
+ data: 'data',
+ props: 'properties',
+ mixins: 'behaviors',
+ methods: 'methods',
+ beforeCreate: 'created',
+ created: 'attached',
+ mounted: 'ready',
+ destroyed: 'detached',
+ classes: 'externalClasses',
+ });
+ // add default externalClasses
+ options.externalClasses = options.externalClasses || [];
+ options.externalClasses.push('custom-class');
+ // add default behaviors
+ options.behaviors = options.behaviors || [];
+ options.behaviors.push(basic);
+ // add relations
+ const { relation } = vantOptions;
+ if (relation) {
+ options.relations = relation.relations;
+ options.behaviors.push(relation.mixin);
+ }
+ // map field to form-field behavior
+ if (vantOptions.field) {
+ options.behaviors.push('wx://form-field');
+ }
+ // add default options
+ options.options = {
+ multipleSlots: true,
+ addGlobalClass: true,
+ };
+ Component(options);
}
export { VantComponent };
diff --git a/dist/common/relation.d.ts b/dist/common/relation.d.ts
index be5f2eea..4b5af008 100644
--- a/dist/common/relation.d.ts
+++ b/dist/common/relation.d.ts
@@ -1,21 +1,15 @@
///
declare type TrivialInstance = WechatMiniprogram.Component.TrivialInstance;
-export declare function useParent(
- name: string,
- onEffect?: (this: TrivialInstance) => void
-): {
- relations: {
- [x: string]: WechatMiniprogram.Component.RelationOption;
- };
- mixin: string;
+export declare function useParent(name: string, onEffect?: (this: TrivialInstance) => void): {
+ relations: {
+ [x: string]: WechatMiniprogram.Component.RelationOption;
+ };
+ mixin: string;
};
-export declare function useChildren(
- name: string,
- onEffect?: (this: TrivialInstance, target: TrivialInstance) => void
-): {
- relations: {
- [x: string]: WechatMiniprogram.Component.RelationOption;
- };
- mixin: string;
+export declare function useChildren(name: string, onEffect?: (this: TrivialInstance, target: TrivialInstance) => void): {
+ relations: {
+ [x: string]: WechatMiniprogram.Component.RelationOption;
+ };
+ mixin: string;
};
export {};
diff --git a/dist/common/relation.js b/dist/common/relation.js
index 99c1a493..04e29340 100644
--- a/dist/common/relation.js
+++ b/dist/common/relation.js
@@ -1,64 +1,56 @@
export function useParent(name, onEffect) {
- const path = `../${name}/index`;
- return {
- relations: {
- [path]: {
- type: 'ancestor',
- linked() {
- onEffect && onEffect.call(this);
+ const path = `../${name}/index`;
+ return {
+ relations: {
+ [path]: {
+ type: 'ancestor',
+ linked() {
+ onEffect && onEffect.call(this);
+ },
+ linkChanged() {
+ onEffect && onEffect.call(this);
+ },
+ unlinked() {
+ onEffect && onEffect.call(this);
+ },
+ },
},
- linkChanged() {
- onEffect && onEffect.call(this);
- },
- unlinked() {
- onEffect && onEffect.call(this);
- },
- },
- },
- mixin: Behavior({
- created() {
- Object.defineProperty(this, 'parent', {
- get: () => this.getRelationNodes(path)[0],
- });
- Object.defineProperty(this, 'index', {
- // @ts-ignore
- get: () => {
- var _a, _b;
- return (_b =
- (_a = this.parent) === null || _a === void 0
- ? void 0
- : _a.children) === null || _b === void 0
- ? void 0
- : _b.indexOf(this);
- },
- });
- },
- }),
- };
+ mixin: Behavior({
+ created() {
+ Object.defineProperty(this, 'parent', {
+ get: () => this.getRelationNodes(path)[0],
+ });
+ Object.defineProperty(this, 'index', {
+ // @ts-ignore
+ get: () => { var _a, _b; return (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.indexOf(this); },
+ });
+ },
+ }),
+ };
}
export function useChildren(name, onEffect) {
- const path = `../${name}/index`;
- return {
- relations: {
- [path]: {
- type: 'descendant',
- linked(target) {
- onEffect && onEffect.call(this, target);
+ const path = `../${name}/index`;
+ return {
+ relations: {
+ [path]: {
+ type: 'descendant',
+ linked(target) {
+ onEffect && onEffect.call(this, target);
+ },
+ linkChanged(target) {
+ onEffect && onEffect.call(this, target);
+ },
+ unlinked(target) {
+ onEffect && onEffect.call(this, target);
+ },
+ },
},
- linkChanged(target) {
- onEffect && onEffect.call(this, target);
- },
- unlinked(target) {
- onEffect && onEffect.call(this, target);
- },
- },
- },
- mixin: Behavior({
- created() {
- Object.defineProperty(this, 'children', {
- get: () => this.getRelationNodes(path) || [],
- });
- },
- }),
- };
+ mixin: Behavior({
+ created() {
+ Object.defineProperty(this, 'children', {
+ get: () => this.getRelationNodes(path) || [],
+ });
+ },
+ }),
+ };
}
diff --git a/dist/common/utils.d.ts b/dist/common/utils.d.ts
index 59dbbfba..5332a68a 100644
--- a/dist/common/utils.d.ts
+++ b/dist/common/utils.d.ts
@@ -4,28 +4,10 @@ export declare function range(num: number, min: number, max: number): number;
export declare function nextTick(cb: (...args: any[]) => void): void;
export declare function getSystemInfoSync(): WechatMiniprogram.SystemInfo;
export declare function addUnit(value?: string | number): string | undefined;
-export declare function requestAnimationFrame(
- cb: () => void
-): number | WechatMiniprogram.NodesRef;
+export declare function requestAnimationFrame(cb: () => void): number | WechatMiniprogram.NodesRef;
export declare function pickExclude(obj: unknown, keys: string[]): {};
-export declare function getRect(
- context: WechatMiniprogram.Component.TrivialInstance,
- selector: string
-): Promise;
-export declare function getAllRect(
- context: WechatMiniprogram.Component.TrivialInstance,
- selector: string
-): Promise;
-export declare function groupSetData(
- context: WechatMiniprogram.Component.TrivialInstance,
- cb: () => void
-): void;
-export declare function toPromise(
- promiseLike: Promise | unknown
-): Promise;
-export declare function getCurrentPage(): T &
- WechatMiniprogram.OptionalInterface &
- WechatMiniprogram.Page.InstanceProperties &
- WechatMiniprogram.Page.InstanceMethods &
- WechatMiniprogram.Page.Data &
- WechatMiniprogram.IAnyObject;
+export declare function getRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise;
+export declare function getAllRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise;
+export declare function groupSetData(context: WechatMiniprogram.Component.TrivialInstance, cb: () => void): void;
+export declare function toPromise(promiseLike: Promise | unknown): Promise;
+export declare function getCurrentPage(): T & WechatMiniprogram.OptionalInterface & WechatMiniprogram.Page.InstanceProperties & WechatMiniprogram.Page.InstanceMethods & WechatMiniprogram.Page.Data & WechatMiniprogram.IAnyObject;
diff --git a/dist/common/utils.js b/dist/common/utils.js
index 15555dd6..d06acb14 100644
--- a/dist/common/utils.js
+++ b/dist/common/utils.js
@@ -2,89 +2,91 @@ import { isDef, isNumber, isPlainObject, isPromise } from './validator';
import { canIUseGroupSetData, canIUseNextTick } from './version';
export { isDef } from './validator';
export function range(num, min, max) {
- return Math.min(Math.max(num, min), max);
+ return Math.min(Math.max(num, min), max);
}
export function nextTick(cb) {
- if (canIUseNextTick()) {
- wx.nextTick(cb);
- } else {
- setTimeout(() => {
- cb();
- }, 1000 / 30);
- }
+ if (canIUseNextTick()) {
+ wx.nextTick(cb);
+ }
+ else {
+ setTimeout(() => {
+ cb();
+ }, 1000 / 30);
+ }
}
let systemInfo;
export function getSystemInfoSync() {
- if (systemInfo == null) {
- systemInfo = wx.getSystemInfoSync();
- }
- return systemInfo;
+ if (systemInfo == null) {
+ systemInfo = wx.getSystemInfoSync();
+ }
+ return systemInfo;
}
export function addUnit(value) {
- if (!isDef(value)) {
- return undefined;
- }
- value = String(value);
- return isNumber(value) ? `${value}px` : value;
+ if (!isDef(value)) {
+ return undefined;
+ }
+ value = String(value);
+ return isNumber(value) ? `${value}px` : value;
}
export function requestAnimationFrame(cb) {
- const systemInfo = getSystemInfoSync();
- if (systemInfo.platform === 'devtools') {
- return setTimeout(() => {
- cb();
- }, 1000 / 30);
- }
- return wx
- .createSelectorQuery()
- .selectViewport()
- .boundingClientRect()
- .exec(() => {
- cb();
+ const systemInfo = getSystemInfoSync();
+ if (systemInfo.platform === 'devtools') {
+ return setTimeout(() => {
+ cb();
+ }, 1000 / 30);
+ }
+ return wx
+ .createSelectorQuery()
+ .selectViewport()
+ .boundingClientRect()
+ .exec(() => {
+ cb();
});
}
export function pickExclude(obj, keys) {
- if (!isPlainObject(obj)) {
- return {};
- }
- return Object.keys(obj).reduce((prev, key) => {
- if (!keys.includes(key)) {
- prev[key] = obj[key];
+ if (!isPlainObject(obj)) {
+ return {};
}
- return prev;
- }, {});
+ return Object.keys(obj).reduce((prev, key) => {
+ if (!keys.includes(key)) {
+ prev[key] = obj[key];
+ }
+ return prev;
+ }, {});
}
export function getRect(context, selector) {
- return new Promise((resolve) => {
- wx.createSelectorQuery()
- .in(context)
- .select(selector)
- .boundingClientRect()
- .exec((rect = []) => resolve(rect[0]));
- });
+ return new Promise((resolve) => {
+ wx.createSelectorQuery()
+ .in(context)
+ .select(selector)
+ .boundingClientRect()
+ .exec((rect = []) => resolve(rect[0]));
+ });
}
export function getAllRect(context, selector) {
- return new Promise((resolve) => {
- wx.createSelectorQuery()
- .in(context)
- .selectAll(selector)
- .boundingClientRect()
- .exec((rect = []) => resolve(rect[0]));
- });
+ return new Promise((resolve) => {
+ wx.createSelectorQuery()
+ .in(context)
+ .selectAll(selector)
+ .boundingClientRect()
+ .exec((rect = []) => resolve(rect[0]));
+ });
}
export function groupSetData(context, cb) {
- if (canIUseGroupSetData()) {
- context.groupSetData(cb);
- } else {
- cb();
- }
+ if (canIUseGroupSetData()) {
+ context.groupSetData(cb);
+ }
+ else {
+ cb();
+ }
}
export function toPromise(promiseLike) {
- if (isPromise(promiseLike)) {
- return promiseLike;
- }
- return Promise.resolve(promiseLike);
+ if (isPromise(promiseLike)) {
+ return promiseLike;
+ }
+ return Promise.resolve(promiseLike);
}
export function getCurrentPage() {
- const pages = getCurrentPages();
- return pages[pages.length - 1];
+ const pages = getCurrentPages();
+ return pages[pages.length - 1];
}
diff --git a/dist/common/validator.d.ts b/dist/common/validator.d.ts
index ae7c48f1..152894ae 100644
--- a/dist/common/validator.d.ts
+++ b/dist/common/validator.d.ts
@@ -1,7 +1,5 @@
export declare function isFunction(val: unknown): val is Function;
-export declare function isPlainObject(
- val: unknown
-): val is Record;
+export declare function isPlainObject(val: unknown): val is Record;
export declare function isPromise(val: unknown): val is Promise;
export declare function isDef(value: unknown): boolean;
export declare function isObj(x: unknown): x is Record;
diff --git a/dist/common/validator.js b/dist/common/validator.js
index a6d416cd..f11f844b 100644
--- a/dist/common/validator.js
+++ b/dist/common/validator.js
@@ -1,31 +1,31 @@
// eslint-disable-next-line @typescript-eslint/ban-types
export function isFunction(val) {
- return typeof val === 'function';
+ return typeof val === 'function';
}
export function isPlainObject(val) {
- return val !== null && typeof val === 'object' && !Array.isArray(val);
+ return val !== null && typeof val === 'object' && !Array.isArray(val);
}
export function isPromise(val) {
- return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
+ return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
}
export function isDef(value) {
- return value !== undefined && value !== null;
+ return value !== undefined && value !== null;
}
export function isObj(x) {
- const type = typeof x;
- return x !== null && (type === 'object' || type === 'function');
+ const type = typeof x;
+ return x !== null && (type === 'object' || type === 'function');
}
export function isNumber(value) {
- return /^\d+(\.\d+)?$/.test(value);
+ return /^\d+(\.\d+)?$/.test(value);
}
export function isBoolean(value) {
- return typeof value === 'boolean';
+ return typeof value === 'boolean';
}
const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i;
export function isImageUrl(url) {
- return IMAGE_REGEXP.test(url);
+ return IMAGE_REGEXP.test(url);
}
export function isVideoUrl(url) {
- return VIDEO_REGEXP.test(url);
+ return VIDEO_REGEXP.test(url);
}
diff --git a/dist/common/version.js b/dist/common/version.js
index 6444d7bf..eb851856 100644
--- a/dist/common/version.js
+++ b/dist/common/version.js
@@ -1,48 +1,48 @@
import { getSystemInfoSync } from './utils';
function compareVersion(v1, v2) {
- v1 = v1.split('.');
- v2 = v2.split('.');
- const len = Math.max(v1.length, v2.length);
- while (v1.length < len) {
- v1.push('0');
- }
- while (v2.length < len) {
- v2.push('0');
- }
- for (let i = 0; i < len; i++) {
- const num1 = parseInt(v1[i], 10);
- const num2 = parseInt(v2[i], 10);
- if (num1 > num2) {
- return 1;
+ v1 = v1.split('.');
+ v2 = v2.split('.');
+ const len = Math.max(v1.length, v2.length);
+ while (v1.length < len) {
+ v1.push('0');
}
- if (num1 < num2) {
- return -1;
+ while (v2.length < len) {
+ v2.push('0');
}
- }
- return 0;
+ for (let i = 0; i < len; i++) {
+ const num1 = parseInt(v1[i], 10);
+ const num2 = parseInt(v2[i], 10);
+ if (num1 > num2) {
+ return 1;
+ }
+ if (num1 < num2) {
+ return -1;
+ }
+ }
+ return 0;
}
function gte(version) {
- const system = getSystemInfoSync();
- return compareVersion(system.SDKVersion, version) >= 0;
+ const system = getSystemInfoSync();
+ return compareVersion(system.SDKVersion, version) >= 0;
}
export function canIUseModel() {
- return gte('2.9.3');
+ return gte('2.9.3');
}
export function canIUseFormFieldButton() {
- return gte('2.10.3');
+ return gte('2.10.3');
}
export function canIUseAnimate() {
- return gte('2.9.0');
+ return gte('2.9.0');
}
export function canIUseGroupSetData() {
- return gte('2.4.0');
+ return gte('2.4.0');
}
export function canIUseNextTick() {
- return wx.canIUse('nextTick');
+ return wx.canIUse('nextTick');
}
export function canIUseCanvas2d() {
- return gte('2.9.0');
+ return gte('2.9.0');
}
export function canIUseGetUserProfile() {
- return !!wx.getUserProfile;
+ return !!wx.getUserProfile;
}
diff --git a/dist/config-provider/index.js b/dist/config-provider/index.js
index b4c542f2..0cb23f41 100644
--- a/dist/config-provider/index.js
+++ b/dist/config-provider/index.js
@@ -1,9 +1,9 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- themeVars: {
- type: Object,
- value: {},
+ props: {
+ themeVars: {
+ type: Object,
+ value: {},
+ },
},
- },
});
diff --git a/dist/count-down/index.js b/dist/count-down/index.js
index 78dbb885..da241451 100644
--- a/dist/count-down/index.js
+++ b/dist/count-down/index.js
@@ -1,99 +1,100 @@
import { VantComponent } from '../common/component';
import { isSameSecond, parseFormat, parseTimeData } from './utils';
function simpleTick(fn) {
- return setTimeout(fn, 30);
+ return setTimeout(fn, 30);
}
VantComponent({
- props: {
- useSlot: Boolean,
- millisecond: Boolean,
- time: {
- type: Number,
- observer: 'reset',
+ props: {
+ useSlot: Boolean,
+ millisecond: Boolean,
+ time: {
+ type: Number,
+ observer: 'reset',
+ },
+ format: {
+ type: String,
+ value: 'HH:mm:ss',
+ },
+ autoStart: {
+ type: Boolean,
+ value: true,
+ },
},
- format: {
- type: String,
- value: 'HH:mm:ss',
+ data: {
+ timeData: parseTimeData(0),
+ formattedTime: '0',
},
- autoStart: {
- type: Boolean,
- value: true,
+ destroyed() {
+ clearTimeout(this.tid);
+ this.tid = null;
},
- },
- data: {
- timeData: parseTimeData(0),
- formattedTime: '0',
- },
- destroyed() {
- clearTimeout(this.tid);
- this.tid = null;
- },
- methods: {
- // 开始
- start() {
- if (this.counting) {
- return;
- }
- this.counting = true;
- this.endTime = Date.now() + this.remain;
- this.tick();
+ methods: {
+ // 开始
+ start() {
+ if (this.counting) {
+ return;
+ }
+ this.counting = true;
+ this.endTime = Date.now() + this.remain;
+ this.tick();
+ },
+ // 暂停
+ pause() {
+ this.counting = false;
+ clearTimeout(this.tid);
+ },
+ // 重置
+ reset() {
+ this.pause();
+ this.remain = this.data.time;
+ this.setRemain(this.remain);
+ if (this.data.autoStart) {
+ this.start();
+ }
+ },
+ tick() {
+ if (this.data.millisecond) {
+ this.microTick();
+ }
+ else {
+ this.macroTick();
+ }
+ },
+ microTick() {
+ this.tid = simpleTick(() => {
+ this.setRemain(this.getRemain());
+ if (this.remain !== 0) {
+ this.microTick();
+ }
+ });
+ },
+ macroTick() {
+ this.tid = simpleTick(() => {
+ const remain = this.getRemain();
+ if (!isSameSecond(remain, this.remain) || remain === 0) {
+ this.setRemain(remain);
+ }
+ if (this.remain !== 0) {
+ this.macroTick();
+ }
+ });
+ },
+ getRemain() {
+ return Math.max(this.endTime - Date.now(), 0);
+ },
+ setRemain(remain) {
+ this.remain = remain;
+ const timeData = parseTimeData(remain);
+ if (this.data.useSlot) {
+ this.$emit('change', timeData);
+ }
+ this.setData({
+ formattedTime: parseFormat(this.data.format, timeData),
+ });
+ if (remain === 0) {
+ this.pause();
+ this.$emit('finish');
+ }
+ },
},
- // 暂停
- pause() {
- this.counting = false;
- clearTimeout(this.tid);
- },
- // 重置
- reset() {
- this.pause();
- this.remain = this.data.time;
- this.setRemain(this.remain);
- if (this.data.autoStart) {
- this.start();
- }
- },
- tick() {
- if (this.data.millisecond) {
- this.microTick();
- } else {
- this.macroTick();
- }
- },
- microTick() {
- this.tid = simpleTick(() => {
- this.setRemain(this.getRemain());
- if (this.remain !== 0) {
- this.microTick();
- }
- });
- },
- macroTick() {
- this.tid = simpleTick(() => {
- const remain = this.getRemain();
- if (!isSameSecond(remain, this.remain) || remain === 0) {
- this.setRemain(remain);
- }
- if (this.remain !== 0) {
- this.macroTick();
- }
- });
- },
- getRemain() {
- return Math.max(this.endTime - Date.now(), 0);
- },
- setRemain(remain) {
- this.remain = remain;
- const timeData = parseTimeData(remain);
- if (this.data.useSlot) {
- this.$emit('change', timeData);
- }
- this.setData({
- formattedTime: parseFormat(this.data.format, timeData),
- });
- if (remain === 0) {
- this.pause();
- this.$emit('finish');
- }
- },
- },
});
diff --git a/dist/count-down/utils.js b/dist/count-down/utils.js
index a9f05b8e..cbdbd79d 100644
--- a/dist/count-down/utils.js
+++ b/dist/count-down/utils.js
@@ -1,53 +1,57 @@
function padZero(num, targetLength = 2) {
- let str = num + '';
- while (str.length < targetLength) {
- str = '0' + str;
- }
- return str;
+ let str = num + '';
+ while (str.length < targetLength) {
+ str = '0' + str;
+ }
+ return str;
}
const SECOND = 1000;
const MINUTE = 60 * SECOND;
const HOUR = 60 * MINUTE;
const DAY = 24 * HOUR;
export function parseTimeData(time) {
- const days = Math.floor(time / DAY);
- const hours = Math.floor((time % DAY) / HOUR);
- const minutes = Math.floor((time % HOUR) / MINUTE);
- const seconds = Math.floor((time % MINUTE) / SECOND);
- const milliseconds = Math.floor(time % SECOND);
- return {
- days,
- hours,
- minutes,
- seconds,
- milliseconds,
- };
+ const days = Math.floor(time / DAY);
+ const hours = Math.floor((time % DAY) / HOUR);
+ const minutes = Math.floor((time % HOUR) / MINUTE);
+ const seconds = Math.floor((time % MINUTE) / SECOND);
+ const milliseconds = Math.floor(time % SECOND);
+ return {
+ days,
+ hours,
+ minutes,
+ seconds,
+ milliseconds,
+ };
}
export function parseFormat(format, timeData) {
- const { days } = timeData;
- let { hours, minutes, seconds, milliseconds } = timeData;
- if (format.indexOf('DD') === -1) {
- hours += days * 24;
- } else {
- format = format.replace('DD', padZero(days));
- }
- if (format.indexOf('HH') === -1) {
- minutes += hours * 60;
- } else {
- format = format.replace('HH', padZero(hours));
- }
- if (format.indexOf('mm') === -1) {
- seconds += minutes * 60;
- } else {
- format = format.replace('mm', padZero(minutes));
- }
- if (format.indexOf('ss') === -1) {
- milliseconds += seconds * 1000;
- } else {
- format = format.replace('ss', padZero(seconds));
- }
- return format.replace('SSS', padZero(milliseconds, 3));
+ const { days } = timeData;
+ let { hours, minutes, seconds, milliseconds } = timeData;
+ if (format.indexOf('DD') === -1) {
+ hours += days * 24;
+ }
+ else {
+ format = format.replace('DD', padZero(days));
+ }
+ if (format.indexOf('HH') === -1) {
+ minutes += hours * 60;
+ }
+ else {
+ format = format.replace('HH', padZero(hours));
+ }
+ if (format.indexOf('mm') === -1) {
+ seconds += minutes * 60;
+ }
+ else {
+ format = format.replace('mm', padZero(minutes));
+ }
+ if (format.indexOf('ss') === -1) {
+ milliseconds += seconds * 1000;
+ }
+ else {
+ format = format.replace('ss', padZero(seconds));
+ }
+ return format.replace('SSS', padZero(milliseconds, 3));
}
export function isSameSecond(time1, time2) {
- return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+ return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
}
diff --git a/dist/datetime-picker/index.js b/dist/datetime-picker/index.js
index 8f77bf64..33341705 100644
--- a/dist/datetime-picker/index.js
+++ b/dist/datetime-picker/index.js
@@ -3,319 +3,293 @@ import { isDef } from '../common/validator';
import { pickerProps } from '../picker/shared';
const currentYear = new Date().getFullYear();
function isValidDate(date) {
- return isDef(date) && !isNaN(new Date(date).getTime());
+ return isDef(date) && !isNaN(new Date(date).getTime());
}
function range(num, min, max) {
- return Math.min(Math.max(num, min), max);
+ return Math.min(Math.max(num, min), max);
}
function padZero(val) {
- return `00${val}`.slice(-2);
+ return `00${val}`.slice(-2);
}
function times(n, iteratee) {
- let index = -1;
- const result = Array(n < 0 ? 0 : n);
- while (++index < n) {
- result[index] = iteratee(index);
- }
- return result;
+ let index = -1;
+ const result = Array(n < 0 ? 0 : n);
+ while (++index < n) {
+ result[index] = iteratee(index);
+ }
+ return result;
}
function getTrueValue(formattedValue) {
- if (formattedValue === undefined) {
- formattedValue = '1';
- }
- while (isNaN(parseInt(formattedValue, 10))) {
- formattedValue = formattedValue.slice(1);
- }
- return parseInt(formattedValue, 10);
+ if (formattedValue === undefined) {
+ formattedValue = '1';
+ }
+ while (isNaN(parseInt(formattedValue, 10))) {
+ formattedValue = formattedValue.slice(1);
+ }
+ return parseInt(formattedValue, 10);
}
function getMonthEndDay(year, month) {
- return 32 - new Date(year, month - 1, 32).getDate();
+ return 32 - new Date(year, month - 1, 32).getDate();
}
const defaultFormatter = (type, value) => value;
VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: Object.assign(Object.assign({}, pickerProps), {
- value: {
- type: null,
- observer: 'updateValue',
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: Object.assign(Object.assign({}, pickerProps), { value: {
+ type: null,
+ observer: 'updateValue',
+ }, filter: null, type: {
+ type: String,
+ value: 'datetime',
+ observer: 'updateValue',
+ }, showToolbar: {
+ type: Boolean,
+ value: true,
+ }, formatter: {
+ type: null,
+ value: defaultFormatter,
+ }, minDate: {
+ type: Number,
+ value: new Date(currentYear - 10, 0, 1).getTime(),
+ observer: 'updateValue',
+ }, maxDate: {
+ type: Number,
+ value: new Date(currentYear + 10, 11, 31).getTime(),
+ observer: 'updateValue',
+ }, minHour: {
+ type: Number,
+ value: 0,
+ observer: 'updateValue',
+ }, maxHour: {
+ type: Number,
+ value: 23,
+ observer: 'updateValue',
+ }, minMinute: {
+ type: Number,
+ value: 0,
+ observer: 'updateValue',
+ }, maxMinute: {
+ type: Number,
+ value: 59,
+ observer: 'updateValue',
+ } }),
+ data: {
+ innerValue: Date.now(),
+ columns: [],
},
- filter: null,
- type: {
- type: String,
- value: 'datetime',
- observer: 'updateValue',
- },
- showToolbar: {
- type: Boolean,
- value: true,
- },
- formatter: {
- type: null,
- value: defaultFormatter,
- },
- minDate: {
- type: Number,
- value: new Date(currentYear - 10, 0, 1).getTime(),
- observer: 'updateValue',
- },
- maxDate: {
- type: Number,
- value: new Date(currentYear + 10, 11, 31).getTime(),
- observer: 'updateValue',
- },
- minHour: {
- type: Number,
- value: 0,
- observer: 'updateValue',
- },
- maxHour: {
- type: Number,
- value: 23,
- observer: 'updateValue',
- },
- minMinute: {
- type: Number,
- value: 0,
- observer: 'updateValue',
- },
- maxMinute: {
- type: Number,
- value: 59,
- observer: 'updateValue',
- },
- }),
- data: {
- innerValue: Date.now(),
- columns: [],
- },
- methods: {
- updateValue() {
- const { data } = this;
- const val = this.correctValue(data.value);
- const isEqual = val === data.innerValue;
- this.updateColumnValue(val).then(() => {
- if (!isEqual) {
- this.$emit('input', val);
- }
- });
- },
- getPicker() {
- if (this.picker == null) {
- this.picker = this.selectComponent('.van-datetime-picker');
- const { picker } = this;
- const { setColumnValues } = picker;
- picker.setColumnValues = (...args) =>
- setColumnValues.apply(picker, [...args, false]);
- }
- return this.picker;
- },
- updateColumns() {
- const { formatter = defaultFormatter } = this.data;
- const results = this.getOriginColumns().map((column) => ({
- values: column.values.map((value) => formatter(column.type, value)),
- }));
- return this.set({ columns: results });
- },
- getOriginColumns() {
- const { filter } = this.data;
- const results = this.getRanges().map(({ type, range }) => {
- let values = times(range[1] - range[0] + 1, (index) => {
- const value = range[0] + index;
- return type === 'year' ? `${value}` : padZero(value);
- });
- if (filter) {
- values = filter(type, values);
- }
- return { type, values };
- });
- return results;
- },
- getRanges() {
- const { data } = this;
- if (data.type === 'time') {
- return [
- {
- type: 'hour',
- range: [data.minHour, data.maxHour],
- },
- {
- type: 'minute',
- range: [data.minMinute, data.maxMinute],
- },
- ];
- }
- const {
- maxYear,
- maxDate,
- maxMonth,
- maxHour,
- maxMinute,
- } = this.getBoundary('max', data.innerValue);
- const {
- minYear,
- minDate,
- minMonth,
- minHour,
- minMinute,
- } = this.getBoundary('min', data.innerValue);
- const result = [
- {
- type: 'year',
- range: [minYear, maxYear],
+ methods: {
+ updateValue() {
+ const { data } = this;
+ const val = this.correctValue(data.value);
+ const isEqual = val === data.innerValue;
+ this.updateColumnValue(val).then(() => {
+ if (!isEqual) {
+ this.$emit('input', val);
+ }
+ });
},
- {
- type: 'month',
- range: [minMonth, maxMonth],
- },
- {
- type: 'day',
- range: [minDate, maxDate],
- },
- {
- type: 'hour',
- range: [minHour, maxHour],
- },
- {
- type: 'minute',
- range: [minMinute, maxMinute],
- },
- ];
- if (data.type === 'date') result.splice(3, 2);
- if (data.type === 'year-month') result.splice(2, 3);
- return result;
- },
- correctValue(value) {
- const { data } = this;
- // validate value
- const isDateType = data.type !== 'time';
- if (isDateType && !isValidDate(value)) {
- value = data.minDate;
- } else if (!isDateType && !value) {
- const { minHour } = data;
- value = `${padZero(minHour)}:00`;
- }
- // time type
- if (!isDateType) {
- let [hour, minute] = value.split(':');
- hour = padZero(range(hour, data.minHour, data.maxHour));
- minute = padZero(range(minute, data.minMinute, data.maxMinute));
- return `${hour}:${minute}`;
- }
- // date type
- value = Math.max(value, data.minDate);
- value = Math.min(value, data.maxDate);
- return value;
- },
- getBoundary(type, innerValue) {
- const value = new Date(innerValue);
- const boundary = new Date(this.data[`${type}Date`]);
- const year = boundary.getFullYear();
- let month = 1;
- let date = 1;
- let hour = 0;
- let minute = 0;
- if (type === 'max') {
- month = 12;
- date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
- hour = 23;
- minute = 59;
- }
- if (value.getFullYear() === year) {
- month = boundary.getMonth() + 1;
- if (value.getMonth() + 1 === month) {
- date = boundary.getDate();
- if (value.getDate() === date) {
- hour = boundary.getHours();
- if (value.getHours() === hour) {
- minute = boundary.getMinutes();
+ getPicker() {
+ if (this.picker == null) {
+ this.picker = this.selectComponent('.van-datetime-picker');
+ const { picker } = this;
+ const { setColumnValues } = picker;
+ picker.setColumnValues = (...args) => setColumnValues.apply(picker, [...args, false]);
}
- }
- }
- }
- return {
- [`${type}Year`]: year,
- [`${type}Month`]: month,
- [`${type}Date`]: date,
- [`${type}Hour`]: hour,
- [`${type}Minute`]: minute,
- };
+ return this.picker;
+ },
+ updateColumns() {
+ const { formatter = defaultFormatter } = this.data;
+ const results = this.getOriginColumns().map((column) => ({
+ values: column.values.map((value) => formatter(column.type, value)),
+ }));
+ return this.set({ columns: results });
+ },
+ getOriginColumns() {
+ const { filter } = this.data;
+ const results = this.getRanges().map(({ type, range }) => {
+ let values = times(range[1] - range[0] + 1, (index) => {
+ const value = range[0] + index;
+ return type === 'year' ? `${value}` : padZero(value);
+ });
+ if (filter) {
+ values = filter(type, values);
+ }
+ return { type, values };
+ });
+ return results;
+ },
+ getRanges() {
+ const { data } = this;
+ if (data.type === 'time') {
+ return [
+ {
+ type: 'hour',
+ range: [data.minHour, data.maxHour],
+ },
+ {
+ type: 'minute',
+ range: [data.minMinute, data.maxMinute],
+ },
+ ];
+ }
+ const { maxYear, maxDate, maxMonth, maxHour, maxMinute, } = this.getBoundary('max', data.innerValue);
+ const { minYear, minDate, minMonth, minHour, minMinute, } = this.getBoundary('min', data.innerValue);
+ const result = [
+ {
+ type: 'year',
+ range: [minYear, maxYear],
+ },
+ {
+ type: 'month',
+ range: [minMonth, maxMonth],
+ },
+ {
+ type: 'day',
+ range: [minDate, maxDate],
+ },
+ {
+ type: 'hour',
+ range: [minHour, maxHour],
+ },
+ {
+ type: 'minute',
+ range: [minMinute, maxMinute],
+ },
+ ];
+ if (data.type === 'date')
+ result.splice(3, 2);
+ if (data.type === 'year-month')
+ result.splice(2, 3);
+ return result;
+ },
+ correctValue(value) {
+ const { data } = this;
+ // validate value
+ const isDateType = data.type !== 'time';
+ if (isDateType && !isValidDate(value)) {
+ value = data.minDate;
+ }
+ else if (!isDateType && !value) {
+ const { minHour } = data;
+ value = `${padZero(minHour)}:00`;
+ }
+ // time type
+ if (!isDateType) {
+ let [hour, minute] = value.split(':');
+ hour = padZero(range(hour, data.minHour, data.maxHour));
+ minute = padZero(range(minute, data.minMinute, data.maxMinute));
+ return `${hour}:${minute}`;
+ }
+ // date type
+ value = Math.max(value, data.minDate);
+ value = Math.min(value, data.maxDate);
+ return value;
+ },
+ getBoundary(type, innerValue) {
+ const value = new Date(innerValue);
+ const boundary = new Date(this.data[`${type}Date`]);
+ const year = boundary.getFullYear();
+ let month = 1;
+ let date = 1;
+ let hour = 0;
+ let minute = 0;
+ if (type === 'max') {
+ month = 12;
+ date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+ hour = 23;
+ minute = 59;
+ }
+ if (value.getFullYear() === year) {
+ month = boundary.getMonth() + 1;
+ if (value.getMonth() + 1 === month) {
+ date = boundary.getDate();
+ if (value.getDate() === date) {
+ hour = boundary.getHours();
+ if (value.getHours() === hour) {
+ minute = boundary.getMinutes();
+ }
+ }
+ }
+ }
+ return {
+ [`${type}Year`]: year,
+ [`${type}Month`]: month,
+ [`${type}Date`]: date,
+ [`${type}Hour`]: hour,
+ [`${type}Minute`]: minute,
+ };
+ },
+ onCancel() {
+ this.$emit('cancel');
+ },
+ onConfirm() {
+ this.$emit('confirm', this.data.innerValue);
+ },
+ onChange() {
+ const { data } = this;
+ let value;
+ const picker = this.getPicker();
+ const originColumns = this.getOriginColumns();
+ if (data.type === 'time') {
+ const indexes = picker.getIndexes();
+ value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1]
+ .values[indexes[1]]}`;
+ }
+ else {
+ const indexes = picker.getIndexes();
+ const values = indexes.map((value, index) => originColumns[index].values[value]);
+ const year = getTrueValue(values[0]);
+ const month = getTrueValue(values[1]);
+ const maxDate = getMonthEndDay(year, month);
+ let date = getTrueValue(values[2]);
+ if (data.type === 'year-month') {
+ date = 1;
+ }
+ date = date > maxDate ? maxDate : date;
+ let hour = 0;
+ let minute = 0;
+ if (data.type === 'datetime') {
+ hour = getTrueValue(values[3]);
+ minute = getTrueValue(values[4]);
+ }
+ value = new Date(year, month - 1, date, hour, minute);
+ }
+ value = this.correctValue(value);
+ this.updateColumnValue(value).then(() => {
+ this.$emit('input', value);
+ this.$emit('change', picker);
+ });
+ },
+ updateColumnValue(value) {
+ let values = [];
+ const { type } = this.data;
+ const formatter = this.data.formatter || defaultFormatter;
+ const picker = this.getPicker();
+ if (type === 'time') {
+ const pair = value.split(':');
+ values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
+ }
+ else {
+ const date = new Date(value);
+ values = [
+ formatter('year', `${date.getFullYear()}`),
+ formatter('month', padZero(date.getMonth() + 1)),
+ ];
+ if (type === 'date') {
+ values.push(formatter('day', padZero(date.getDate())));
+ }
+ if (type === 'datetime') {
+ values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes())));
+ }
+ }
+ return this.set({ innerValue: value })
+ .then(() => this.updateColumns())
+ .then(() => picker.setValues(values));
+ },
},
- onCancel() {
- this.$emit('cancel');
+ created() {
+ const innerValue = this.correctValue(this.data.value);
+ this.updateColumnValue(innerValue).then(() => {
+ this.$emit('input', innerValue);
+ });
},
- onConfirm() {
- this.$emit('confirm', this.data.innerValue);
- },
- onChange() {
- const { data } = this;
- let value;
- const picker = this.getPicker();
- const originColumns = this.getOriginColumns();
- if (data.type === 'time') {
- const indexes = picker.getIndexes();
- value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1]
- .values[indexes[1]]}`;
- } else {
- const indexes = picker.getIndexes();
- const values = indexes.map(
- (value, index) => originColumns[index].values[value]
- );
- const year = getTrueValue(values[0]);
- const month = getTrueValue(values[1]);
- const maxDate = getMonthEndDay(year, month);
- let date = getTrueValue(values[2]);
- if (data.type === 'year-month') {
- date = 1;
- }
- date = date > maxDate ? maxDate : date;
- let hour = 0;
- let minute = 0;
- if (data.type === 'datetime') {
- hour = getTrueValue(values[3]);
- minute = getTrueValue(values[4]);
- }
- value = new Date(year, month - 1, date, hour, minute);
- }
- value = this.correctValue(value);
- this.updateColumnValue(value).then(() => {
- this.$emit('input', value);
- this.$emit('change', picker);
- });
- },
- updateColumnValue(value) {
- let values = [];
- const { type } = this.data;
- const formatter = this.data.formatter || defaultFormatter;
- const picker = this.getPicker();
- if (type === 'time') {
- const pair = value.split(':');
- values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
- } else {
- const date = new Date(value);
- values = [
- formatter('year', `${date.getFullYear()}`),
- formatter('month', padZero(date.getMonth() + 1)),
- ];
- if (type === 'date') {
- values.push(formatter('day', padZero(date.getDate())));
- }
- if (type === 'datetime') {
- values.push(
- formatter('day', padZero(date.getDate())),
- formatter('hour', padZero(date.getHours())),
- formatter('minute', padZero(date.getMinutes()))
- );
- }
- }
- return this.set({ innerValue: value })
- .then(() => this.updateColumns())
- .then(() => picker.setValues(values));
- },
- },
- created() {
- const innerValue = this.correctValue(this.data.value);
- this.updateColumnValue(innerValue).then(() => {
- this.$emit('input', innerValue);
- });
- },
});
diff --git a/dist/definitions/index.d.ts b/dist/definitions/index.d.ts
index ed01b4dd..a7cc750a 100644
--- a/dist/definitions/index.d.ts
+++ b/dist/definitions/index.d.ts
@@ -1,43 +1,27 @@
///
interface VantComponentInstance {
- parent: WechatMiniprogram.Component.TrivialInstance;
- children: WechatMiniprogram.Component.TrivialInstance[];
- index: number;
- $emit: (
- name: string,
- detail?: unknown,
- options?: WechatMiniprogram.Component.TriggerEventOption
- ) => void;
+ parent: WechatMiniprogram.Component.TrivialInstance;
+ children: WechatMiniprogram.Component.TrivialInstance[];
+ index: number;
+ $emit: (name: string, detail?: unknown, options?: WechatMiniprogram.Component.TriggerEventOption) => void;
}
-export declare type VantComponentOptions<
- Data extends WechatMiniprogram.Component.DataOption,
- Props extends WechatMiniprogram.Component.PropertyOption,
- Methods extends WechatMiniprogram.Component.MethodOption
-> = {
- data?: Data;
- field?: boolean;
- classes?: string[];
- mixins?: string[];
- props?: Props;
- relation?: {
- relations: Record;
- mixin: string;
- };
- methods?: Methods;
- beforeCreate?: () => void;
- created?: () => void;
- mounted?: () => void;
- destroyed?: () => void;
-} & ThisType<
- VantComponentInstance &
- WechatMiniprogram.Component.Instance<
- Data & {
- name: string;
- value: any;
- } & Record,
- Props,
- Methods
- > &
- Record
->;
+export declare type VantComponentOptions = {
+ data?: Data;
+ field?: boolean;
+ classes?: string[];
+ mixins?: string[];
+ props?: Props;
+ relation?: {
+ relations: Record;
+ mixin: string;
+ };
+ methods?: Methods;
+ beforeCreate?: () => void;
+ created?: () => void;
+ mounted?: () => void;
+ destroyed?: () => void;
+} & ThisType, Props, Methods> & Record>;
export {};
diff --git a/dist/dialog/dialog.d.ts b/dist/dialog/dialog.d.ts
index 95117338..c981315b 100644
--- a/dist/dialog/dialog.d.ts
+++ b/dist/dialog/dialog.d.ts
@@ -1,58 +1,50 @@
///
export declare type Action = 'confirm' | 'cancel' | 'overlay';
interface DialogOptions {
- lang?: string;
- show?: boolean;
- title?: string;
- width?: string | number | null;
- zIndex?: number;
- theme?: string;
- context?:
- | WechatMiniprogram.Page.TrivialInstance
- | WechatMiniprogram.Component.TrivialInstance;
- message?: string;
- overlay?: boolean;
- selector?: string;
- ariaLabel?: string;
- className?: string;
- customStyle?: string;
- transition?: string;
- /**
- * @deprecated use beforeClose instead
- */
- asyncClose?: boolean;
- beforeClose?: null | ((action: Action) => Promise | void);
- businessId?: number;
- sessionFrom?: string;
- overlayStyle?: string;
- appParameter?: string;
- messageAlign?: string;
- sendMessageImg?: string;
- showMessageCard?: boolean;
- sendMessagePath?: string;
- sendMessageTitle?: string;
- confirmButtonText?: string;
- cancelButtonText?: string;
- showConfirmButton?: boolean;
- showCancelButton?: boolean;
- closeOnClickOverlay?: boolean;
- confirmButtonOpenType?: string;
+ lang?: string;
+ show?: boolean;
+ title?: string;
+ width?: string | number | null;
+ zIndex?: number;
+ theme?: string;
+ context?: WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance;
+ message?: string;
+ overlay?: boolean;
+ selector?: string;
+ ariaLabel?: string;
+ className?: string;
+ customStyle?: string;
+ transition?: string;
+ /**
+ * @deprecated use beforeClose instead
+ */
+ asyncClose?: boolean;
+ beforeClose?: null | ((action: Action) => Promise | void);
+ businessId?: number;
+ sessionFrom?: string;
+ overlayStyle?: string;
+ appParameter?: string;
+ messageAlign?: string;
+ sendMessageImg?: string;
+ showMessageCard?: boolean;
+ sendMessagePath?: string;
+ sendMessageTitle?: string;
+ confirmButtonText?: string;
+ cancelButtonText?: string;
+ showConfirmButton?: boolean;
+ showCancelButton?: boolean;
+ closeOnClickOverlay?: boolean;
+ confirmButtonOpenType?: string;
}
declare const Dialog: {
- (options: DialogOptions): Promise<
- WechatMiniprogram.Component.TrivialInstance
- >;
- alert(
- options: DialogOptions
- ): Promise;
- confirm(
- options: DialogOptions
- ): Promise;
- close(): void;
- stopLoading(): void;
- currentOptions: DialogOptions;
- defaultOptions: DialogOptions;
- setDefaultOptions(options: DialogOptions): void;
- resetDefaultOptions(): void;
+ (options: DialogOptions): Promise;
+ alert(options: DialogOptions): Promise;
+ confirm(options: DialogOptions): Promise;
+ close(): void;
+ stopLoading(): void;
+ currentOptions: DialogOptions;
+ defaultOptions: DialogOptions;
+ setDefaultOptions(options: DialogOptions): void;
+ resetDefaultOptions(): void;
};
export default Dialog;
diff --git a/dist/dialog/dialog.js b/dist/dialog/dialog.js
index 542c07b0..0b72feca 100644
--- a/dist/dialog/dialog.js
+++ b/dist/dialog/dialog.js
@@ -1,84 +1,75 @@
let queue = [];
const defaultOptions = {
- show: false,
- title: '',
- width: null,
- theme: 'default',
- message: '',
- zIndex: 100,
- overlay: true,
- selector: '#van-dialog',
- className: '',
- asyncClose: false,
- beforeClose: null,
- transition: 'scale',
- customStyle: '',
- messageAlign: '',
- overlayStyle: '',
- confirmButtonText: '确认',
- cancelButtonText: '取消',
- showConfirmButton: true,
- showCancelButton: false,
- closeOnClickOverlay: false,
- confirmButtonOpenType: '',
+ show: false,
+ title: '',
+ width: null,
+ theme: 'default',
+ message: '',
+ zIndex: 100,
+ overlay: true,
+ selector: '#van-dialog',
+ className: '',
+ asyncClose: false,
+ beforeClose: null,
+ transition: 'scale',
+ customStyle: '',
+ messageAlign: '',
+ overlayStyle: '',
+ confirmButtonText: '确认',
+ cancelButtonText: '取消',
+ showConfirmButton: true,
+ showCancelButton: false,
+ closeOnClickOverlay: false,
+ confirmButtonOpenType: '',
};
let currentOptions = Object.assign({}, defaultOptions);
function getContext() {
- const pages = getCurrentPages();
- return pages[pages.length - 1];
+ const pages = getCurrentPages();
+ return pages[pages.length - 1];
}
const Dialog = (options) => {
- options = Object.assign(Object.assign({}, currentOptions), options);
- return new Promise((resolve, reject) => {
- const context = options.context || getContext();
- const dialog = context.selectComponent(options.selector);
- delete options.context;
- delete options.selector;
- if (dialog) {
- dialog.setData(
- Object.assign(
- {
- callback: (action, instance) => {
- action === 'confirm' ? resolve(instance) : reject(instance);
- },
- },
- options
- )
- );
- wx.nextTick(() => {
- dialog.setData({ show: true });
- });
- queue.push(dialog);
- } else {
- console.warn(
- '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
- );
- }
- });
+ options = Object.assign(Object.assign({}, currentOptions), options);
+ return new Promise((resolve, reject) => {
+ const context = options.context || getContext();
+ const dialog = context.selectComponent(options.selector);
+ delete options.context;
+ delete options.selector;
+ if (dialog) {
+ dialog.setData(Object.assign({ callback: (action, instance) => {
+ action === 'confirm' ? resolve(instance) : reject(instance);
+ } }, options));
+ wx.nextTick(() => {
+ dialog.setData({ show: true });
+ });
+ queue.push(dialog);
+ }
+ else {
+ console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确');
+ }
+ });
};
Dialog.alert = (options) => Dialog(options);
-Dialog.confirm = (options) =>
- Dialog(Object.assign({ showCancelButton: true }, options));
+Dialog.confirm = (options) => Dialog(Object.assign({ showCancelButton: true }, options));
Dialog.close = () => {
- queue.forEach((dialog) => {
- dialog.close();
- });
- queue = [];
+ queue.forEach((dialog) => {
+ dialog.close();
+ });
+ queue = [];
};
Dialog.stopLoading = () => {
- queue.forEach((dialog) => {
- dialog.stopLoading();
- });
+ queue.forEach((dialog) => {
+ dialog.stopLoading();
+ });
};
Dialog.currentOptions = currentOptions;
Dialog.defaultOptions = defaultOptions;
Dialog.setDefaultOptions = (options) => {
- currentOptions = Object.assign(Object.assign({}, currentOptions), options);
- Dialog.currentOptions = currentOptions;
+ currentOptions = Object.assign(Object.assign({}, currentOptions), options);
+ Dialog.currentOptions = currentOptions;
};
Dialog.resetDefaultOptions = () => {
- currentOptions = Object.assign({}, defaultOptions);
- Dialog.currentOptions = currentOptions;
+ currentOptions = Object.assign({}, defaultOptions);
+ Dialog.currentOptions = currentOptions;
};
Dialog.resetDefaultOptions();
export default Dialog;
diff --git a/dist/dialog/index.js b/dist/dialog/index.js
index 10267b43..6f24cf4a 100644
--- a/dist/dialog/index.js
+++ b/dist/dialog/index.js
@@ -3,119 +3,120 @@ import { button } from '../mixins/button';
import { GRAY, RED } from '../common/color';
import { toPromise } from '../common/utils';
VantComponent({
- mixins: [button],
- props: {
- show: {
- type: Boolean,
- observer(show) {
- !show && this.stopLoading();
- },
- },
- title: String,
- message: String,
- theme: {
- type: String,
- value: 'default',
- },
- useSlot: Boolean,
- className: String,
- customStyle: String,
- asyncClose: Boolean,
- messageAlign: String,
- beforeClose: null,
- overlayStyle: String,
- useTitleSlot: Boolean,
- showCancelButton: Boolean,
- closeOnClickOverlay: Boolean,
- confirmButtonOpenType: String,
- width: null,
- zIndex: {
- type: Number,
- value: 2000,
- },
- confirmButtonText: {
- type: String,
- value: '确认',
- },
- cancelButtonText: {
- type: String,
- value: '取消',
- },
- confirmButtonColor: {
- type: String,
- value: RED,
- },
- cancelButtonColor: {
- type: String,
- value: GRAY,
- },
- showConfirmButton: {
- type: Boolean,
- value: true,
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- transition: {
- type: String,
- value: 'scale',
- },
- },
- data: {
- loading: {
- confirm: false,
- cancel: false,
- },
- callback: () => {},
- },
- methods: {
- onConfirm() {
- this.handleAction('confirm');
- },
- onCancel() {
- this.handleAction('cancel');
- },
- onClickOverlay() {
- this.close('overlay');
- },
- close(action) {
- this.setData({ show: false });
- wx.nextTick(() => {
- this.$emit('close', action);
- const { callback } = this.data;
- if (callback) {
- callback(action, this);
- }
- });
- },
- stopLoading() {
- this.setData({
- loading: {
- confirm: false,
- cancel: false,
+ mixins: [button],
+ props: {
+ show: {
+ type: Boolean,
+ observer(show) {
+ !show && this.stopLoading();
+ },
+ },
+ title: String,
+ message: String,
+ theme: {
+ type: String,
+ value: 'default',
+ },
+ useSlot: Boolean,
+ className: String,
+ customStyle: String,
+ asyncClose: Boolean,
+ messageAlign: String,
+ beforeClose: null,
+ overlayStyle: String,
+ useTitleSlot: Boolean,
+ showCancelButton: Boolean,
+ closeOnClickOverlay: Boolean,
+ confirmButtonOpenType: String,
+ width: null,
+ zIndex: {
+ type: Number,
+ value: 2000,
+ },
+ confirmButtonText: {
+ type: String,
+ value: '确认',
+ },
+ cancelButtonText: {
+ type: String,
+ value: '取消',
+ },
+ confirmButtonColor: {
+ type: String,
+ value: RED,
+ },
+ cancelButtonColor: {
+ type: String,
+ value: GRAY,
+ },
+ showConfirmButton: {
+ type: Boolean,
+ value: true,
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ transition: {
+ type: String,
+ value: 'scale',
},
- });
},
- handleAction(action) {
- this.$emit(action, { dialog: this });
- const { asyncClose, beforeClose } = this.data;
- if (!asyncClose && !beforeClose) {
- this.close(action);
- return;
- }
- this.setData({
- [`loading.${action}`]: true,
- });
- if (beforeClose) {
- toPromise(beforeClose(action)).then((value) => {
- if (value) {
- this.close(action);
- } else {
- this.stopLoading();
- }
- });
- }
+ data: {
+ loading: {
+ confirm: false,
+ cancel: false,
+ },
+ callback: (() => { }),
+ },
+ methods: {
+ onConfirm() {
+ this.handleAction('confirm');
+ },
+ onCancel() {
+ this.handleAction('cancel');
+ },
+ onClickOverlay() {
+ this.close('overlay');
+ },
+ close(action) {
+ this.setData({ show: false });
+ wx.nextTick(() => {
+ this.$emit('close', action);
+ const { callback } = this.data;
+ if (callback) {
+ callback(action, this);
+ }
+ });
+ },
+ stopLoading() {
+ this.setData({
+ loading: {
+ confirm: false,
+ cancel: false,
+ },
+ });
+ },
+ handleAction(action) {
+ this.$emit(action, { dialog: this });
+ const { asyncClose, beforeClose } = this.data;
+ if (!asyncClose && !beforeClose) {
+ this.close(action);
+ return;
+ }
+ this.setData({
+ [`loading.${action}`]: true,
+ });
+ if (beforeClose) {
+ toPromise(beforeClose(action)).then((value) => {
+ if (value) {
+ this.close(action);
+ }
+ else {
+ this.stopLoading();
+ }
+ });
+ }
+ },
},
- },
});
diff --git a/dist/divider/index.js b/dist/divider/index.js
index e7257408..9596edde 100644
--- a/dist/divider/index.js
+++ b/dist/divider/index.js
@@ -1,12 +1,12 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- dashed: Boolean,
- hairline: Boolean,
- contentPosition: String,
- fontSize: String,
- borderColor: String,
- textColor: String,
- customStyle: String,
- },
+ props: {
+ dashed: Boolean,
+ hairline: Boolean,
+ contentPosition: String,
+ fontSize: String,
+ borderColor: String,
+ textColor: String,
+ customStyle: String,
+ },
});
diff --git a/dist/dropdown-item/index.js b/dist/dropdown-item/index.js
index 95da1eef..0b0d00f6 100644
--- a/dist/dropdown-item/index.js
+++ b/dist/dropdown-item/index.js
@@ -1,111 +1,102 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
- field: true,
- relation: useParent('dropdown-menu', function () {
- this.updateDataFromParent();
- }),
- props: {
- value: {
- type: null,
- observer: 'rerender',
+ field: true,
+ relation: useParent('dropdown-menu', function () {
+ this.updateDataFromParent();
+ }),
+ props: {
+ value: {
+ type: null,
+ observer: 'rerender',
+ },
+ title: {
+ type: String,
+ observer: 'rerender',
+ },
+ disabled: Boolean,
+ titleClass: {
+ type: String,
+ observer: 'rerender',
+ },
+ options: {
+ type: Array,
+ value: [],
+ observer: 'rerender',
+ },
+ popupStyle: String,
},
- title: {
- type: String,
- observer: 'rerender',
+ data: {
+ transition: true,
+ showPopup: false,
+ showWrapper: false,
+ displayTitle: '',
},
- disabled: Boolean,
- titleClass: {
- type: String,
- observer: 'rerender',
- },
- options: {
- type: Array,
- value: [],
- observer: 'rerender',
- },
- popupStyle: String,
- },
- data: {
- transition: true,
- showPopup: false,
- showWrapper: false,
- displayTitle: '',
- },
- methods: {
- rerender() {
- wx.nextTick(() => {
- var _a;
- (_a = this.parent) === null || _a === void 0
- ? void 0
- : _a.updateItemListData();
- });
- },
- updateDataFromParent() {
- if (this.parent) {
- const {
- overlay,
- duration,
- activeColor,
- closeOnClickOverlay,
- direction,
- } = this.parent.data;
- this.setData({
- overlay,
- duration,
- activeColor,
- closeOnClickOverlay,
- direction,
- });
- }
- },
- onOpen() {
- this.$emit('open');
- },
- onOpened() {
- this.$emit('opened');
- },
- onClose() {
- this.$emit('close');
- },
- onClosed() {
- this.$emit('closed');
- this.setData({ showWrapper: false });
- },
- onOptionTap(event) {
- const { option } = event.currentTarget.dataset;
- const { value } = option;
- const shouldEmitChange = this.data.value !== value;
- this.setData({ showPopup: false, value });
- this.$emit('close');
- this.rerender();
- if (shouldEmitChange) {
- this.$emit('change', value);
- }
- },
- toggle(show, options = {}) {
- var _a;
- const { showPopup } = this.data;
- if (typeof show !== 'boolean') {
- show = !showPopup;
- }
- if (show === showPopup) {
- return;
- }
- this.setData({
- transition: !options.immediate,
- showPopup: show,
- });
- if (show) {
- (_a = this.parent) === null || _a === void 0
- ? void 0
- : _a.getChildWrapperStyle().then((wrapperStyle) => {
- this.setData({ wrapperStyle, showWrapper: true });
- this.rerender();
+ methods: {
+ rerender() {
+ wx.nextTick(() => {
+ var _a;
+ (_a = this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData();
});
- } else {
- this.rerender();
- }
+ },
+ updateDataFromParent() {
+ if (this.parent) {
+ const { overlay, duration, activeColor, closeOnClickOverlay, direction, } = this.parent.data;
+ this.setData({
+ overlay,
+ duration,
+ activeColor,
+ closeOnClickOverlay,
+ direction,
+ });
+ }
+ },
+ onOpen() {
+ this.$emit('open');
+ },
+ onOpened() {
+ this.$emit('opened');
+ },
+ onClose() {
+ this.$emit('close');
+ },
+ onClosed() {
+ this.$emit('closed');
+ this.setData({ showWrapper: false });
+ },
+ onOptionTap(event) {
+ const { option } = event.currentTarget.dataset;
+ const { value } = option;
+ const shouldEmitChange = this.data.value !== value;
+ this.setData({ showPopup: false, value });
+ this.$emit('close');
+ this.rerender();
+ if (shouldEmitChange) {
+ this.$emit('change', value);
+ }
+ },
+ toggle(show, options = {}) {
+ var _a;
+ const { showPopup } = this.data;
+ if (typeof show !== 'boolean') {
+ show = !showPopup;
+ }
+ if (show === showPopup) {
+ return;
+ }
+ this.setData({
+ transition: !options.immediate,
+ showPopup: show,
+ });
+ if (show) {
+ (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then((wrapperStyle) => {
+ this.setData({ wrapperStyle, showWrapper: true });
+ this.rerender();
+ });
+ }
+ else {
+ this.rerender();
+ }
+ },
},
- },
});
diff --git a/dist/dropdown-item/shared.d.ts b/dist/dropdown-item/shared.d.ts
index c90bd9e1..774eb4ca 100644
--- a/dist/dropdown-item/shared.d.ts
+++ b/dist/dropdown-item/shared.d.ts
@@ -1,5 +1,5 @@
export interface Option {
- text: string;
- value: string | number;
- icon: string;
+ text: string;
+ value: string | number;
+ icon: string;
}
diff --git a/dist/dropdown-menu/index.js b/dist/dropdown-menu/index.js
index aba11b98..1ed1a878 100644
--- a/dist/dropdown-menu/index.js
+++ b/dist/dropdown-menu/index.js
@@ -3,110 +3,110 @@ import { useChildren } from '../common/relation';
import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
let ARRAY = [];
VantComponent({
- field: true,
- relation: useChildren('dropdown-item', function () {
- this.updateItemListData();
- }),
- props: {
- activeColor: {
- type: String,
- observer: 'updateChildrenData',
+ field: true,
+ relation: useChildren('dropdown-item', function () {
+ this.updateItemListData();
+ }),
+ props: {
+ activeColor: {
+ type: String,
+ observer: 'updateChildrenData',
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildrenData',
+ },
+ zIndex: {
+ type: Number,
+ value: 10,
+ },
+ duration: {
+ type: Number,
+ value: 200,
+ observer: 'updateChildrenData',
+ },
+ direction: {
+ type: String,
+ value: 'down',
+ observer: 'updateChildrenData',
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildrenData',
+ },
+ closeOnClickOutside: {
+ type: Boolean,
+ value: true,
+ },
},
- overlay: {
- type: Boolean,
- value: true,
- observer: 'updateChildrenData',
+ data: {
+ itemListData: [],
},
- zIndex: {
- type: Number,
- value: 10,
+ beforeCreate() {
+ const { windowHeight } = getSystemInfoSync();
+ this.windowHeight = windowHeight;
+ ARRAY.push(this);
},
- duration: {
- type: Number,
- value: 200,
- observer: 'updateChildrenData',
+ destroyed() {
+ ARRAY = ARRAY.filter((item) => item !== this);
},
- direction: {
- type: String,
- value: 'down',
- observer: 'updateChildrenData',
+ methods: {
+ updateItemListData() {
+ this.setData({
+ itemListData: this.children.map((child) => child.data),
+ });
+ },
+ updateChildrenData() {
+ this.children.forEach((child) => {
+ child.updateDataFromParent();
+ });
+ },
+ toggleItem(active) {
+ this.children.forEach((item, index) => {
+ const { showPopup } = item.data;
+ if (index === active) {
+ item.toggle();
+ }
+ else if (showPopup) {
+ item.toggle(false, { immediate: true });
+ }
+ });
+ },
+ close() {
+ this.children.forEach((child) => {
+ child.toggle(false, { immediate: true });
+ });
+ },
+ getChildWrapperStyle() {
+ const { zIndex, direction } = this.data;
+ return getRect(this, '.van-dropdown-menu').then((rect) => {
+ const { top = 0, bottom = 0 } = rect;
+ const offset = direction === 'down' ? bottom : this.windowHeight - top;
+ let wrapperStyle = `z-index: ${zIndex};`;
+ if (direction === 'down') {
+ wrapperStyle += `top: ${addUnit(offset)};`;
+ }
+ else {
+ wrapperStyle += `bottom: ${addUnit(offset)};`;
+ }
+ return wrapperStyle;
+ });
+ },
+ onTitleTap(event) {
+ const { index } = event.currentTarget.dataset;
+ const child = this.children[index];
+ if (!child.data.disabled) {
+ ARRAY.forEach((menuItem) => {
+ if (menuItem &&
+ menuItem.data.closeOnClickOutside &&
+ menuItem !== this) {
+ menuItem.close();
+ }
+ });
+ this.toggleItem(index);
+ }
+ },
},
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- observer: 'updateChildrenData',
- },
- closeOnClickOutside: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- itemListData: [],
- },
- beforeCreate() {
- const { windowHeight } = getSystemInfoSync();
- this.windowHeight = windowHeight;
- ARRAY.push(this);
- },
- destroyed() {
- ARRAY = ARRAY.filter((item) => item !== this);
- },
- methods: {
- updateItemListData() {
- this.setData({
- itemListData: this.children.map((child) => child.data),
- });
- },
- updateChildrenData() {
- this.children.forEach((child) => {
- child.updateDataFromParent();
- });
- },
- toggleItem(active) {
- this.children.forEach((item, index) => {
- const { showPopup } = item.data;
- if (index === active) {
- item.toggle();
- } else if (showPopup) {
- item.toggle(false, { immediate: true });
- }
- });
- },
- close() {
- this.children.forEach((child) => {
- child.toggle(false, { immediate: true });
- });
- },
- getChildWrapperStyle() {
- const { zIndex, direction } = this.data;
- return getRect(this, '.van-dropdown-menu').then((rect) => {
- const { top = 0, bottom = 0 } = rect;
- const offset = direction === 'down' ? bottom : this.windowHeight - top;
- let wrapperStyle = `z-index: ${zIndex};`;
- if (direction === 'down') {
- wrapperStyle += `top: ${addUnit(offset)};`;
- } else {
- wrapperStyle += `bottom: ${addUnit(offset)};`;
- }
- return wrapperStyle;
- });
- },
- onTitleTap(event) {
- const { index } = event.currentTarget.dataset;
- const child = this.children[index];
- if (!child.data.disabled) {
- ARRAY.forEach((menuItem) => {
- if (
- menuItem &&
- menuItem.data.closeOnClickOutside &&
- menuItem !== this
- ) {
- menuItem.close();
- }
- });
- this.toggleItem(index);
- }
- },
- },
});
diff --git a/dist/empty/index.js b/dist/empty/index.js
index 32ec1163..842e1bb6 100644
--- a/dist/empty/index.js
+++ b/dist/empty/index.js
@@ -1,10 +1,10 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- description: String,
- image: {
- type: String,
- value: 'default',
+ props: {
+ description: String,
+ image: {
+ type: String,
+ value: 'default',
+ },
},
- },
});
diff --git a/dist/field/index.js b/dist/field/index.js
index 105ba28f..35627a2b 100644
--- a/dist/field/index.js
+++ b/dist/field/index.js
@@ -2,138 +2,106 @@ import { nextTick } from '../common/utils';
import { VantComponent } from '../common/component';
import { commonProps, inputProps, textareaProps } from './props';
VantComponent({
- field: true,
- classes: ['input-class', 'right-icon-class', 'label-class'],
- props: Object.assign(
- Object.assign(
- Object.assign(Object.assign({}, commonProps), inputProps),
- textareaProps
- ),
- {
- size: String,
- icon: String,
- label: String,
- error: Boolean,
- center: Boolean,
- isLink: Boolean,
- leftIcon: String,
- rightIcon: String,
- autosize: null,
- required: Boolean,
- iconClass: String,
- clickable: Boolean,
- inputAlign: String,
- customStyle: String,
- errorMessage: String,
- arrowDirection: String,
- showWordLimit: Boolean,
- errorMessageAlign: String,
- readonly: {
- type: Boolean,
- observer: 'setShowClear',
- },
- clearable: {
- type: Boolean,
- observer: 'setShowClear',
- },
- clearTrigger: {
- type: String,
- value: 'focus',
- },
- border: {
- type: Boolean,
- value: true,
- },
- titleWidth: {
- type: String,
- value: '6.2em',
- },
- clearIcon: {
- type: String,
- value: 'clear',
- },
- }
- ),
- data: {
- focused: false,
- innerValue: '',
- showClear: false,
- },
- created() {
- this.value = this.data.value;
- this.setData({ innerValue: this.value });
- },
- methods: {
- onInput(event) {
- const { value = '' } = event.detail || {};
- this.value = value;
- this.setShowClear();
- this.emitChange();
+ field: true,
+ classes: ['input-class', 'right-icon-class', 'label-class'],
+ props: Object.assign(Object.assign(Object.assign(Object.assign({}, commonProps), inputProps), textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: null, required: Boolean, iconClass: String, clickable: Boolean, inputAlign: String, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, readonly: {
+ type: Boolean,
+ observer: 'setShowClear',
+ }, clearable: {
+ type: Boolean,
+ observer: 'setShowClear',
+ }, clearTrigger: {
+ type: String,
+ value: 'focus',
+ }, border: {
+ type: Boolean,
+ value: true,
+ }, titleWidth: {
+ type: String,
+ value: '6.2em',
+ }, clearIcon: {
+ type: String,
+ value: 'clear',
+ } }),
+ data: {
+ focused: false,
+ innerValue: '',
+ showClear: false,
},
- onFocus(event) {
- this.focused = true;
- this.setShowClear();
- this.$emit('focus', event.detail);
+ created() {
+ this.value = this.data.value;
+ this.setData({ innerValue: this.value });
},
- onBlur(event) {
- this.focused = false;
- this.setShowClear();
- this.$emit('blur', event.detail);
+ methods: {
+ onInput(event) {
+ const { value = '' } = event.detail || {};
+ this.value = value;
+ this.setShowClear();
+ this.emitChange();
+ },
+ onFocus(event) {
+ this.focused = true;
+ this.setShowClear();
+ this.$emit('focus', event.detail);
+ },
+ onBlur(event) {
+ this.focused = false;
+ this.setShowClear();
+ this.$emit('blur', event.detail);
+ },
+ onClickIcon() {
+ this.$emit('click-icon');
+ },
+ onClickInput(event) {
+ this.$emit('click-input', event.detail);
+ },
+ onClear() {
+ this.setData({ innerValue: '' });
+ this.value = '';
+ this.setShowClear();
+ nextTick(() => {
+ this.emitChange();
+ this.$emit('clear', '');
+ });
+ },
+ onConfirm(event) {
+ const { value = '' } = event.detail || {};
+ this.value = value;
+ this.setShowClear();
+ this.$emit('confirm', value);
+ },
+ setValue(value) {
+ this.value = value;
+ this.setShowClear();
+ if (value === '') {
+ this.setData({ innerValue: '' });
+ }
+ this.emitChange();
+ },
+ onLineChange(event) {
+ this.$emit('linechange', event.detail);
+ },
+ onKeyboardHeightChange(event) {
+ this.$emit('keyboardheightchange', event.detail);
+ },
+ emitChange() {
+ this.setData({ value: this.value });
+ nextTick(() => {
+ this.$emit('input', this.value);
+ this.$emit('change', this.value);
+ });
+ },
+ setShowClear() {
+ const { clearable, readonly, clearTrigger } = this.data;
+ const { focused, value } = this;
+ let showClear = false;
+ if (clearable && !readonly) {
+ const hasValue = !!value;
+ const trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
+ showClear = hasValue && trigger;
+ }
+ this.setData({ showClear });
+ },
+ noop() { },
},
- onClickIcon() {
- this.$emit('click-icon');
- },
- onClickInput(event) {
- this.$emit('click-input', event.detail);
- },
- onClear() {
- this.setData({ innerValue: '' });
- this.value = '';
- this.setShowClear();
- nextTick(() => {
- this.emitChange();
- this.$emit('clear', '');
- });
- },
- onConfirm(event) {
- const { value = '' } = event.detail || {};
- this.value = value;
- this.setShowClear();
- this.$emit('confirm', value);
- },
- setValue(value) {
- this.value = value;
- this.setShowClear();
- if (value === '') {
- this.setData({ innerValue: '' });
- }
- this.emitChange();
- },
- onLineChange(event) {
- this.$emit('linechange', event.detail);
- },
- onKeyboardHeightChange(event) {
- this.$emit('keyboardheightchange', event.detail);
- },
- emitChange() {
- this.setData({ value: this.value });
- nextTick(() => {
- this.$emit('input', this.value);
- this.$emit('change', this.value);
- });
- },
- setShowClear() {
- const { clearable, readonly, clearTrigger } = this.data;
- const { focused, value } = this;
- let showClear = false;
- if (clearable && !readonly) {
- const hasValue = !!value;
- const trigger =
- clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
- showClear = hasValue && trigger;
- }
- this.setData({ showClear });
- },
- noop() {},
- },
});
diff --git a/dist/field/props.js b/dist/field/props.js
index 218749f8..415e48d2 100644
--- a/dist/field/props.js
+++ b/dist/field/props.js
@@ -1,63 +1,63 @@
export const commonProps = {
- value: {
- type: String,
- observer(value) {
- if (value !== this.value) {
- this.setData({ innerValue: value });
- this.value = value;
- }
+ value: {
+ type: String,
+ observer(value) {
+ if (value !== this.value) {
+ this.setData({ innerValue: value });
+ this.value = value;
+ }
+ },
},
- },
- placeholder: String,
- placeholderStyle: String,
- placeholderClass: String,
- disabled: Boolean,
- maxlength: {
- type: Number,
- value: -1,
- },
- cursorSpacing: {
- type: Number,
- value: 50,
- },
- autoFocus: Boolean,
- focus: Boolean,
- cursor: {
- type: Number,
- value: -1,
- },
- selectionStart: {
- type: Number,
- value: -1,
- },
- selectionEnd: {
- type: Number,
- value: -1,
- },
- adjustPosition: {
- type: Boolean,
- value: true,
- },
- holdKeyboard: Boolean,
+ placeholder: String,
+ placeholderStyle: String,
+ placeholderClass: String,
+ disabled: Boolean,
+ maxlength: {
+ type: Number,
+ value: -1,
+ },
+ cursorSpacing: {
+ type: Number,
+ value: 50,
+ },
+ autoFocus: Boolean,
+ focus: Boolean,
+ cursor: {
+ type: Number,
+ value: -1,
+ },
+ selectionStart: {
+ type: Number,
+ value: -1,
+ },
+ selectionEnd: {
+ type: Number,
+ value: -1,
+ },
+ adjustPosition: {
+ type: Boolean,
+ value: true,
+ },
+ holdKeyboard: Boolean,
};
export const inputProps = {
- type: {
- type: String,
- value: 'text',
- },
- password: Boolean,
- confirmType: String,
- confirmHold: Boolean,
+ type: {
+ type: String,
+ value: 'text',
+ },
+ password: Boolean,
+ confirmType: String,
+ confirmHold: Boolean,
};
export const textareaProps = {
- autoHeight: Boolean,
- fixed: Boolean,
- showConfirmBar: {
- type: Boolean,
- value: true,
- },
- disableDefaultPadding: {
- type: Boolean,
- value: true,
- },
+ autoHeight: Boolean,
+ fixed: Boolean,
+ showConfirmBar: {
+ type: Boolean,
+ value: true,
+ },
+ disableDefaultPadding: {
+ type: Boolean,
+ value: true,
+ },
};
diff --git a/dist/goods-action-button/index.js b/dist/goods-action-button/index.js
index 5f6dfe20..06fa62c1 100644
--- a/dist/goods-action-button/index.js
+++ b/dist/goods-action-button/index.js
@@ -3,34 +3,34 @@ import { useParent } from '../common/relation';
import { button } from '../mixins/button';
import { link } from '../mixins/link';
VantComponent({
- mixins: [link, button],
- relation: useParent('goods-action'),
- props: {
- text: String,
- color: String,
- loading: Boolean,
- disabled: Boolean,
- plain: Boolean,
- type: {
- type: String,
- value: 'danger',
+ mixins: [link, button],
+ relation: useParent('goods-action'),
+ props: {
+ text: String,
+ color: String,
+ loading: Boolean,
+ disabled: Boolean,
+ plain: Boolean,
+ type: {
+ type: String,
+ value: 'danger',
+ },
},
- },
- methods: {
- onClick(event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ methods: {
+ onClick(event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
+ updateStyle() {
+ if (this.parent == null) {
+ return;
+ }
+ const { index } = this;
+ const { children = [] } = this.parent;
+ this.setData({
+ isFirst: index === 0,
+ isLast: index === children.length - 1,
+ });
+ },
},
- updateStyle() {
- if (this.parent == null) {
- return;
- }
- const { index } = this;
- const { children = [] } = this.parent;
- this.setData({
- isFirst: index === 0,
- isLast: index === children.length - 1,
- });
- },
- },
});
diff --git a/dist/goods-action-icon/index.js b/dist/goods-action-icon/index.js
index 3ebbec1c..91bd34c9 100644
--- a/dist/goods-action-icon/index.js
+++ b/dist/goods-action-icon/index.js
@@ -2,20 +2,20 @@ import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
import { link } from '../mixins/link';
VantComponent({
- classes: ['icon-class', 'text-class'],
- mixins: [link, button],
- props: {
- text: String,
- dot: Boolean,
- info: String,
- icon: String,
- disabled: Boolean,
- loading: Boolean,
- },
- methods: {
- onClick(event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ classes: ['icon-class', 'text-class'],
+ mixins: [link, button],
+ props: {
+ text: String,
+ dot: Boolean,
+ info: String,
+ icon: String,
+ disabled: Boolean,
+ loading: Boolean,
+ },
+ methods: {
+ onClick(event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
},
- },
});
diff --git a/dist/goods-action/index.js b/dist/goods-action/index.js
index c58c38df..6b2ed745 100644
--- a/dist/goods-action/index.js
+++ b/dist/goods-action/index.js
@@ -1,15 +1,15 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- relation: useChildren('goods-action-button', function () {
- this.children.forEach((item) => {
- item.updateStyle();
- });
- }),
- props: {
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
+ relation: useChildren('goods-action-button', function () {
+ this.children.forEach((item) => {
+ item.updateStyle();
+ });
+ }),
+ props: {
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- },
});
diff --git a/dist/grid-item/index.js b/dist/grid-item/index.js
index a08943ed..dbeb18a3 100644
--- a/dist/grid-item/index.js
+++ b/dist/grid-item/index.js
@@ -2,61 +2,51 @@ import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
import { link } from '../mixins/link';
VantComponent({
- relation: useParent('grid'),
- classes: ['content-class', 'icon-class', 'text-class'],
- mixins: [link],
- props: {
- icon: String,
- iconColor: String,
- iconPrefix: {
- type: String,
- value: 'van-icon',
+ relation: useParent('grid'),
+ classes: ['content-class', 'icon-class', 'text-class'],
+ mixins: [link],
+ props: {
+ icon: String,
+ iconColor: String,
+ iconPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ dot: Boolean,
+ info: null,
+ badge: null,
+ text: String,
+ useSlot: Boolean,
},
- dot: Boolean,
- info: null,
- badge: null,
- text: String,
- useSlot: Boolean,
- },
- data: {
- viewStyle: '',
- },
- mounted() {
- this.updateStyle();
- },
- methods: {
- updateStyle() {
- if (!this.parent) {
- return;
- }
- const { data, children } = this.parent;
- const {
- columnNum,
- border,
- square,
- gutter,
- clickable,
- center,
- direction,
- reverse,
- iconSize,
- } = data;
- this.setData({
- center,
- border,
- square,
- gutter,
- clickable,
- direction,
- reverse,
- iconSize,
- index: children.indexOf(this),
- columnNum,
- });
+ data: {
+ viewStyle: '',
},
- onClick() {
- this.$emit('click');
- this.jumpLink();
+ mounted() {
+ this.updateStyle();
+ },
+ methods: {
+ updateStyle() {
+ if (!this.parent) {
+ return;
+ }
+ const { data, children } = this.parent;
+ const { columnNum, border, square, gutter, clickable, center, direction, reverse, iconSize, } = data;
+ this.setData({
+ center,
+ border,
+ square,
+ gutter,
+ clickable,
+ direction,
+ reverse,
+ iconSize,
+ index: children.indexOf(this),
+ columnNum,
+ });
+ },
+ onClick() {
+ this.$emit('click');
+ this.jumpLink();
+ },
},
- },
});
diff --git a/dist/grid/index.js b/dist/grid/index.js
index b80d3785..41dfa4ce 100644
--- a/dist/grid/index.js
+++ b/dist/grid/index.js
@@ -1,55 +1,55 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- relation: useChildren('grid-item'),
- props: {
- square: {
- type: Boolean,
- observer: 'updateChildren',
+ relation: useChildren('grid-item'),
+ props: {
+ square: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ gutter: {
+ type: null,
+ value: 0,
+ observer: 'updateChildren',
+ },
+ clickable: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ columnNum: {
+ type: Number,
+ value: 4,
+ observer: 'updateChildren',
+ },
+ center: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildren',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildren',
+ },
+ direction: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ iconSize: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ reverse: {
+ type: Boolean,
+ value: false,
+ observer: 'updateChildren',
+ },
},
- gutter: {
- type: null,
- value: 0,
- observer: 'updateChildren',
+ methods: {
+ updateChildren() {
+ this.children.forEach((child) => {
+ child.updateStyle();
+ });
+ },
},
- clickable: {
- type: Boolean,
- observer: 'updateChildren',
- },
- columnNum: {
- type: Number,
- value: 4,
- observer: 'updateChildren',
- },
- center: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- border: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- direction: {
- type: String,
- observer: 'updateChildren',
- },
- iconSize: {
- type: String,
- observer: 'updateChildren',
- },
- reverse: {
- type: Boolean,
- value: false,
- observer: 'updateChildren',
- },
- },
- methods: {
- updateChildren() {
- this.children.forEach((child) => {
- child.updateStyle();
- });
- },
- },
});
diff --git a/dist/icon/index.js b/dist/icon/index.js
index 75f2c946..34fee338 100644
--- a/dist/icon/index.js
+++ b/dist/icon/index.js
@@ -1,20 +1,20 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- dot: Boolean,
- info: null,
- size: null,
- color: String,
- customStyle: String,
- classPrefix: {
- type: String,
- value: 'van-icon',
+ props: {
+ dot: Boolean,
+ info: null,
+ size: null,
+ color: String,
+ customStyle: String,
+ classPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ name: String,
},
- name: String,
- },
- methods: {
- onClick() {
- this.$emit('click');
+ methods: {
+ onClick() {
+ this.$emit('click');
+ },
},
- },
});
diff --git a/dist/icon/index.wxss b/dist/icon/index.wxss
index b97b6e78..442556fc 100644
--- a/dist/icon/index.wxss
+++ b/dist/icon/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-exchange:before{content:"\e6af"}.van-icon-eye:before{content:"\e6b0"}.van-icon-enlarge:before{content:"\e6b1"}.van-icon-expand-o:before{content:"\e6b2"}.van-icon-eye-o:before{content:"\e6b3"}.van-icon-expand:before{content:"\e6b4"}.van-icon-filter-o:before{content:"\e6b5"}.van-icon-fire:before{content:"\e6b6"}.van-icon-fail:before{content:"\e6b7"}.van-icon-failure:before{content:"\e6b8"}.van-icon-fire-o:before{content:"\e6b9"}.van-icon-flag-o:before{content:"\e6ba"}.van-icon-font:before{content:"\e6bb"}.van-icon-font-o:before{content:"\e6bc"}.van-icon-gem-o:before{content:"\e6bd"}.van-icon-flower-o:before{content:"\e6be"}.van-icon-gem:before{content:"\e6bf"}.van-icon-gift-card:before{content:"\e6c0"}.van-icon-friends:before{content:"\e6c1"}.van-icon-friends-o:before{content:"\e6c2"}.van-icon-gold-coin:before{content:"\e6c3"}.van-icon-gold-coin-o:before{content:"\e6c4"}.van-icon-good-job-o:before{content:"\e6c5"}.van-icon-gift:before{content:"\e6c6"}.van-icon-gift-o:before{content:"\e6c7"}.van-icon-gift-card-o:before{content:"\e6c8"}.van-icon-good-job:before{content:"\e6c9"}.van-icon-home-o:before{content:"\e6ca"}.van-icon-goods-collect:before{content:"\e6cb"}.van-icon-graphic:before{content:"\e6cc"}.van-icon-goods-collect-o:before{content:"\e6cd"}.van-icon-hot-o:before{content:"\e6ce"}.van-icon-info:before{content:"\e6cf"}.van-icon-hotel-o:before{content:"\e6d0"}.van-icon-info-o:before{content:"\e6d1"}.van-icon-hot-sale-o:before{content:"\e6d2"}.van-icon-hot:before{content:"\e6d3"}.van-icon-like:before{content:"\e6d4"}.van-icon-idcard:before{content:"\e6d5"}.van-icon-invitation:before{content:"\e6d6"}.van-icon-like-o:before{content:"\e6d7"}.van-icon-hot-sale:before{content:"\e6d8"}.van-icon-location-o:before{content:"\e6d9"}.van-icon-location:before{content:"\e6da"}.van-icon-label:before{content:"\e6db"}.van-icon-lock:before{content:"\e6dc"}.van-icon-label-o:before{content:"\e6dd"}.van-icon-map-marked:before{content:"\e6de"}.van-icon-logistics:before{content:"\e6df"}.van-icon-manager:before{content:"\e6e0"}.van-icon-more:before{content:"\e6e1"}.van-icon-live:before{content:"\e6e2"}.van-icon-manager-o:before{content:"\e6e3"}.van-icon-medal:before{content:"\e6e4"}.van-icon-more-o:before{content:"\e6e5"}.van-icon-music-o:before{content:"\e6e6"}.van-icon-music:before{content:"\e6e7"}.van-icon-new-arrival-o:before{content:"\e6e8"}.van-icon-medal-o:before{content:"\e6e9"}.van-icon-new-o:before{content:"\e6ea"}.van-icon-free-postage:before{content:"\e6eb"}.van-icon-newspaper-o:before{content:"\e6ec"}.van-icon-new-arrival:before{content:"\e6ed"}.van-icon-minus:before{content:"\e6ee"}.van-icon-orders-o:before{content:"\e6ef"}.van-icon-new:before{content:"\e6f0"}.van-icon-paid:before{content:"\e6f1"}.van-icon-notes-o:before{content:"\e6f2"}.van-icon-other-pay:before{content:"\e6f3"}.van-icon-pause-circle:before{content:"\e6f4"}.van-icon-pause:before{content:"\e6f5"}.van-icon-pause-circle-o:before{content:"\e6f6"}.van-icon-peer-pay:before{content:"\e6f7"}.van-icon-pending-payment:before{content:"\e6f8"}.van-icon-passed:before{content:"\e6f9"}.van-icon-plus:before{content:"\e6fa"}.van-icon-phone-circle-o:before{content:"\e6fb"}.van-icon-phone-o:before{content:"\e6fc"}.van-icon-printer:before{content:"\e6fd"}.van-icon-photo-fail:before{content:"\e6fe"}.van-icon-phone:before{content:"\e6ff"}.van-icon-photo-o:before{content:"\e700"}.van-icon-play-circle:before{content:"\e701"}.van-icon-play:before{content:"\e702"}.van-icon-phone-circle:before{content:"\e703"}.van-icon-point-gift-o:before{content:"\e704"}.van-icon-point-gift:before{content:"\e705"}.van-icon-play-circle-o:before{content:"\e706"}.van-icon-shrink:before{content:"\e707"}.van-icon-photo:before{content:"\e708"}.van-icon-qr:before{content:"\e709"}.van-icon-qr-invalid:before{content:"\e70a"}.van-icon-question-o:before{content:"\e70b"}.van-icon-revoke:before{content:"\e70c"}.van-icon-replay:before{content:"\e70d"}.van-icon-service:before{content:"\e70e"}.van-icon-question:before{content:"\e70f"}.van-icon-search:before{content:"\e710"}.van-icon-refund-o:before{content:"\e711"}.van-icon-service-o:before{content:"\e712"}.van-icon-scan:before{content:"\e713"}.van-icon-share:before{content:"\e714"}.van-icon-send-gift-o:before{content:"\e715"}.van-icon-share-o:before{content:"\e716"}.van-icon-setting:before{content:"\e717"}.van-icon-points:before{content:"\e718"}.van-icon-photograph:before{content:"\e719"}.van-icon-shop:before{content:"\e71a"}.van-icon-shop-o:before{content:"\e71b"}.van-icon-shop-collect-o:before{content:"\e71c"}.van-icon-shop-collect:before{content:"\e71d"}.van-icon-smile:before{content:"\e71e"}.van-icon-shopping-cart-o:before{content:"\e71f"}.van-icon-sign:before{content:"\e720"}.van-icon-sort:before{content:"\e721"}.van-icon-star-o:before{content:"\e722"}.van-icon-smile-comment-o:before{content:"\e723"}.van-icon-stop:before{content:"\e724"}.van-icon-stop-circle-o:before{content:"\e725"}.van-icon-smile-o:before{content:"\e726"}.van-icon-star:before{content:"\e727"}.van-icon-success:before{content:"\e728"}.van-icon-stop-circle:before{content:"\e729"}.van-icon-records:before{content:"\e72a"}.van-icon-shopping-cart:before{content:"\e72b"}.van-icon-tosend:before{content:"\e72c"}.van-icon-todo-list:before{content:"\e72d"}.van-icon-thumb-circle-o:before{content:"\e72e"}.van-icon-thumb-circle:before{content:"\e72f"}.van-icon-umbrella-circle:before{content:"\e730"}.van-icon-underway:before{content:"\e731"}.van-icon-upgrade:before{content:"\e732"}.van-icon-todo-list-o:before{content:"\e733"}.van-icon-tv-o:before{content:"\e734"}.van-icon-underway-o:before{content:"\e735"}.van-icon-user-o:before{content:"\e736"}.van-icon-vip-card-o:before{content:"\e737"}.van-icon-vip-card:before{content:"\e738"}.van-icon-send-gift:before{content:"\e739"}.van-icon-wap-home:before{content:"\e73a"}.van-icon-wap-nav:before{content:"\e73b"}.van-icon-volume-o:before{content:"\e73c"}.van-icon-video:before{content:"\e73d"}.van-icon-wap-home-o:before{content:"\e73e"}.van-icon-volume:before{content:"\e73f"}.van-icon-warning:before{content:"\e740"}.van-icon-weapp-nav:before{content:"\e741"}.van-icon-wechat-pay:before{content:"\e742"}.van-icon-warning-o:before{content:"\e743"}.van-icon-wechat:before{content:"\e744"}.van-icon-setting-o:before{content:"\e745"}.van-icon-youzan-shield:before{content:"\e746"}.van-icon-warn-o:before{content:"\e747"}.van-icon-smile-comment:before{content:"\e748"}.van-icon-user-circle-o:before{content:"\e749"}.van-icon-video-o:before{content:"\e74a"}.van-icon-add-square:before{content:"\e65c"}.van-icon-add:before{content:"\e65d"}.van-icon-arrow-down:before{content:"\e65e"}.van-icon-arrow-up:before{content:"\e65f"}.van-icon-arrow:before{content:"\e660"}.van-icon-after-sale:before{content:"\e661"}.van-icon-add-o:before{content:"\e662"}.van-icon-alipay:before{content:"\e663"}.van-icon-ascending:before{content:"\e664"}.van-icon-apps-o:before{content:"\e665"}.van-icon-aim:before{content:"\e666"}.van-icon-award:before{content:"\e667"}.van-icon-arrow-left:before{content:"\e668"}.van-icon-award-o:before{content:"\e669"}.van-icon-audio:before{content:"\e66a"}.van-icon-bag-o:before{content:"\e66b"}.van-icon-balance-list:before{content:"\e66c"}.van-icon-back-top:before{content:"\e66d"}.van-icon-bag:before{content:"\e66e"}.van-icon-balance-pay:before{content:"\e66f"}.van-icon-balance-o:before{content:"\e670"}.van-icon-bar-chart-o:before{content:"\e671"}.van-icon-bars:before{content:"\e672"}.van-icon-balance-list-o:before{content:"\e673"}.van-icon-birthday-cake-o:before{content:"\e674"}.van-icon-bookmark:before{content:"\e675"}.van-icon-bill:before{content:"\e676"}.van-icon-bell:before{content:"\e677"}.van-icon-browsing-history-o:before{content:"\e678"}.van-icon-browsing-history:before{content:"\e679"}.van-icon-bookmark-o:before{content:"\e67a"}.van-icon-bulb-o:before{content:"\e67b"}.van-icon-bullhorn-o:before{content:"\e67c"}.van-icon-bill-o:before{content:"\e67d"}.van-icon-calendar-o:before{content:"\e67e"}.van-icon-brush-o:before{content:"\e67f"}.van-icon-card:before{content:"\e680"}.van-icon-cart-o:before{content:"\e681"}.van-icon-cart-circle:before{content:"\e682"}.van-icon-cart-circle-o:before{content:"\e683"}.van-icon-cart:before{content:"\e684"}.van-icon-cash-on-deliver:before{content:"\e685"}.van-icon-cash-back-record:before{content:"\e686"}.van-icon-cashier-o:before{content:"\e687"}.van-icon-chart-trending-o:before{content:"\e688"}.van-icon-certificate:before{content:"\e689"}.van-icon-chat:before{content:"\e68a"}.van-icon-clear:before{content:"\e68b"}.van-icon-chat-o:before{content:"\e68c"}.van-icon-checked:before{content:"\e68d"}.van-icon-clock:before{content:"\e68e"}.van-icon-clock-o:before{content:"\e68f"}.van-icon-close:before{content:"\e690"}.van-icon-closed-eye:before{content:"\e691"}.van-icon-circle:before{content:"\e692"}.van-icon-cluster-o:before{content:"\e693"}.van-icon-column:before{content:"\e694"}.van-icon-comment-circle-o:before{content:"\e695"}.van-icon-cluster:before{content:"\e696"}.van-icon-comment:before{content:"\e697"}.van-icon-comment-o:before{content:"\e698"}.van-icon-comment-circle:before{content:"\e699"}.van-icon-completed:before{content:"\e69a"}.van-icon-credit-pay:before{content:"\e69b"}.van-icon-coupon:before{content:"\e69c"}.van-icon-debit-pay:before{content:"\e69d"}.van-icon-coupon-o:before{content:"\e69e"}.van-icon-contact:before{content:"\e69f"}.van-icon-descending:before{content:"\e6a0"}.van-icon-desktop-o:before{content:"\e6a1"}.van-icon-diamond-o:before{content:"\e6a2"}.van-icon-description:before{content:"\e6a3"}.van-icon-delete:before{content:"\e6a4"}.van-icon-diamond:before{content:"\e6a5"}.van-icon-delete-o:before{content:"\e6a6"}.van-icon-cross:before{content:"\e6a7"}.van-icon-edit:before{content:"\e6a8"}.van-icon-ellipsis:before{content:"\e6a9"}.van-icon-down:before{content:"\e6aa"}.van-icon-discount:before{content:"\e6ab"}.van-icon-ecard-pay:before{content:"\e6ac"}.van-icon-envelop-o:before{content:"\e6ae"}.van-icon-shield-o:before{content:"\e74b"}@font-face{font-weight:400;font-style:normal;font-display:auto;font-family:vant-icon;src:url(//at.alicdn.com/t/font_2553510_3bs9b5licix.woff2?t=1626956973644) format("woff2"),url(//at.alicdn.com/t/font_2553510_3bs9b5licix.woff?t=1626956973644) format("woff"),url(//at.alicdn.com/t/font_2553510_3bs9b5licix.ttf?t=1626956973644) format("truetype")}:host{display:inline-flex;align-items:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
\ No newline at end of file
+@import '../common/index.wxss';.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-exchange:before{content:"\e6af"}.van-icon-eye:before{content:"\e6b0"}.van-icon-enlarge:before{content:"\e6b1"}.van-icon-expand-o:before{content:"\e6b2"}.van-icon-eye-o:before{content:"\e6b3"}.van-icon-expand:before{content:"\e6b4"}.van-icon-filter-o:before{content:"\e6b5"}.van-icon-fire:before{content:"\e6b6"}.van-icon-fail:before{content:"\e6b7"}.van-icon-failure:before{content:"\e6b8"}.van-icon-fire-o:before{content:"\e6b9"}.van-icon-flag-o:before{content:"\e6ba"}.van-icon-font:before{content:"\e6bb"}.van-icon-font-o:before{content:"\e6bc"}.van-icon-gem-o:before{content:"\e6bd"}.van-icon-flower-o:before{content:"\e6be"}.van-icon-gem:before{content:"\e6bf"}.van-icon-gift-card:before{content:"\e6c0"}.van-icon-friends:before{content:"\e6c1"}.van-icon-friends-o:before{content:"\e6c2"}.van-icon-gold-coin:before{content:"\e6c3"}.van-icon-gold-coin-o:before{content:"\e6c4"}.van-icon-good-job-o:before{content:"\e6c5"}.van-icon-gift:before{content:"\e6c6"}.van-icon-gift-o:before{content:"\e6c7"}.van-icon-gift-card-o:before{content:"\e6c8"}.van-icon-good-job:before{content:"\e6c9"}.van-icon-home-o:before{content:"\e6ca"}.van-icon-goods-collect:before{content:"\e6cb"}.van-icon-graphic:before{content:"\e6cc"}.van-icon-goods-collect-o:before{content:"\e6cd"}.van-icon-hot-o:before{content:"\e6ce"}.van-icon-info:before{content:"\e6cf"}.van-icon-hotel-o:before{content:"\e6d0"}.van-icon-info-o:before{content:"\e6d1"}.van-icon-hot-sale-o:before{content:"\e6d2"}.van-icon-hot:before{content:"\e6d3"}.van-icon-like:before{content:"\e6d4"}.van-icon-idcard:before{content:"\e6d5"}.van-icon-invitation:before{content:"\e6d6"}.van-icon-like-o:before{content:"\e6d7"}.van-icon-hot-sale:before{content:"\e6d8"}.van-icon-location-o:before{content:"\e6d9"}.van-icon-location:before{content:"\e6da"}.van-icon-label:before{content:"\e6db"}.van-icon-lock:before{content:"\e6dc"}.van-icon-label-o:before{content:"\e6dd"}.van-icon-map-marked:before{content:"\e6de"}.van-icon-logistics:before{content:"\e6df"}.van-icon-manager:before{content:"\e6e0"}.van-icon-more:before{content:"\e6e1"}.van-icon-live:before{content:"\e6e2"}.van-icon-manager-o:before{content:"\e6e3"}.van-icon-medal:before{content:"\e6e4"}.van-icon-more-o:before{content:"\e6e5"}.van-icon-music-o:before{content:"\e6e6"}.van-icon-music:before{content:"\e6e7"}.van-icon-new-arrival-o:before{content:"\e6e8"}.van-icon-medal-o:before{content:"\e6e9"}.van-icon-new-o:before{content:"\e6ea"}.van-icon-free-postage:before{content:"\e6eb"}.van-icon-newspaper-o:before{content:"\e6ec"}.van-icon-new-arrival:before{content:"\e6ed"}.van-icon-minus:before{content:"\e6ee"}.van-icon-orders-o:before{content:"\e6ef"}.van-icon-new:before{content:"\e6f0"}.van-icon-paid:before{content:"\e6f1"}.van-icon-notes-o:before{content:"\e6f2"}.van-icon-other-pay:before{content:"\e6f3"}.van-icon-pause-circle:before{content:"\e6f4"}.van-icon-pause:before{content:"\e6f5"}.van-icon-pause-circle-o:before{content:"\e6f6"}.van-icon-peer-pay:before{content:"\e6f7"}.van-icon-pending-payment:before{content:"\e6f8"}.van-icon-passed:before{content:"\e6f9"}.van-icon-plus:before{content:"\e6fa"}.van-icon-phone-circle-o:before{content:"\e6fb"}.van-icon-phone-o:before{content:"\e6fc"}.van-icon-printer:before{content:"\e6fd"}.van-icon-photo-fail:before{content:"\e6fe"}.van-icon-phone:before{content:"\e6ff"}.van-icon-photo-o:before{content:"\e700"}.van-icon-play-circle:before{content:"\e701"}.van-icon-play:before{content:"\e702"}.van-icon-phone-circle:before{content:"\e703"}.van-icon-point-gift-o:before{content:"\e704"}.van-icon-point-gift:before{content:"\e705"}.van-icon-play-circle-o:before{content:"\e706"}.van-icon-shrink:before{content:"\e707"}.van-icon-photo:before{content:"\e708"}.van-icon-qr:before{content:"\e709"}.van-icon-qr-invalid:before{content:"\e70a"}.van-icon-question-o:before{content:"\e70b"}.van-icon-revoke:before{content:"\e70c"}.van-icon-replay:before{content:"\e70d"}.van-icon-service:before{content:"\e70e"}.van-icon-question:before{content:"\e70f"}.van-icon-search:before{content:"\e710"}.van-icon-refund-o:before{content:"\e711"}.van-icon-service-o:before{content:"\e712"}.van-icon-scan:before{content:"\e713"}.van-icon-share:before{content:"\e714"}.van-icon-send-gift-o:before{content:"\e715"}.van-icon-share-o:before{content:"\e716"}.van-icon-setting:before{content:"\e717"}.van-icon-points:before{content:"\e718"}.van-icon-photograph:before{content:"\e719"}.van-icon-shop:before{content:"\e71a"}.van-icon-shop-o:before{content:"\e71b"}.van-icon-shop-collect-o:before{content:"\e71c"}.van-icon-shop-collect:before{content:"\e71d"}.van-icon-smile:before{content:"\e71e"}.van-icon-shopping-cart-o:before{content:"\e71f"}.van-icon-sign:before{content:"\e720"}.van-icon-sort:before{content:"\e721"}.van-icon-star-o:before{content:"\e722"}.van-icon-smile-comment-o:before{content:"\e723"}.van-icon-stop:before{content:"\e724"}.van-icon-stop-circle-o:before{content:"\e725"}.van-icon-smile-o:before{content:"\e726"}.van-icon-star:before{content:"\e727"}.van-icon-success:before{content:"\e728"}.van-icon-stop-circle:before{content:"\e729"}.van-icon-records:before{content:"\e72a"}.van-icon-shopping-cart:before{content:"\e72b"}.van-icon-tosend:before{content:"\e72c"}.van-icon-todo-list:before{content:"\e72d"}.van-icon-thumb-circle-o:before{content:"\e72e"}.van-icon-thumb-circle:before{content:"\e72f"}.van-icon-umbrella-circle:before{content:"\e730"}.van-icon-underway:before{content:"\e731"}.van-icon-upgrade:before{content:"\e732"}.van-icon-todo-list-o:before{content:"\e733"}.van-icon-tv-o:before{content:"\e734"}.van-icon-underway-o:before{content:"\e735"}.van-icon-user-o:before{content:"\e736"}.van-icon-vip-card-o:before{content:"\e737"}.van-icon-vip-card:before{content:"\e738"}.van-icon-send-gift:before{content:"\e739"}.van-icon-wap-home:before{content:"\e73a"}.van-icon-wap-nav:before{content:"\e73b"}.van-icon-volume-o:before{content:"\e73c"}.van-icon-video:before{content:"\e73d"}.van-icon-wap-home-o:before{content:"\e73e"}.van-icon-volume:before{content:"\e73f"}.van-icon-warning:before{content:"\e740"}.van-icon-weapp-nav:before{content:"\e741"}.van-icon-wechat-pay:before{content:"\e742"}.van-icon-warning-o:before{content:"\e743"}.van-icon-wechat:before{content:"\e744"}.van-icon-setting-o:before{content:"\e745"}.van-icon-youzan-shield:before{content:"\e746"}.van-icon-warn-o:before{content:"\e747"}.van-icon-smile-comment:before{content:"\e748"}.van-icon-user-circle-o:before{content:"\e749"}.van-icon-video-o:before{content:"\e74a"}.van-icon-add-square:before{content:"\e65c"}.van-icon-add:before{content:"\e65d"}.van-icon-arrow-down:before{content:"\e65e"}.van-icon-arrow-up:before{content:"\e65f"}.van-icon-arrow:before{content:"\e660"}.van-icon-after-sale:before{content:"\e661"}.van-icon-add-o:before{content:"\e662"}.van-icon-alipay:before{content:"\e663"}.van-icon-ascending:before{content:"\e664"}.van-icon-apps-o:before{content:"\e665"}.van-icon-aim:before{content:"\e666"}.van-icon-award:before{content:"\e667"}.van-icon-arrow-left:before{content:"\e668"}.van-icon-award-o:before{content:"\e669"}.van-icon-audio:before{content:"\e66a"}.van-icon-bag-o:before{content:"\e66b"}.van-icon-balance-list:before{content:"\e66c"}.van-icon-back-top:before{content:"\e66d"}.van-icon-bag:before{content:"\e66e"}.van-icon-balance-pay:before{content:"\e66f"}.van-icon-balance-o:before{content:"\e670"}.van-icon-bar-chart-o:before{content:"\e671"}.van-icon-bars:before{content:"\e672"}.van-icon-balance-list-o:before{content:"\e673"}.van-icon-birthday-cake-o:before{content:"\e674"}.van-icon-bookmark:before{content:"\e675"}.van-icon-bill:before{content:"\e676"}.van-icon-bell:before{content:"\e677"}.van-icon-browsing-history-o:before{content:"\e678"}.van-icon-browsing-history:before{content:"\e679"}.van-icon-bookmark-o:before{content:"\e67a"}.van-icon-bulb-o:before{content:"\e67b"}.van-icon-bullhorn-o:before{content:"\e67c"}.van-icon-bill-o:before{content:"\e67d"}.van-icon-calendar-o:before{content:"\e67e"}.van-icon-brush-o:before{content:"\e67f"}.van-icon-card:before{content:"\e680"}.van-icon-cart-o:before{content:"\e681"}.van-icon-cart-circle:before{content:"\e682"}.van-icon-cart-circle-o:before{content:"\e683"}.van-icon-cart:before{content:"\e684"}.van-icon-cash-on-deliver:before{content:"\e685"}.van-icon-cash-back-record:before{content:"\e686"}.van-icon-cashier-o:before{content:"\e687"}.van-icon-chart-trending-o:before{content:"\e688"}.van-icon-certificate:before{content:"\e689"}.van-icon-chat:before{content:"\e68a"}.van-icon-clear:before{content:"\e68b"}.van-icon-chat-o:before{content:"\e68c"}.van-icon-checked:before{content:"\e68d"}.van-icon-clock:before{content:"\e68e"}.van-icon-clock-o:before{content:"\e68f"}.van-icon-close:before{content:"\e690"}.van-icon-closed-eye:before{content:"\e691"}.van-icon-circle:before{content:"\e692"}.van-icon-cluster-o:before{content:"\e693"}.van-icon-column:before{content:"\e694"}.van-icon-comment-circle-o:before{content:"\e695"}.van-icon-cluster:before{content:"\e696"}.van-icon-comment:before{content:"\e697"}.van-icon-comment-o:before{content:"\e698"}.van-icon-comment-circle:before{content:"\e699"}.van-icon-completed:before{content:"\e69a"}.van-icon-credit-pay:before{content:"\e69b"}.van-icon-coupon:before{content:"\e69c"}.van-icon-debit-pay:before{content:"\e69d"}.van-icon-coupon-o:before{content:"\e69e"}.van-icon-contact:before{content:"\e69f"}.van-icon-descending:before{content:"\e6a0"}.van-icon-desktop-o:before{content:"\e6a1"}.van-icon-diamond-o:before{content:"\e6a2"}.van-icon-description:before{content:"\e6a3"}.van-icon-delete:before{content:"\e6a4"}.van-icon-diamond:before{content:"\e6a5"}.van-icon-delete-o:before{content:"\e6a6"}.van-icon-cross:before{content:"\e6a7"}.van-icon-edit:before{content:"\e6a8"}.van-icon-ellipsis:before{content:"\e6a9"}.van-icon-down:before{content:"\e6aa"}.van-icon-discount:before{content:"\e6ab"}.van-icon-ecard-pay:before{content:"\e6ac"}.van-icon-envelop-o:before{content:"\e6ae"}.van-icon-shield-o:before{content:"\e74b"}.van-icon-guide-o:before{content:"\e74c"}@font-face{font-weight:400;font-style:normal;font-display:auto;font-family:vant-icon;src:url(//at.alicdn.com/t/font_2553510_61agzg96wm8.woff2?t=1631948257467) format("woff2"),url(//at.alicdn.com/t/font_2553510_61agzg96wm8.woff?t=1631948257467) format("woff"),url(//at.alicdn.com/t/font_2553510_61agzg96wm8.ttf?t=1631948257467) format("truetype")}:host{display:inline-flex;align-items:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
\ No newline at end of file
diff --git a/dist/image/index.js b/dist/image/index.js
index 74054267..06c9dd15 100644
--- a/dist/image/index.js
+++ b/dist/image/index.js
@@ -1,60 +1,60 @@
import { VantComponent } from '../common/component';
import { button } from '../mixins/button';
VantComponent({
- mixins: [button],
- classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
- props: {
- src: {
- type: String,
- observer() {
- this.setData({
- error: false,
- loading: true,
- });
- },
+ mixins: [button],
+ classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
+ props: {
+ src: {
+ type: String,
+ observer() {
+ this.setData({
+ error: false,
+ loading: true,
+ });
+ },
+ },
+ round: Boolean,
+ width: null,
+ height: null,
+ radius: null,
+ lazyLoad: Boolean,
+ useErrorSlot: Boolean,
+ useLoadingSlot: Boolean,
+ showMenuByLongpress: Boolean,
+ fit: {
+ type: String,
+ value: 'fill',
+ },
+ showError: {
+ type: Boolean,
+ value: true,
+ },
+ showLoading: {
+ type: Boolean,
+ value: true,
+ },
},
- round: Boolean,
- width: null,
- height: null,
- radius: null,
- lazyLoad: Boolean,
- useErrorSlot: Boolean,
- useLoadingSlot: Boolean,
- showMenuByLongpress: Boolean,
- fit: {
- type: String,
- value: 'fill',
+ data: {
+ error: false,
+ loading: true,
+ viewStyle: '',
},
- showError: {
- type: Boolean,
- value: true,
+ methods: {
+ onLoad(event) {
+ this.setData({
+ loading: false,
+ });
+ this.$emit('load', event.detail);
+ },
+ onError(event) {
+ this.setData({
+ loading: false,
+ error: true,
+ });
+ this.$emit('error', event.detail);
+ },
+ onClick(event) {
+ this.$emit('click', event.detail);
+ },
},
- showLoading: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- error: false,
- loading: true,
- viewStyle: '',
- },
- methods: {
- onLoad(event) {
- this.setData({
- loading: false,
- });
- this.$emit('load', event.detail);
- },
- onError(event) {
- this.setData({
- loading: false,
- error: true,
- });
- this.$emit('error', event.detail);
- },
- onClick(event) {
- this.$emit('click', event.detail);
- },
- },
});
diff --git a/dist/index-anchor/index.js b/dist/index-anchor/index.js
index 7d81508f..85265e95 100644
--- a/dist/index-anchor/index.js
+++ b/dist/index-anchor/index.js
@@ -2,24 +2,24 @@ import { getRect } from '../common/utils';
import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
VantComponent({
- relation: useParent('index-bar'),
- props: {
- useSlot: Boolean,
- index: null,
- },
- data: {
- active: false,
- wrapperStyle: '',
- anchorStyle: '',
- },
- methods: {
- scrollIntoView(scrollTop) {
- getRect(this, '.van-index-anchor-wrapper').then((rect) => {
- wx.pageScrollTo({
- duration: 0,
- scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,
- });
- });
+ relation: useParent('index-bar'),
+ props: {
+ useSlot: Boolean,
+ index: null,
+ },
+ data: {
+ active: false,
+ wrapperStyle: '',
+ anchorStyle: '',
+ },
+ methods: {
+ scrollIntoView(scrollTop) {
+ getRect(this, '.van-index-anchor-wrapper').then((rect) => {
+ wx.pageScrollTo({
+ duration: 0,
+ scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,
+ });
+ });
+ },
},
- },
});
diff --git a/dist/index-bar/index.js b/dist/index-bar/index.js
index 0df8a7bd..201b2e36 100644
--- a/dist/index-bar/index.js
+++ b/dist/index-bar/index.js
@@ -4,245 +4,240 @@ import { useChildren } from '../common/relation';
import { getRect, isDef } from '../common/utils';
import { pageScrollMixin } from '../mixins/page-scroll';
const indexList = () => {
- const indexList = [];
- const charCodeOfA = 'A'.charCodeAt(0);
- for (let i = 0; i < 26; i++) {
- indexList.push(String.fromCharCode(charCodeOfA + i));
- }
- return indexList;
+ const indexList = [];
+ const charCodeOfA = 'A'.charCodeAt(0);
+ for (let i = 0; i < 26; i++) {
+ indexList.push(String.fromCharCode(charCodeOfA + i));
+ }
+ return indexList;
};
VantComponent({
- relation: useChildren('index-anchor', function () {
- this.updateData();
- }),
- props: {
- sticky: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- highlightColor: {
- type: String,
- value: GREEN,
- },
- stickyOffsetTop: {
- type: Number,
- value: 0,
- },
- indexList: {
- type: Array,
- value: indexList(),
- },
- },
- mixins: [
- pageScrollMixin(function (event) {
- this.scrollTop =
- (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
- this.onScroll();
+ relation: useChildren('index-anchor', function () {
+ this.updateData();
}),
- ],
- data: {
- activeAnchorIndex: null,
- showSidebar: false,
- },
- created() {
- this.scrollTop = 0;
- },
- methods: {
- updateData() {
- wx.nextTick(() => {
- if (this.timer != null) {
- clearTimeout(this.timer);
- }
- this.timer = setTimeout(() => {
- this.setData({
- showSidebar: !!this.children.length,
- });
- this.setRect().then(() => {
- this.onScroll();
- });
- }, 0);
- });
- },
- setRect() {
- return Promise.all([
- this.setAnchorsRect(),
- this.setListRect(),
- this.setSiderbarRect(),
- ]);
- },
- setAnchorsRect() {
- return Promise.all(
- this.children.map((anchor) =>
- getRect(anchor, '.van-index-anchor-wrapper').then((rect) => {
- Object.assign(anchor, {
- height: rect.height,
- top: rect.top + this.scrollTop,
- });
- })
- )
- );
- },
- setListRect() {
- return getRect(this, '.van-index-bar').then((rect) => {
- Object.assign(this, {
- height: rect.height,
- top: rect.top + this.scrollTop,
- });
- });
- },
- setSiderbarRect() {
- return getRect(this, '.van-index-bar__sidebar').then((res) => {
- if (!isDef(res)) {
- return;
- }
- this.sidebar = {
- height: res.height,
- top: res.top,
- };
- });
- },
- setDiffData({ target, data }) {
- const diffData = {};
- Object.keys(data).forEach((key) => {
- if (target.data[key] !== data[key]) {
- diffData[key] = data[key];
- }
- });
- if (Object.keys(diffData).length) {
- target.setData(diffData);
- }
- },
- getAnchorRect(anchor) {
- return getRect(anchor, '.van-index-anchor-wrapper').then((rect) => ({
- height: rect.height,
- top: rect.top,
- }));
- },
- getActiveAnchorIndex() {
- const { children, scrollTop } = this;
- const { sticky, stickyOffsetTop } = this.data;
- for (let i = this.children.length - 1; i >= 0; i--) {
- const preAnchorHeight = i > 0 ? children[i - 1].height : 0;
- const reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
- if (reachTop + scrollTop >= children[i].top) {
- return i;
- }
- }
- return -1;
- },
- onScroll() {
- const { children = [], scrollTop } = this;
- if (!children.length) {
- return;
- }
- const { sticky, stickyOffsetTop, zIndex, highlightColor } = this.data;
- const active = this.getActiveAnchorIndex();
- this.setDiffData({
- target: this,
- data: {
- activeAnchorIndex: active,
+ props: {
+ sticky: {
+ type: Boolean,
+ value: true,
},
- });
- if (sticky) {
- let isActiveAnchorSticky = false;
- if (active !== -1) {
- isActiveAnchorSticky =
- children[active].top <= stickyOffsetTop + scrollTop;
- }
- children.forEach((item, index) => {
- if (index === active) {
- let wrapperStyle = '';
- let anchorStyle = `
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ highlightColor: {
+ type: String,
+ value: GREEN,
+ },
+ stickyOffsetTop: {
+ type: Number,
+ value: 0,
+ },
+ indexList: {
+ type: Array,
+ value: indexList(),
+ },
+ },
+ mixins: [
+ pageScrollMixin(function (event) {
+ this.scrollTop = (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
+ this.onScroll();
+ }),
+ ],
+ data: {
+ activeAnchorIndex: null,
+ showSidebar: false,
+ },
+ created() {
+ this.scrollTop = 0;
+ },
+ methods: {
+ updateData() {
+ wx.nextTick(() => {
+ if (this.timer != null) {
+ clearTimeout(this.timer);
+ }
+ this.timer = setTimeout(() => {
+ this.setData({
+ showSidebar: !!this.children.length,
+ });
+ this.setRect().then(() => {
+ this.onScroll();
+ });
+ }, 0);
+ });
+ },
+ setRect() {
+ return Promise.all([
+ this.setAnchorsRect(),
+ this.setListRect(),
+ this.setSiderbarRect(),
+ ]);
+ },
+ setAnchorsRect() {
+ return Promise.all(this.children.map((anchor) => getRect(anchor, '.van-index-anchor-wrapper').then((rect) => {
+ Object.assign(anchor, {
+ height: rect.height,
+ top: rect.top + this.scrollTop,
+ });
+ })));
+ },
+ setListRect() {
+ return getRect(this, '.van-index-bar').then((rect) => {
+ Object.assign(this, {
+ height: rect.height,
+ top: rect.top + this.scrollTop,
+ });
+ });
+ },
+ setSiderbarRect() {
+ return getRect(this, '.van-index-bar__sidebar').then((res) => {
+ if (!isDef(res)) {
+ return;
+ }
+ this.sidebar = {
+ height: res.height,
+ top: res.top,
+ };
+ });
+ },
+ setDiffData({ target, data }) {
+ const diffData = {};
+ Object.keys(data).forEach((key) => {
+ if (target.data[key] !== data[key]) {
+ diffData[key] = data[key];
+ }
+ });
+ if (Object.keys(diffData).length) {
+ target.setData(diffData);
+ }
+ },
+ getAnchorRect(anchor) {
+ return getRect(anchor, '.van-index-anchor-wrapper').then((rect) => ({
+ height: rect.height,
+ top: rect.top,
+ }));
+ },
+ getActiveAnchorIndex() {
+ const { children, scrollTop } = this;
+ const { sticky, stickyOffsetTop } = this.data;
+ for (let i = this.children.length - 1; i >= 0; i--) {
+ const preAnchorHeight = i > 0 ? children[i - 1].height : 0;
+ const reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
+ if (reachTop + scrollTop >= children[i].top) {
+ return i;
+ }
+ }
+ return -1;
+ },
+ onScroll() {
+ const { children = [], scrollTop } = this;
+ if (!children.length) {
+ return;
+ }
+ const { sticky, stickyOffsetTop, zIndex, highlightColor } = this.data;
+ const active = this.getActiveAnchorIndex();
+ this.setDiffData({
+ target: this,
+ data: {
+ activeAnchorIndex: active,
+ },
+ });
+ if (sticky) {
+ let isActiveAnchorSticky = false;
+ if (active !== -1) {
+ isActiveAnchorSticky =
+ children[active].top <= stickyOffsetTop + scrollTop;
+ }
+ children.forEach((item, index) => {
+ if (index === active) {
+ let wrapperStyle = '';
+ let anchorStyle = `
color: ${highlightColor};
`;
- if (isActiveAnchorSticky) {
- wrapperStyle = `
+ if (isActiveAnchorSticky) {
+ wrapperStyle = `
height: ${children[index].height}px;
`;
- anchorStyle = `
+ anchorStyle = `
position: fixed;
top: ${stickyOffsetTop}px;
z-index: ${zIndex};
color: ${highlightColor};
`;
- }
- this.setDiffData({
- target: item,
- data: {
- active: true,
- anchorStyle,
- wrapperStyle,
- },
- });
- } else if (index === active - 1) {
- const currentAnchor = children[index];
- const currentOffsetTop = currentAnchor.top;
- const targetOffsetTop =
- index === children.length - 1
- ? this.top
- : children[index + 1].top;
- const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
- const translateY = parentOffsetHeight - currentAnchor.height;
- const anchorStyle = `
+ }
+ this.setDiffData({
+ target: item,
+ data: {
+ active: true,
+ anchorStyle,
+ wrapperStyle,
+ },
+ });
+ }
+ else if (index === active - 1) {
+ const currentAnchor = children[index];
+ const currentOffsetTop = currentAnchor.top;
+ const targetOffsetTop = index === children.length - 1
+ ? this.top
+ : children[index + 1].top;
+ const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
+ const translateY = parentOffsetHeight - currentAnchor.height;
+ const anchorStyle = `
position: relative;
transform: translate3d(0, ${translateY}px, 0);
z-index: ${zIndex};
color: ${highlightColor};
`;
- this.setDiffData({
- target: item,
- data: {
- active: true,
- anchorStyle,
- },
- });
- } else {
- this.setDiffData({
- target: item,
- data: {
- active: false,
- anchorStyle: '',
- wrapperStyle: '',
- },
- });
- }
- });
- }
+ this.setDiffData({
+ target: item,
+ data: {
+ active: true,
+ anchorStyle,
+ },
+ });
+ }
+ else {
+ this.setDiffData({
+ target: item,
+ data: {
+ active: false,
+ anchorStyle: '',
+ wrapperStyle: '',
+ },
+ });
+ }
+ });
+ }
+ },
+ onClick(event) {
+ this.scrollToAnchor(event.target.dataset.index);
+ },
+ onTouchMove(event) {
+ const sidebarLength = this.children.length;
+ const touch = event.touches[0];
+ const itemHeight = this.sidebar.height / sidebarLength;
+ let index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
+ if (index < 0) {
+ index = 0;
+ }
+ else if (index > sidebarLength - 1) {
+ index = sidebarLength - 1;
+ }
+ this.scrollToAnchor(index);
+ },
+ onTouchStop() {
+ this.scrollToAnchorIndex = null;
+ },
+ scrollToAnchor(index) {
+ if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
+ return;
+ }
+ this.scrollToAnchorIndex = index;
+ const anchor = this.children.find((item) => item.data.index === this.data.indexList[index]);
+ if (anchor) {
+ anchor.scrollIntoView(this.scrollTop);
+ this.$emit('select', anchor.data.index);
+ }
+ },
},
- onClick(event) {
- this.scrollToAnchor(event.target.dataset.index);
- },
- onTouchMove(event) {
- const sidebarLength = this.children.length;
- const touch = event.touches[0];
- const itemHeight = this.sidebar.height / sidebarLength;
- let index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
- if (index < 0) {
- index = 0;
- } else if (index > sidebarLength - 1) {
- index = sidebarLength - 1;
- }
- this.scrollToAnchor(index);
- },
- onTouchStop() {
- this.scrollToAnchorIndex = null;
- },
- scrollToAnchor(index) {
- if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
- return;
- }
- this.scrollToAnchorIndex = index;
- const anchor = this.children.find(
- (item) => item.data.index === this.data.indexList[index]
- );
- if (anchor) {
- anchor.scrollIntoView(this.scrollTop);
- this.$emit('select', anchor.data.index);
- }
- },
- },
});
diff --git a/dist/info/index.js b/dist/info/index.js
index 489f39cb..6eac8f8d 100644
--- a/dist/info/index.js
+++ b/dist/info/index.js
@@ -1,8 +1,8 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- dot: Boolean,
- info: null,
- customStyle: String,
- },
+ props: {
+ dot: Boolean,
+ info: null,
+ customStyle: String,
+ },
});
diff --git a/dist/loading/index.js b/dist/loading/index.js
index 2049447c..f5f96bad 100644
--- a/dist/loading/index.js
+++ b/dist/loading/index.js
@@ -1,16 +1,16 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- color: String,
- vertical: Boolean,
- type: {
- type: String,
- value: 'circular',
+ props: {
+ color: String,
+ vertical: Boolean,
+ type: {
+ type: String,
+ value: 'circular',
+ },
+ size: String,
+ textSize: String,
+ },
+ data: {
+ array12: Array.from({ length: 12 }),
},
- size: String,
- textSize: String,
- },
- data: {
- array12: Array.from({ length: 12 }),
- },
});
diff --git a/dist/mixins/basic.js b/dist/mixins/basic.js
index 9c59dc30..617cc070 100644
--- a/dist/mixins/basic.js
+++ b/dist/mixins/basic.js
@@ -1,11 +1,11 @@
export const basic = Behavior({
- methods: {
- $emit(name, detail, options) {
- this.triggerEvent(name, detail, options);
+ methods: {
+ $emit(name, detail, options) {
+ this.triggerEvent(name, detail, options);
+ },
+ set(data) {
+ this.setData(data);
+ return new Promise((resolve) => wx.nextTick(resolve));
+ },
},
- set(data) {
- this.setData(data);
- return new Promise((resolve) => wx.nextTick(resolve));
- },
- },
});
diff --git a/dist/mixins/button.js b/dist/mixins/button.js
index 320b561e..ac1e5697 100644
--- a/dist/mixins/button.js
+++ b/dist/mixins/button.js
@@ -1,41 +1,41 @@
import { canIUseGetUserProfile } from '../common/version';
export const button = Behavior({
- externalClasses: ['hover-class'],
- properties: {
- id: String,
- lang: String,
- businessId: Number,
- sessionFrom: String,
- sendMessageTitle: String,
- sendMessagePath: String,
- sendMessageImg: String,
- showMessageCard: Boolean,
- appParameter: String,
- ariaLabel: String,
- openType: String,
- getUserProfileDesc: String,
- },
- data: {
- canIUseGetUserProfile: canIUseGetUserProfile(),
- },
- methods: {
- onGetUserInfo(event) {
- this.triggerEvent('getuserinfo', event.detail);
+ externalClasses: ['hover-class'],
+ properties: {
+ id: String,
+ lang: String,
+ businessId: Number,
+ sessionFrom: String,
+ sendMessageTitle: String,
+ sendMessagePath: String,
+ sendMessageImg: String,
+ showMessageCard: Boolean,
+ appParameter: String,
+ ariaLabel: String,
+ openType: String,
+ getUserProfileDesc: String,
},
- onContact(event) {
- this.triggerEvent('contact', event.detail);
+ data: {
+ canIUseGetUserProfile: canIUseGetUserProfile(),
},
- onGetPhoneNumber(event) {
- this.triggerEvent('getphonenumber', event.detail);
+ methods: {
+ onGetUserInfo(event) {
+ this.triggerEvent('getuserinfo', event.detail);
+ },
+ onContact(event) {
+ this.triggerEvent('contact', event.detail);
+ },
+ onGetPhoneNumber(event) {
+ this.triggerEvent('getphonenumber', event.detail);
+ },
+ onError(event) {
+ this.triggerEvent('error', event.detail);
+ },
+ onLaunchApp(event) {
+ this.triggerEvent('launchapp', event.detail);
+ },
+ onOpenSetting(event) {
+ this.triggerEvent('opensetting', event.detail);
+ },
},
- onError(event) {
- this.triggerEvent('error', event.detail);
- },
- onLaunchApp(event) {
- this.triggerEvent('launchapp', event.detail);
- },
- onOpenSetting(event) {
- this.triggerEvent('opensetting', event.detail);
- },
- },
});
diff --git a/dist/mixins/link.js b/dist/mixins/link.js
index 4612e340..8c274e1d 100644
--- a/dist/mixins/link.js
+++ b/dist/mixins/link.js
@@ -1,24 +1,23 @@
export const link = Behavior({
- properties: {
- url: String,
- linkType: {
- type: String,
- value: 'navigateTo',
+ properties: {
+ url: String,
+ linkType: {
+ type: String,
+ value: 'navigateTo',
+ },
},
- },
- methods: {
- jumpLink(urlKey = 'url') {
- const url = this.data[urlKey];
- if (url) {
- if (
- this.data.linkType === 'navigateTo' &&
- getCurrentPages().length > 9
- ) {
- wx.redirectTo({ url });
- } else {
- wx[this.data.linkType]({ url });
- }
- }
+ methods: {
+ jumpLink(urlKey = 'url') {
+ const url = this.data[urlKey];
+ if (url) {
+ if (this.data.linkType === 'navigateTo' &&
+ getCurrentPages().length > 9) {
+ wx.redirectTo({ url });
+ }
+ else {
+ wx[this.data.linkType]({ url });
+ }
+ }
+ },
},
- },
});
diff --git a/dist/mixins/page-scroll.d.ts b/dist/mixins/page-scroll.d.ts
index a76f542c..a316bb86 100644
--- a/dist/mixins/page-scroll.d.ts
+++ b/dist/mixins/page-scroll.d.ts
@@ -1,8 +1,5 @@
///
declare type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
-declare type Scroller = (
- this: WechatMiniprogram.Component.TrivialInstance,
- event?: IPageScrollOption
-) => void;
+declare type Scroller = (this: WechatMiniprogram.Component.TrivialInstance, event?: IPageScrollOption) => void;
export declare const pageScrollMixin: (scroller: Scroller) => string;
export {};
diff --git a/dist/mixins/page-scroll.js b/dist/mixins/page-scroll.js
index f01e3ed8..a1a37f5e 100644
--- a/dist/mixins/page-scroll.js
+++ b/dist/mixins/page-scroll.js
@@ -1,35 +1,33 @@
import { getCurrentPage, isDef } from '../common/utils';
function onPageScroll(event) {
- const { vanPageScroller = [] } = getCurrentPage();
- vanPageScroller.forEach((scroller) => {
- if (typeof scroller === 'function') {
- // @ts-ignore
- scroller(event);
- }
- });
+ const { vanPageScroller = [] } = getCurrentPage();
+ vanPageScroller.forEach((scroller) => {
+ if (typeof scroller === 'function') {
+ // @ts-ignore
+ scroller(event);
+ }
+ });
}
-export const pageScrollMixin = (scroller) =>
- Behavior({
+export const pageScrollMixin = (scroller) => Behavior({
attached() {
- const page = getCurrentPage();
- if (Array.isArray(page.vanPageScroller)) {
- page.vanPageScroller.push(scroller.bind(this));
- } else {
- page.vanPageScroller =
- typeof page.onPageScroll === 'function'
- ? [page.onPageScroll.bind(page), scroller.bind(this)]
- : [scroller.bind(this)];
- }
- page.onPageScroll = onPageScroll;
+ const page = getCurrentPage();
+ if (Array.isArray(page.vanPageScroller)) {
+ page.vanPageScroller.push(scroller.bind(this));
+ }
+ else {
+ page.vanPageScroller =
+ typeof page.onPageScroll === 'function'
+ ? [page.onPageScroll.bind(page), scroller.bind(this)]
+ : [scroller.bind(this)];
+ }
+ page.onPageScroll = onPageScroll;
},
detached() {
- var _a;
- const page = getCurrentPage();
- if (isDef(page)) {
- page.vanPageScroller =
- ((_a = page.vanPageScroller) === null || _a === void 0
- ? void 0
- : _a.filter((item) => item !== scroller)) || [];
- }
+ var _a;
+ const page = getCurrentPage();
+ if (isDef(page)) {
+ page.vanPageScroller =
+ ((_a = page.vanPageScroller) === null || _a === void 0 ? void 0 : _a.filter((item) => item !== scroller)) || [];
+ }
},
- });
+});
diff --git a/dist/mixins/touch.js b/dist/mixins/touch.js
index c6e94c31..ecefae8e 100644
--- a/dist/mixins/touch.js
+++ b/dist/mixins/touch.js
@@ -1,37 +1,37 @@
// @ts-nocheck
const MIN_DISTANCE = 10;
function getDirection(x, y) {
- if (x > y && x > MIN_DISTANCE) {
- return 'horizontal';
- }
- if (y > x && y > MIN_DISTANCE) {
- return 'vertical';
- }
- return '';
+ if (x > y && x > MIN_DISTANCE) {
+ return 'horizontal';
+ }
+ if (y > x && y > MIN_DISTANCE) {
+ return 'vertical';
+ }
+ return '';
}
export const touch = Behavior({
- methods: {
- resetTouchStatus() {
- this.direction = '';
- this.deltaX = 0;
- this.deltaY = 0;
- this.offsetX = 0;
- this.offsetY = 0;
+ methods: {
+ resetTouchStatus() {
+ this.direction = '';
+ this.deltaX = 0;
+ this.deltaY = 0;
+ this.offsetX = 0;
+ this.offsetY = 0;
+ },
+ touchStart(event) {
+ this.resetTouchStatus();
+ const touch = event.touches[0];
+ this.startX = touch.clientX;
+ this.startY = touch.clientY;
+ },
+ touchMove(event) {
+ const touch = event.touches[0];
+ this.deltaX = touch.clientX - this.startX;
+ this.deltaY = touch.clientY - this.startY;
+ this.offsetX = Math.abs(this.deltaX);
+ this.offsetY = Math.abs(this.deltaY);
+ this.direction =
+ this.direction || getDirection(this.offsetX, this.offsetY);
+ },
},
- touchStart(event) {
- this.resetTouchStatus();
- const touch = event.touches[0];
- this.startX = touch.clientX;
- this.startY = touch.clientY;
- },
- touchMove(event) {
- const touch = event.touches[0];
- this.deltaX = touch.clientX - this.startX;
- this.deltaY = touch.clientY - this.startY;
- this.offsetX = Math.abs(this.deltaX);
- this.offsetY = Math.abs(this.deltaY);
- this.direction =
- this.direction || getDirection(this.offsetX, this.offsetY);
- },
- },
});
diff --git a/dist/mixins/transition.js b/dist/mixins/transition.js
index 3b3ec774..bc7fc8eb 100644
--- a/dist/mixins/transition.js
+++ b/dist/mixins/transition.js
@@ -2,114 +2,114 @@
import { requestAnimationFrame } from '../common/utils';
import { isObj } from '../common/validator';
const getClassNames = (name) => ({
- enter: `van-${name}-enter van-${name}-enter-active enter-class enter-active-class`,
- 'enter-to': `van-${name}-enter-to van-${name}-enter-active enter-to-class enter-active-class`,
- leave: `van-${name}-leave van-${name}-leave-active leave-class leave-active-class`,
- 'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`,
+ enter: `van-${name}-enter van-${name}-enter-active enter-class enter-active-class`,
+ 'enter-to': `van-${name}-enter-to van-${name}-enter-active enter-to-class enter-active-class`,
+ leave: `van-${name}-leave van-${name}-leave-active leave-class leave-active-class`,
+ 'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`,
});
export function transition(showDefaultValue) {
- return Behavior({
- properties: {
- customStyle: String,
- // @ts-ignore
- show: {
- type: Boolean,
- value: showDefaultValue,
- observer: 'observeShow',
- },
- // @ts-ignore
- duration: {
- type: null,
- value: 300,
- observer: 'observeDuration',
- },
- name: {
- type: String,
- value: 'fade',
- },
- },
- data: {
- type: '',
- inited: false,
- display: false,
- },
- ready() {
- if (this.data.show === true) {
- this.observeShow(true, false);
- }
- },
- methods: {
- observeShow(value, old) {
- if (value === old) {
- return;
- }
- value ? this.enter() : this.leave();
- },
- enter() {
- const { duration, name } = this.data;
- const classNames = getClassNames(name);
- const currentDuration = isObj(duration) ? duration.enter : duration;
- this.status = 'enter';
- this.$emit('before-enter');
- requestAnimationFrame(() => {
- if (this.status !== 'enter') {
- return;
- }
- this.$emit('enter');
- this.setData({
- inited: true,
- display: true,
- classes: classNames.enter,
- currentDuration,
- });
- requestAnimationFrame(() => {
- if (this.status !== 'enter') {
- return;
+ return Behavior({
+ properties: {
+ customStyle: String,
+ // @ts-ignore
+ show: {
+ type: Boolean,
+ value: showDefaultValue,
+ observer: 'observeShow',
+ },
+ // @ts-ignore
+ duration: {
+ type: null,
+ value: 300,
+ observer: 'observeDuration',
+ },
+ name: {
+ type: String,
+ value: 'fade',
+ },
+ },
+ data: {
+ type: '',
+ inited: false,
+ display: false,
+ },
+ ready() {
+ if (this.data.show === true) {
+ this.observeShow(true, false);
}
- this.transitionEnded = false;
- this.setData({ classes: classNames['enter-to'] });
- });
- });
- },
- leave() {
- if (!this.data.display) {
- return;
- }
- const { duration, name } = this.data;
- const classNames = getClassNames(name);
- const currentDuration = isObj(duration) ? duration.leave : duration;
- this.status = 'leave';
- this.$emit('before-leave');
- requestAnimationFrame(() => {
- if (this.status !== 'leave') {
- return;
- }
- this.$emit('leave');
- this.setData({
- classes: classNames.leave,
- currentDuration,
- });
- requestAnimationFrame(() => {
- if (this.status !== 'leave') {
- return;
- }
- this.transitionEnded = false;
- setTimeout(() => this.onTransitionEnd(), currentDuration);
- this.setData({ classes: classNames['leave-to'] });
- });
- });
- },
- onTransitionEnd() {
- if (this.transitionEnded) {
- return;
- }
- this.transitionEnded = true;
- this.$emit(`after-${this.status}`);
- const { show, display } = this.data;
- if (!show && display) {
- this.setData({ display: false });
- }
- },
- },
- });
+ },
+ methods: {
+ observeShow(value, old) {
+ if (value === old) {
+ return;
+ }
+ value ? this.enter() : this.leave();
+ },
+ enter() {
+ const { duration, name } = this.data;
+ const classNames = getClassNames(name);
+ const currentDuration = isObj(duration) ? duration.enter : duration;
+ this.status = 'enter';
+ this.$emit('before-enter');
+ requestAnimationFrame(() => {
+ if (this.status !== 'enter') {
+ return;
+ }
+ this.$emit('enter');
+ this.setData({
+ inited: true,
+ display: true,
+ classes: classNames.enter,
+ currentDuration,
+ });
+ requestAnimationFrame(() => {
+ if (this.status !== 'enter') {
+ return;
+ }
+ this.transitionEnded = false;
+ this.setData({ classes: classNames['enter-to'] });
+ });
+ });
+ },
+ leave() {
+ if (!this.data.display) {
+ return;
+ }
+ const { duration, name } = this.data;
+ const classNames = getClassNames(name);
+ const currentDuration = isObj(duration) ? duration.leave : duration;
+ this.status = 'leave';
+ this.$emit('before-leave');
+ requestAnimationFrame(() => {
+ if (this.status !== 'leave') {
+ return;
+ }
+ this.$emit('leave');
+ this.setData({
+ classes: classNames.leave,
+ currentDuration,
+ });
+ requestAnimationFrame(() => {
+ if (this.status !== 'leave') {
+ return;
+ }
+ this.transitionEnded = false;
+ setTimeout(() => this.onTransitionEnd(), currentDuration);
+ this.setData({ classes: classNames['leave-to'] });
+ });
+ });
+ },
+ onTransitionEnd() {
+ if (this.transitionEnded) {
+ return;
+ }
+ this.transitionEnded = true;
+ this.$emit(`after-${this.status}`);
+ const { show, display } = this.data;
+ if (!show && display) {
+ this.setData({ display: false });
+ }
+ },
+ },
+ });
}
diff --git a/dist/nav-bar/index.js b/dist/nav-bar/index.js
index b620a5dd..30fc5aaa 100644
--- a/dist/nav-bar/index.js
+++ b/dist/nav-bar/index.js
@@ -1,65 +1,65 @@
import { VantComponent } from '../common/component';
import { getRect, getSystemInfoSync } from '../common/utils';
VantComponent({
- classes: ['title-class'],
- props: {
- title: String,
- fixed: {
- type: Boolean,
- observer: 'setHeight',
+ classes: ['title-class'],
+ props: {
+ title: String,
+ fixed: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ placeholder: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ leftText: String,
+ rightText: String,
+ customStyle: String,
+ leftArrow: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: true,
+ },
},
- placeholder: {
- type: Boolean,
- observer: 'setHeight',
+ data: {
+ height: 46,
},
- leftText: String,
- rightText: String,
- customStyle: String,
- leftArrow: Boolean,
- border: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- safeAreaInsetTop: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- height: 46,
- },
- created() {
- const { statusBarHeight } = getSystemInfoSync();
- this.setData({
- statusBarHeight,
- height: 46 + statusBarHeight,
- });
- },
- mounted() {
- this.setHeight();
- },
- methods: {
- onClickLeft() {
- this.$emit('click-left');
- },
- onClickRight() {
- this.$emit('click-right');
- },
- setHeight() {
- if (!this.data.fixed || !this.data.placeholder) {
- return;
- }
- wx.nextTick(() => {
- getRect(this, '.van-nav-bar').then((res) => {
- if (res && 'height' in res) {
- this.setData({ height: res.height });
- }
+ created() {
+ const { statusBarHeight } = getSystemInfoSync();
+ this.setData({
+ statusBarHeight,
+ height: 46 + statusBarHeight,
});
- });
},
- },
+ mounted() {
+ this.setHeight();
+ },
+ methods: {
+ onClickLeft() {
+ this.$emit('click-left');
+ },
+ onClickRight() {
+ this.$emit('click-right');
+ },
+ setHeight() {
+ if (!this.data.fixed || !this.data.placeholder) {
+ return;
+ }
+ wx.nextTick(() => {
+ getRect(this, '.van-nav-bar').then((res) => {
+ if (res && 'height' in res) {
+ this.setData({ height: res.height });
+ }
+ });
+ });
+ },
+ },
});
diff --git a/dist/notice-bar/index.js b/dist/notice-bar/index.js
index 5e11c20d..ef369996 100644
--- a/dist/notice-bar/index.js
+++ b/dist/notice-bar/index.js
@@ -1,123 +1,120 @@
import { VantComponent } from '../common/component';
import { getRect, requestAnimationFrame } from '../common/utils';
VantComponent({
- props: {
- text: {
- type: String,
- value: '',
- observer: 'init',
+ props: {
+ text: {
+ type: String,
+ value: '',
+ observer: 'init',
+ },
+ mode: {
+ type: String,
+ value: '',
+ },
+ url: {
+ type: String,
+ value: '',
+ },
+ openType: {
+ type: String,
+ value: 'navigate',
+ },
+ delay: {
+ type: Number,
+ value: 1,
+ },
+ speed: {
+ type: Number,
+ value: 60,
+ observer: 'init',
+ },
+ scrollable: null,
+ leftIcon: {
+ type: String,
+ value: '',
+ },
+ color: String,
+ backgroundColor: String,
+ background: String,
+ wrapable: Boolean,
},
- mode: {
- type: String,
- value: '',
+ data: {
+ show: true,
},
- url: {
- type: String,
- value: '',
- },
- openType: {
- type: String,
- value: 'navigate',
- },
- delay: {
- type: Number,
- value: 1,
- },
- speed: {
- type: Number,
- value: 60,
- observer: 'init',
- },
- scrollable: null,
- leftIcon: {
- type: String,
- value: '',
- },
- color: String,
- backgroundColor: String,
- background: String,
- wrapable: Boolean,
- },
- data: {
- show: true,
- },
- created() {
- this.resetAnimation = wx.createAnimation({
- duration: 0,
- timingFunction: 'linear',
- });
- },
- destroyed() {
- this.timer && clearTimeout(this.timer);
- },
- mounted() {
- this.init();
- },
- methods: {
- init() {
- requestAnimationFrame(() => {
- Promise.all([
- getRect(this, '.van-notice-bar__content'),
- getRect(this, '.van-notice-bar__wrap'),
- ]).then((rects) => {
- const [contentRect, wrapRect] = rects;
- const { speed, scrollable, delay } = this.data;
- if (
- contentRect == null ||
- wrapRect == null ||
- !contentRect.width ||
- !wrapRect.width ||
- scrollable === false
- ) {
- return;
- }
- if (scrollable || wrapRect.width < contentRect.width) {
- const duration =
- ((wrapRect.width + contentRect.width) / speed) * 1000;
- this.wrapWidth = wrapRect.width;
- this.contentWidth = contentRect.width;
- this.duration = duration;
- this.animation = wx.createAnimation({
- duration,
- timingFunction: 'linear',
- delay,
- });
- this.scroll();
- }
+ created() {
+ this.resetAnimation = wx.createAnimation({
+ duration: 0,
+ timingFunction: 'linear',
});
- });
},
- scroll() {
- this.timer && clearTimeout(this.timer);
- this.timer = null;
- this.setData({
- animationData: this.resetAnimation
- .translateX(this.wrapWidth)
- .step()
- .export(),
- });
- requestAnimationFrame(() => {
- this.setData({
- animationData: this.animation
- .translateX(-this.contentWidth)
- .step()
- .export(),
- });
- });
- this.timer = setTimeout(() => {
- this.scroll();
- }, this.duration);
- },
- onClickIcon(event) {
- if (this.data.mode === 'closeable') {
+ destroyed() {
this.timer && clearTimeout(this.timer);
- this.timer = null;
- this.setData({ show: false });
- this.$emit('close', event.detail);
- }
},
- onClick(event) {
- this.$emit('click', event);
+ mounted() {
+ this.init();
+ },
+ methods: {
+ init() {
+ requestAnimationFrame(() => {
+ Promise.all([
+ getRect(this, '.van-notice-bar__content'),
+ getRect(this, '.van-notice-bar__wrap'),
+ ]).then((rects) => {
+ const [contentRect, wrapRect] = rects;
+ const { speed, scrollable, delay } = this.data;
+ if (contentRect == null ||
+ wrapRect == null ||
+ !contentRect.width ||
+ !wrapRect.width ||
+ scrollable === false) {
+ return;
+ }
+ if (scrollable || wrapRect.width < contentRect.width) {
+ const duration = ((wrapRect.width + contentRect.width) / speed) * 1000;
+ this.wrapWidth = wrapRect.width;
+ this.contentWidth = contentRect.width;
+ this.duration = duration;
+ this.animation = wx.createAnimation({
+ duration,
+ timingFunction: 'linear',
+ delay,
+ });
+ this.scroll();
+ }
+ });
+ });
+ },
+ scroll() {
+ this.timer && clearTimeout(this.timer);
+ this.timer = null;
+ this.setData({
+ animationData: this.resetAnimation
+ .translateX(this.wrapWidth)
+ .step()
+ .export(),
+ });
+ requestAnimationFrame(() => {
+ this.setData({
+ animationData: this.animation
+ .translateX(-this.contentWidth)
+ .step()
+ .export(),
+ });
+ });
+ this.timer = setTimeout(() => {
+ this.scroll();
+ }, this.duration);
+ },
+ onClickIcon(event) {
+ if (this.data.mode === 'closeable') {
+ this.timer && clearTimeout(this.timer);
+ this.timer = null;
+ this.setData({ show: false });
+ this.$emit('close', event.detail);
+ }
+ },
+ onClick(event) {
+ this.$emit('click', event);
+ },
},
- },
});
diff --git a/dist/notify/index.js b/dist/notify/index.js
index fda6a2f6..d4aba2dc 100644
--- a/dist/notify/index.js
+++ b/dist/notify/index.js
@@ -2,64 +2,64 @@ import { VantComponent } from '../common/component';
import { WHITE } from '../common/color';
import { getSystemInfoSync } from '../common/utils';
VantComponent({
- props: {
- message: String,
- background: String,
- type: {
- type: String,
- value: 'danger',
+ props: {
+ message: String,
+ background: String,
+ type: {
+ type: String,
+ value: 'danger',
+ },
+ color: {
+ type: String,
+ value: WHITE,
+ },
+ duration: {
+ type: Number,
+ value: 3000,
+ },
+ zIndex: {
+ type: Number,
+ value: 110,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: false,
+ },
+ top: null,
},
- color: {
- type: String,
- value: WHITE,
+ data: {
+ show: false,
+ onOpened: null,
+ onClose: null,
+ onClick: null,
},
- duration: {
- type: Number,
- value: 3000,
+ created() {
+ const { statusBarHeight } = getSystemInfoSync();
+ this.setData({ statusBarHeight });
},
- zIndex: {
- type: Number,
- value: 110,
+ methods: {
+ show() {
+ const { duration, onOpened } = this.data;
+ clearTimeout(this.timer);
+ this.setData({ show: true });
+ wx.nextTick(onOpened);
+ if (duration > 0 && duration !== Infinity) {
+ this.timer = setTimeout(() => {
+ this.hide();
+ }, duration);
+ }
+ },
+ hide() {
+ const { onClose } = this.data;
+ clearTimeout(this.timer);
+ this.setData({ show: false });
+ wx.nextTick(onClose);
+ },
+ onTap(event) {
+ const { onClick } = this.data;
+ if (onClick) {
+ onClick(event.detail);
+ }
+ },
},
- safeAreaInsetTop: {
- type: Boolean,
- value: false,
- },
- top: null,
- },
- data: {
- show: false,
- onOpened: null,
- onClose: null,
- onClick: null,
- },
- created() {
- const { statusBarHeight } = getSystemInfoSync();
- this.setData({ statusBarHeight });
- },
- methods: {
- show() {
- const { duration, onOpened } = this.data;
- clearTimeout(this.timer);
- this.setData({ show: true });
- wx.nextTick(onOpened);
- if (duration > 0 && duration !== Infinity) {
- this.timer = setTimeout(() => {
- this.hide();
- }, duration);
- }
- },
- hide() {
- const { onClose } = this.data;
- clearTimeout(this.timer);
- this.setData({ show: false });
- wx.nextTick(onClose);
- },
- onTap(event) {
- const { onClick } = this.data;
- if (onClick) {
- onClick(event.detail);
- }
- },
- },
});
diff --git a/dist/notify/notify.d.ts b/dist/notify/notify.d.ts
index 32f77ad0..f6ee08f9 100644
--- a/dist/notify/notify.d.ts
+++ b/dist/notify/notify.d.ts
@@ -1,20 +1,20 @@
interface NotifyOptions {
- type?: 'primary' | 'success' | 'danger' | 'warning';
- color?: string;
- zIndex?: number;
- top?: number;
- message: string;
- context?: any;
- duration?: number;
- selector?: string;
- background?: string;
- safeAreaInsetTop?: boolean;
- onClick?: () => void;
- onOpened?: () => void;
- onClose?: () => void;
+ type?: 'primary' | 'success' | 'danger' | 'warning';
+ color?: string;
+ zIndex?: number;
+ top?: number;
+ message: string;
+ context?: any;
+ duration?: number;
+ selector?: string;
+ background?: string;
+ safeAreaInsetTop?: boolean;
+ onClick?: () => void;
+ onOpened?: () => void;
+ onClose?: () => void;
}
declare function Notify(options: NotifyOptions | string): any;
declare namespace Notify {
- var clear: (options?: NotifyOptions | undefined) => void;
+ var clear: (options?: NotifyOptions | undefined) => void;
}
export default Notify;
diff --git a/dist/notify/notify.js b/dist/notify/notify.js
index ee3c966d..59dc73e2 100644
--- a/dist/notify/notify.js
+++ b/dist/notify/notify.js
@@ -1,52 +1,46 @@
import { WHITE } from '../common/color';
const defaultOptions = {
- selector: '#van-notify',
- type: 'danger',
- message: '',
- background: '',
- duration: 3000,
- zIndex: 110,
- top: 0,
- color: WHITE,
- safeAreaInsetTop: false,
- onClick: () => {},
- onOpened: () => {},
- onClose: () => {},
+ selector: '#van-notify',
+ type: 'danger',
+ message: '',
+ background: '',
+ duration: 3000,
+ zIndex: 110,
+ top: 0,
+ color: WHITE,
+ safeAreaInsetTop: false,
+ onClick: () => { },
+ onOpened: () => { },
+ onClose: () => { },
};
function parseOptions(message) {
- if (message == null) {
- return {};
- }
- return typeof message === 'string' ? { message } : message;
+ if (message == null) {
+ return {};
+ }
+ return typeof message === 'string' ? { message } : message;
}
function getContext() {
- const pages = getCurrentPages();
- return pages[pages.length - 1];
+ const pages = getCurrentPages();
+ return pages[pages.length - 1];
}
export default function Notify(options) {
- options = Object.assign(
- Object.assign({}, defaultOptions),
- parseOptions(options)
- );
- const context = options.context || getContext();
- const notify = context.selectComponent(options.selector);
- delete options.context;
- delete options.selector;
- if (notify) {
- notify.setData(options);
- notify.show();
- return notify;
- }
- console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
+ options = Object.assign(Object.assign({}, defaultOptions), parseOptions(options));
+ const context = options.context || getContext();
+ const notify = context.selectComponent(options.selector);
+ delete options.context;
+ delete options.selector;
+ if (notify) {
+ notify.setData(options);
+ notify.show();
+ return notify;
+ }
+ console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
}
Notify.clear = function (options) {
- options = Object.assign(
- Object.assign({}, defaultOptions),
- parseOptions(options)
- );
- const context = options.context || getContext();
- const notify = context.selectComponent(options.selector);
- if (notify) {
- notify.hide();
- }
+ options = Object.assign(Object.assign({}, defaultOptions), parseOptions(options));
+ const context = options.context || getContext();
+ const notify = context.selectComponent(options.selector);
+ if (notify) {
+ notify.hide();
+ }
};
diff --git a/dist/overlay/index.js b/dist/overlay/index.js
index 65231cbe..48117a0d 100644
--- a/dist/overlay/index.js
+++ b/dist/overlay/index.js
@@ -1,26 +1,26 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- show: Boolean,
- customStyle: String,
- duration: {
- type: null,
- value: 300,
+ props: {
+ show: Boolean,
+ customStyle: String,
+ duration: {
+ type: null,
+ value: 300,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ lockScroll: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 1,
+ methods: {
+ onClick() {
+ this.$emit('click');
+ },
+ // for prevent touchmove
+ noop() { },
},
- lockScroll: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- onClick() {
- this.$emit('click');
- },
- // for prevent touchmove
- noop() {},
- },
});
diff --git a/dist/panel/index.js b/dist/panel/index.js
index c3e7749f..7b6a99a4 100644
--- a/dist/panel/index.js
+++ b/dist/panel/index.js
@@ -1,9 +1,9 @@
import { VantComponent } from '../common/component';
VantComponent({
- classes: ['header-class', 'footer-class'],
- props: {
- desc: String,
- title: String,
- status: String,
- },
+ classes: ['header-class', 'footer-class'],
+ props: {
+ desc: String,
+ title: String,
+ status: String,
+ },
});
diff --git a/dist/picker-column/index.js b/dist/picker-column/index.js
index d55d2744..abcc5208 100644
--- a/dist/picker-column/index.js
+++ b/dist/picker-column/index.js
@@ -3,122 +3,116 @@ import { range } from '../common/utils';
import { isObj } from '../common/validator';
const DEFAULT_DURATION = 200;
VantComponent({
- classes: ['active-class'],
- props: {
- valueKey: String,
- className: String,
- itemHeight: Number,
- visibleItemCount: Number,
- initialOptions: {
- type: Array,
- value: [],
+ classes: ['active-class'],
+ props: {
+ valueKey: String,
+ className: String,
+ itemHeight: Number,
+ visibleItemCount: Number,
+ initialOptions: {
+ type: Array,
+ value: [],
+ },
+ defaultIndex: {
+ type: Number,
+ value: 0,
+ observer(value) {
+ this.setIndex(value);
+ },
+ },
},
- defaultIndex: {
- type: Number,
- value: 0,
- observer(value) {
- this.setIndex(value);
- },
- },
- },
- data: {
- startY: 0,
- offset: 0,
- duration: 0,
- startOffset: 0,
- options: [],
- currentIndex: 0,
- },
- created() {
- const { defaultIndex, initialOptions } = this.data;
- this.set({
- currentIndex: defaultIndex,
- options: initialOptions,
- }).then(() => {
- this.setIndex(defaultIndex);
- });
- },
- methods: {
- getCount() {
- return this.data.options.length;
- },
- onTouchStart(event) {
- this.setData({
- startY: event.touches[0].clientY,
- startOffset: this.data.offset,
+ data: {
+ startY: 0,
+ offset: 0,
duration: 0,
- });
+ startOffset: 0,
+ options: [],
+ currentIndex: 0,
},
- onTouchMove(event) {
- const { data } = this;
- const deltaY = event.touches[0].clientY - data.startY;
- this.setData({
- offset: range(
- data.startOffset + deltaY,
- -(this.getCount() * data.itemHeight),
- data.itemHeight
- ),
- });
- },
- onTouchEnd() {
- const { data } = this;
- if (data.offset !== data.startOffset) {
- this.setData({ duration: DEFAULT_DURATION });
- const index = range(
- Math.round(-data.offset / data.itemHeight),
- 0,
- this.getCount() - 1
- );
- this.setIndex(index, true);
- }
- },
- onClickItem(event) {
- const { index } = event.currentTarget.dataset;
- this.setIndex(index, true);
- },
- adjustIndex(index) {
- const { data } = this;
- const count = this.getCount();
- index = range(index, 0, count);
- for (let i = index; i < count; i++) {
- if (!this.isDisabled(data.options[i])) return i;
- }
- for (let i = index - 1; i >= 0; i--) {
- if (!this.isDisabled(data.options[i])) return i;
- }
- },
- isDisabled(option) {
- return isObj(option) && option.disabled;
- },
- getOptionText(option) {
- const { data } = this;
- return isObj(option) && data.valueKey in option
- ? option[data.valueKey]
- : option;
- },
- setIndex(index, userAction) {
- const { data } = this;
- index = this.adjustIndex(index) || 0;
- const offset = -index * data.itemHeight;
- if (index !== data.currentIndex) {
- return this.set({ offset, currentIndex: index }).then(() => {
- userAction && this.$emit('change', index);
+ created() {
+ const { defaultIndex, initialOptions } = this.data;
+ this.set({
+ currentIndex: defaultIndex,
+ options: initialOptions,
+ }).then(() => {
+ this.setIndex(defaultIndex);
});
- }
- return this.set({ offset });
},
- setValue(value) {
- const { options } = this.data;
- for (let i = 0; i < options.length; i++) {
- if (this.getOptionText(options[i]) === value) {
- return this.setIndex(i);
- }
- }
- return Promise.resolve();
+ methods: {
+ getCount() {
+ return this.data.options.length;
+ },
+ onTouchStart(event) {
+ this.setData({
+ startY: event.touches[0].clientY,
+ startOffset: this.data.offset,
+ duration: 0,
+ });
+ },
+ onTouchMove(event) {
+ const { data } = this;
+ const deltaY = event.touches[0].clientY - data.startY;
+ this.setData({
+ offset: range(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight),
+ });
+ },
+ onTouchEnd() {
+ const { data } = this;
+ if (data.offset !== data.startOffset) {
+ this.setData({ duration: DEFAULT_DURATION });
+ const index = range(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
+ this.setIndex(index, true);
+ }
+ },
+ onClickItem(event) {
+ const { index } = event.currentTarget.dataset;
+ this.setIndex(index, true);
+ },
+ adjustIndex(index) {
+ const { data } = this;
+ const count = this.getCount();
+ index = range(index, 0, count);
+ for (let i = index; i < count; i++) {
+ if (!this.isDisabled(data.options[i]))
+ return i;
+ }
+ for (let i = index - 1; i >= 0; i--) {
+ if (!this.isDisabled(data.options[i]))
+ return i;
+ }
+ },
+ isDisabled(option) {
+ return isObj(option) && option.disabled;
+ },
+ getOptionText(option) {
+ const { data } = this;
+ return isObj(option) && data.valueKey in option
+ ? option[data.valueKey]
+ : option;
+ },
+ setIndex(index, userAction) {
+ const { data } = this;
+ index = this.adjustIndex(index) || 0;
+ const offset = -index * data.itemHeight;
+ if (index !== data.currentIndex) {
+ return this.set({ offset, currentIndex: index }).then(() => {
+ userAction && this.$emit('change', index);
+ });
+ }
+ return this.set({ offset });
+ },
+ setValue(value) {
+ const { options } = this.data;
+ for (let i = 0; i < options.length; i++) {
+ if (this.getOptionText(options[i]) === value) {
+ return this.setIndex(i);
+ }
+ }
+ return Promise.resolve();
+ },
+ getValue() {
+ const { data } = this;
+ return data.options[data.currentIndex];
+ },
},
- getValue() {
- const { data } = this;
- return data.options[data.currentIndex];
- },
- },
});
diff --git a/dist/picker/index.js b/dist/picker/index.js
index d0ca3025..cef057d6 100644
--- a/dist/picker/index.js
+++ b/dist/picker/index.js
@@ -1,146 +1,136 @@
import { VantComponent } from '../common/component';
import { pickerProps } from './shared';
VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: Object.assign(Object.assign({}, pickerProps), {
- valueKey: {
- type: String,
- value: 'text',
- },
- toolbarPosition: {
- type: String,
- value: 'top',
- },
- defaultIndex: {
- type: Number,
- value: 0,
- },
- columns: {
- type: Array,
- value: [],
- observer(columns = []) {
- this.simple = columns.length && !columns[0].values;
- if (Array.isArray(this.children) && this.children.length) {
- this.setColumns().catch(() => {});
- }
- },
- },
- }),
- beforeCreate() {
- Object.defineProperty(this, 'children', {
- get: () => this.selectAllComponents('.van-picker__column') || [],
- });
- },
- methods: {
- noop() {},
- setColumns() {
- const { data } = this;
- const columns = this.simple ? [{ values: data.columns }] : data.columns;
- const stack = columns.map((column, index) =>
- this.setColumnValues(index, column.values)
- );
- return Promise.all(stack);
- },
- emit(event) {
- const { type } = event.currentTarget.dataset;
- if (this.simple) {
- this.$emit(type, {
- value: this.getColumnValue(0),
- index: this.getColumnIndex(0),
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: Object.assign(Object.assign({}, pickerProps), { valueKey: {
+ type: String,
+ value: 'text',
+ }, toolbarPosition: {
+ type: String,
+ value: 'top',
+ }, defaultIndex: {
+ type: Number,
+ value: 0,
+ }, columns: {
+ type: Array,
+ value: [],
+ observer(columns = []) {
+ this.simple = columns.length && !columns[0].values;
+ if (Array.isArray(this.children) && this.children.length) {
+ this.setColumns().catch(() => { });
+ }
+ },
+ } }),
+ beforeCreate() {
+ Object.defineProperty(this, 'children', {
+ get: () => this.selectAllComponents('.van-picker__column') || [],
});
- } else {
- this.$emit(type, {
- value: this.getValues(),
- index: this.getIndexes(),
- });
- }
},
- onChange(event) {
- if (this.simple) {
- this.$emit('change', {
- picker: this,
- value: this.getColumnValue(0),
- index: this.getColumnIndex(0),
- });
- } else {
- this.$emit('change', {
- picker: this,
- value: this.getValues(),
- index: event.currentTarget.dataset.index,
- });
- }
+ methods: {
+ noop() { },
+ setColumns() {
+ const { data } = this;
+ const columns = this.simple ? [{ values: data.columns }] : data.columns;
+ const stack = columns.map((column, index) => this.setColumnValues(index, column.values));
+ return Promise.all(stack);
+ },
+ emit(event) {
+ const { type } = event.currentTarget.dataset;
+ if (this.simple) {
+ this.$emit(type, {
+ value: this.getColumnValue(0),
+ index: this.getColumnIndex(0),
+ });
+ }
+ else {
+ this.$emit(type, {
+ value: this.getValues(),
+ index: this.getIndexes(),
+ });
+ }
+ },
+ onChange(event) {
+ if (this.simple) {
+ this.$emit('change', {
+ picker: this,
+ value: this.getColumnValue(0),
+ index: this.getColumnIndex(0),
+ });
+ }
+ else {
+ this.$emit('change', {
+ picker: this,
+ value: this.getValues(),
+ index: event.currentTarget.dataset.index,
+ });
+ }
+ },
+ // get column instance by index
+ getColumn(index) {
+ return this.children[index];
+ },
+ // get column value by index
+ getColumnValue(index) {
+ const column = this.getColumn(index);
+ return column && column.getValue();
+ },
+ // set column value by index
+ setColumnValue(index, value) {
+ const column = this.getColumn(index);
+ if (column == null) {
+ return Promise.reject(new Error('setColumnValue: 对应列不存在'));
+ }
+ return column.setValue(value);
+ },
+ // get column option index by column index
+ getColumnIndex(columnIndex) {
+ return (this.getColumn(columnIndex) || {}).data.currentIndex;
+ },
+ // set column option index by column index
+ setColumnIndex(columnIndex, optionIndex) {
+ const column = this.getColumn(columnIndex);
+ if (column == null) {
+ return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
+ }
+ return column.setIndex(optionIndex);
+ },
+ // get options of column by index
+ getColumnValues(index) {
+ return (this.children[index] || {}).data.options;
+ },
+ // set options of column by index
+ setColumnValues(index, options, needReset = true) {
+ const column = this.children[index];
+ if (column == null) {
+ return Promise.reject(new Error('setColumnValues: 对应列不存在'));
+ }
+ const isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
+ if (isSame) {
+ return Promise.resolve();
+ }
+ return column.set({ options }).then(() => {
+ if (needReset) {
+ column.setIndex(0);
+ }
+ });
+ },
+ // get values of all columns
+ getValues() {
+ return this.children.map((child) => child.getValue());
+ },
+ // set values of all columns
+ setValues(values) {
+ const stack = values.map((value, index) => this.setColumnValue(index, value));
+ return Promise.all(stack);
+ },
+ // get indexes of all columns
+ getIndexes() {
+ return this.children.map((child) => child.data.currentIndex);
+ },
+ // set indexes of all columns
+ setIndexes(indexes) {
+ const stack = indexes.map((optionIndex, columnIndex) => this.setColumnIndex(columnIndex, optionIndex));
+ return Promise.all(stack);
+ },
},
- // get column instance by index
- getColumn(index) {
- return this.children[index];
- },
- // get column value by index
- getColumnValue(index) {
- const column = this.getColumn(index);
- return column && column.getValue();
- },
- // set column value by index
- setColumnValue(index, value) {
- const column = this.getColumn(index);
- if (column == null) {
- return Promise.reject(new Error('setColumnValue: 对应列不存在'));
- }
- return column.setValue(value);
- },
- // get column option index by column index
- getColumnIndex(columnIndex) {
- return (this.getColumn(columnIndex) || {}).data.currentIndex;
- },
- // set column option index by column index
- setColumnIndex(columnIndex, optionIndex) {
- const column = this.getColumn(columnIndex);
- if (column == null) {
- return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
- }
- return column.setIndex(optionIndex);
- },
- // get options of column by index
- getColumnValues(index) {
- return (this.children[index] || {}).data.options;
- },
- // set options of column by index
- setColumnValues(index, options, needReset = true) {
- const column = this.children[index];
- if (column == null) {
- return Promise.reject(new Error('setColumnValues: 对应列不存在'));
- }
- const isSame =
- JSON.stringify(column.data.options) === JSON.stringify(options);
- if (isSame) {
- return Promise.resolve();
- }
- return column.set({ options }).then(() => {
- if (needReset) {
- column.setIndex(0);
- }
- });
- },
- // get values of all columns
- getValues() {
- return this.children.map((child) => child.getValue());
- },
- // set values of all columns
- setValues(values) {
- const stack = values.map((value, index) =>
- this.setColumnValue(index, value)
- );
- return Promise.all(stack);
- },
- // get indexes of all columns
- getIndexes() {
- return this.children.map((child) => child.data.currentIndex);
- },
- // set indexes of all columns
- setIndexes(indexes) {
- const stack = indexes.map((optionIndex, columnIndex) =>
- this.setColumnIndex(columnIndex, optionIndex)
- );
- return Promise.all(stack);
- },
- },
});
diff --git a/dist/picker/shared.js b/dist/picker/shared.js
index 8531290b..5f21f322 100644
--- a/dist/picker/shared.js
+++ b/dist/picker/shared.js
@@ -1,21 +1,21 @@
export const pickerProps = {
- title: String,
- loading: Boolean,
- showToolbar: Boolean,
- cancelButtonText: {
- type: String,
- value: '取消',
- },
- confirmButtonText: {
- type: String,
- value: '确认',
- },
- visibleItemCount: {
- type: Number,
- value: 6,
- },
- itemHeight: {
- type: Number,
- value: 44,
- },
+ title: String,
+ loading: Boolean,
+ showToolbar: Boolean,
+ cancelButtonText: {
+ type: String,
+ value: '取消',
+ },
+ confirmButtonText: {
+ type: String,
+ value: '确认',
+ },
+ visibleItemCount: {
+ type: Number,
+ value: 6,
+ },
+ itemHeight: {
+ type: Number,
+ value: 44,
+ },
};
diff --git a/dist/popup/index.js b/dist/popup/index.js
index 295ee198..9c5ef868 100644
--- a/dist/popup/index.js
+++ b/dist/popup/index.js
@@ -1,88 +1,89 @@
import { VantComponent } from '../common/component';
import { transition } from '../mixins/transition';
VantComponent({
- classes: [
- 'enter-class',
- 'enter-active-class',
- 'enter-to-class',
- 'leave-class',
- 'leave-active-class',
- 'leave-to-class',
- 'close-icon-class',
- ],
- mixins: [transition(false)],
- props: {
- round: Boolean,
- closeable: Boolean,
- customStyle: String,
- overlayStyle: String,
- transition: {
- type: String,
- observer: 'observeClass',
+ classes: [
+ 'enter-class',
+ 'enter-active-class',
+ 'enter-to-class',
+ 'leave-class',
+ 'leave-active-class',
+ 'leave-to-class',
+ 'close-icon-class',
+ ],
+ mixins: [transition(false)],
+ props: {
+ round: Boolean,
+ closeable: Boolean,
+ customStyle: String,
+ overlayStyle: String,
+ transition: {
+ type: String,
+ observer: 'observeClass',
+ },
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeIcon: {
+ type: String,
+ value: 'cross',
+ },
+ closeIconPosition: {
+ type: String,
+ value: 'top-right',
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ position: {
+ type: String,
+ value: 'center',
+ observer: 'observeClass',
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: false,
+ },
+ lockScroll: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 100,
+ created() {
+ this.observeClass();
},
- overlay: {
- type: Boolean,
- value: true,
+ methods: {
+ onClickCloseIcon() {
+ this.$emit('close');
+ },
+ onClickOverlay() {
+ this.$emit('click-overlay');
+ if (this.data.closeOnClickOverlay) {
+ this.$emit('close');
+ }
+ },
+ observeClass() {
+ const { transition, position, duration } = this.data;
+ const updateData = {
+ name: transition || position,
+ };
+ if (transition === 'none') {
+ updateData.duration = 0;
+ this.originDuration = duration;
+ }
+ else if (this.originDuration != null) {
+ updateData.duration = this.originDuration;
+ }
+ this.setData(updateData);
+ },
},
- closeIcon: {
- type: String,
- value: 'cross',
- },
- closeIconPosition: {
- type: String,
- value: 'top-right',
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- position: {
- type: String,
- value: 'center',
- observer: 'observeClass',
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetTop: {
- type: Boolean,
- value: false,
- },
- lockScroll: {
- type: Boolean,
- value: true,
- },
- },
- created() {
- this.observeClass();
- },
- methods: {
- onClickCloseIcon() {
- this.$emit('close');
- },
- onClickOverlay() {
- this.$emit('click-overlay');
- if (this.data.closeOnClickOverlay) {
- this.$emit('close');
- }
- },
- observeClass() {
- const { transition, position, duration } = this.data;
- const updateData = {
- name: transition || position,
- };
- if (transition === 'none') {
- updateData.duration = 0;
- this.originDuration = duration;
- } else if (this.originDuration != null) {
- updateData.duration = this.originDuration;
- }
- this.setData(updateData);
- },
- },
});
diff --git a/dist/progress/index.js b/dist/progress/index.js
index ee6a0c15..0780c433 100644
--- a/dist/progress/index.js
+++ b/dist/progress/index.js
@@ -2,50 +2,50 @@ import { VantComponent } from '../common/component';
import { BLUE } from '../common/color';
import { getRect } from '../common/utils';
VantComponent({
- props: {
- inactive: Boolean,
- percentage: {
- type: Number,
- observer: 'setLeft',
+ props: {
+ inactive: Boolean,
+ percentage: {
+ type: Number,
+ observer: 'setLeft',
+ },
+ pivotText: String,
+ pivotColor: String,
+ trackColor: String,
+ showPivot: {
+ type: Boolean,
+ value: true,
+ },
+ color: {
+ type: String,
+ value: BLUE,
+ },
+ textColor: {
+ type: String,
+ value: '#fff',
+ },
+ strokeWidth: {
+ type: null,
+ value: 4,
+ },
},
- pivotText: String,
- pivotColor: String,
- trackColor: String,
- showPivot: {
- type: Boolean,
- value: true,
+ data: {
+ right: 0,
},
- color: {
- type: String,
- value: BLUE,
+ mounted() {
+ this.setLeft();
},
- textColor: {
- type: String,
- value: '#fff',
+ methods: {
+ setLeft() {
+ Promise.all([
+ getRect(this, '.van-progress'),
+ getRect(this, '.van-progress__pivot'),
+ ]).then(([portion, pivot]) => {
+ if (portion && pivot) {
+ this.setData({
+ right: (pivot.width * (this.data.percentage - 100)) / 100,
+ });
+ }
+ });
+ },
},
- strokeWidth: {
- type: null,
- value: 4,
- },
- },
- data: {
- right: 0,
- },
- mounted() {
- this.setLeft();
- },
- methods: {
- setLeft() {
- Promise.all([
- getRect(this, '.van-progress'),
- getRect(this, '.van-progress__pivot'),
- ]).then(([portion, pivot]) => {
- if (portion && pivot) {
- this.setData({
- right: (pivot.width * (this.data.percentage - 100)) / 100,
- });
- }
- });
- },
- },
});
diff --git a/dist/radio-group/index.js b/dist/radio-group/index.js
index 06db0866..2846fdd8 100644
--- a/dist/radio-group/index.js
+++ b/dist/radio-group/index.js
@@ -1,22 +1,22 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- field: true,
- relation: useChildren('radio'),
- props: {
- value: {
- type: null,
- observer: 'updateChildren',
+ field: true,
+ relation: useChildren('radio'),
+ props: {
+ value: {
+ type: null,
+ observer: 'updateChildren',
+ },
+ direction: String,
+ disabled: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
},
- direction: String,
- disabled: {
- type: Boolean,
- observer: 'updateChildren',
+ methods: {
+ updateChildren() {
+ this.children.forEach((child) => child.updateFromParent());
+ },
},
- },
- methods: {
- updateChildren() {
- this.children.forEach((child) => child.updateFromParent());
- },
- },
});
diff --git a/dist/radio/index.js b/dist/radio/index.js
index 8e749996..9eb12586 100644
--- a/dist/radio/index.js
+++ b/dist/radio/index.js
@@ -2,65 +2,65 @@ import { canIUseModel } from '../common/version';
import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
VantComponent({
- field: true,
- relation: useParent('radio-group', function () {
- this.updateFromParent();
- }),
- classes: ['icon-class', 'label-class'],
- props: {
- name: null,
- value: null,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: {
- type: String,
- value: 'right',
+ field: true,
+ relation: useParent('radio-group', function () {
+ this.updateFromParent();
+ }),
+ classes: ['icon-class', 'label-class'],
+ props: {
+ name: null,
+ value: null,
+ disabled: Boolean,
+ useIconSlot: Boolean,
+ checkedColor: String,
+ labelPosition: {
+ type: String,
+ value: 'right',
+ },
+ labelDisabled: Boolean,
+ shape: {
+ type: String,
+ value: 'round',
+ },
+ iconSize: {
+ type: null,
+ value: 20,
+ },
},
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round',
+ data: {
+ direction: '',
+ parentDisabled: false,
},
- iconSize: {
- type: null,
- value: 20,
+ methods: {
+ updateFromParent() {
+ if (!this.parent) {
+ return;
+ }
+ const { value, disabled: parentDisabled, direction } = this.parent.data;
+ this.setData({
+ value,
+ direction,
+ parentDisabled,
+ });
+ },
+ emitChange(value) {
+ const instance = this.parent || this;
+ instance.$emit('input', value);
+ instance.$emit('change', value);
+ if (canIUseModel()) {
+ instance.setData({ value });
+ }
+ },
+ onChange() {
+ if (!this.data.disabled && !this.data.parentDisabled) {
+ this.emitChange(this.data.name);
+ }
+ },
+ onClickLabel() {
+ const { disabled, parentDisabled, labelDisabled, name } = this.data;
+ if (!(disabled || parentDisabled) && !labelDisabled) {
+ this.emitChange(name);
+ }
+ },
},
- },
- data: {
- direction: '',
- parentDisabled: false,
- },
- methods: {
- updateFromParent() {
- if (!this.parent) {
- return;
- }
- const { value, disabled: parentDisabled, direction } = this.parent.data;
- this.setData({
- value,
- direction,
- parentDisabled,
- });
- },
- emitChange(value) {
- const instance = this.parent || this;
- instance.$emit('input', value);
- instance.$emit('change', value);
- if (canIUseModel()) {
- instance.setData({ value });
- }
- },
- onChange() {
- if (!this.data.disabled && !this.data.parentDisabled) {
- this.emitChange(this.data.name);
- }
- },
- onClickLabel() {
- const { disabled, parentDisabled, labelDisabled, name } = this.data;
- if (!(disabled || parentDisabled) && !labelDisabled) {
- this.emitChange(name);
- }
- },
- },
});
diff --git a/dist/rate/index.js b/dist/rate/index.js
index 9dd6819f..23b73450 100644
--- a/dist/rate/index.js
+++ b/dist/rate/index.js
@@ -2,78 +2,77 @@ import { getAllRect } from '../common/utils';
import { VantComponent } from '../common/component';
import { canIUseModel } from '../common/version';
VantComponent({
- field: true,
- classes: ['icon-class'],
- props: {
- value: {
- type: Number,
- observer(value) {
- if (value !== this.data.innerValue) {
- this.setData({ innerValue: value });
- }
- },
+ field: true,
+ classes: ['icon-class'],
+ props: {
+ value: {
+ type: Number,
+ observer(value) {
+ if (value !== this.data.innerValue) {
+ this.setData({ innerValue: value });
+ }
+ },
+ },
+ readonly: Boolean,
+ disabled: Boolean,
+ allowHalf: Boolean,
+ size: null,
+ icon: {
+ type: String,
+ value: 'star',
+ },
+ voidIcon: {
+ type: String,
+ value: 'star-o',
+ },
+ color: String,
+ voidColor: String,
+ disabledColor: String,
+ count: {
+ type: Number,
+ value: 5,
+ observer(value) {
+ this.setData({ innerCountArray: Array.from({ length: value }) });
+ },
+ },
+ gutter: null,
+ touchable: {
+ type: Boolean,
+ value: true,
+ },
},
- readonly: Boolean,
- disabled: Boolean,
- allowHalf: Boolean,
- size: null,
- icon: {
- type: String,
- value: 'star',
+ data: {
+ innerValue: 0,
+ innerCountArray: Array.from({ length: 5 }),
},
- voidIcon: {
- type: String,
- value: 'star-o',
+ methods: {
+ onSelect(event) {
+ const { data } = this;
+ const { score } = event.currentTarget.dataset;
+ if (!data.disabled && !data.readonly) {
+ this.setData({ innerValue: score + 1 });
+ if (canIUseModel()) {
+ this.setData({ value: score + 1 });
+ }
+ wx.nextTick(() => {
+ this.$emit('input', score + 1);
+ this.$emit('change', score + 1);
+ });
+ }
+ },
+ onTouchMove(event) {
+ const { touchable } = this.data;
+ if (!touchable)
+ return;
+ const { clientX } = event.touches[0];
+ getAllRect(this, '.van-rate__icon').then((list) => {
+ const target = list
+ .sort((cur, next) => cur.dataset.score - next.dataset.score)
+ .find((item) => clientX >= item.left && clientX <= item.right);
+ if (target != null) {
+ this.onSelect(Object.assign(Object.assign({}, event), { currentTarget: target }));
+ }
+ });
+ },
},
- color: String,
- voidColor: String,
- disabledColor: String,
- count: {
- type: Number,
- value: 5,
- observer(value) {
- this.setData({ innerCountArray: Array.from({ length: value }) });
- },
- },
- gutter: null,
- touchable: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- innerValue: 0,
- innerCountArray: Array.from({ length: 5 }),
- },
- methods: {
- onSelect(event) {
- const { data } = this;
- const { score } = event.currentTarget.dataset;
- if (!data.disabled && !data.readonly) {
- this.setData({ innerValue: score + 1 });
- if (canIUseModel()) {
- this.setData({ value: score + 1 });
- }
- wx.nextTick(() => {
- this.$emit('input', score + 1);
- this.$emit('change', score + 1);
- });
- }
- },
- onTouchMove(event) {
- const { touchable } = this.data;
- if (!touchable) return;
- const { clientX } = event.touches[0];
- getAllRect(this, '.van-rate__icon').then((list) => {
- const target = list
- .sort((cur, next) => cur.dataset.score - next.dataset.score)
- .find((item) => clientX >= item.left && clientX <= item.right);
- if (target != null) {
- this.onSelect(
- Object.assign(Object.assign({}, event), { currentTarget: target })
- );
- }
- });
- },
- },
});
diff --git a/dist/row/index.js b/dist/row/index.js
index f2b691bf..cc844f84 100644
--- a/dist/row/index.js
+++ b/dist/row/index.js
@@ -1,23 +1,23 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- relation: useChildren('col', function (target) {
- const { gutter } = this.data;
- if (gutter) {
- target.setData({ gutter });
- }
- }),
- props: {
- gutter: {
- type: Number,
- observer: 'setGutter',
+ relation: useChildren('col', function (target) {
+ const { gutter } = this.data;
+ if (gutter) {
+ target.setData({ gutter });
+ }
+ }),
+ props: {
+ gutter: {
+ type: Number,
+ observer: 'setGutter',
+ },
},
- },
- methods: {
- setGutter() {
- this.children.forEach((col) => {
- col.setData(this.data);
- });
+ methods: {
+ setGutter() {
+ this.children.forEach((col) => {
+ col.setData(this.data);
+ });
+ },
},
- },
});
diff --git a/dist/search/index.js b/dist/search/index.js
index 22544e8f..d6f4bfaf 100644
--- a/dist/search/index.js
+++ b/dist/search/index.js
@@ -1,89 +1,89 @@
import { VantComponent } from '../common/component';
import { canIUseModel } from '../common/version';
VantComponent({
- field: true,
- classes: ['field-class', 'input-class', 'cancel-class'],
- props: {
- label: String,
- focus: Boolean,
- error: Boolean,
- disabled: Boolean,
- readonly: Boolean,
- inputAlign: String,
- showAction: Boolean,
- useActionSlot: Boolean,
- useLeftIconSlot: Boolean,
- useRightIconSlot: Boolean,
- leftIcon: {
- type: String,
- value: 'search',
+ field: true,
+ classes: ['field-class', 'input-class', 'cancel-class'],
+ props: {
+ label: String,
+ focus: Boolean,
+ error: Boolean,
+ disabled: Boolean,
+ readonly: Boolean,
+ inputAlign: String,
+ showAction: Boolean,
+ useActionSlot: Boolean,
+ useLeftIconSlot: Boolean,
+ useRightIconSlot: Boolean,
+ leftIcon: {
+ type: String,
+ value: 'search',
+ },
+ rightIcon: String,
+ placeholder: String,
+ placeholderStyle: String,
+ actionText: {
+ type: String,
+ value: '取消',
+ },
+ background: {
+ type: String,
+ value: '#ffffff',
+ },
+ maxlength: {
+ type: Number,
+ value: -1,
+ },
+ shape: {
+ type: String,
+ value: 'square',
+ },
+ clearable: {
+ type: Boolean,
+ value: true,
+ },
+ clearTrigger: {
+ type: String,
+ value: 'focus',
+ },
+ clearIcon: {
+ type: String,
+ value: 'clear',
+ },
},
- rightIcon: String,
- placeholder: String,
- placeholderStyle: String,
- actionText: {
- type: String,
- value: '取消',
+ methods: {
+ onChange(event) {
+ if (canIUseModel()) {
+ this.setData({ value: event.detail });
+ }
+ this.$emit('change', event.detail);
+ },
+ onCancel() {
+ /**
+ * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
+ * https://github.com/youzan/@vant/weapp/issues/1768
+ */
+ setTimeout(() => {
+ if (canIUseModel()) {
+ this.setData({ value: '' });
+ }
+ this.$emit('cancel');
+ this.$emit('change', '');
+ }, 200);
+ },
+ onSearch(event) {
+ this.$emit('search', event.detail);
+ },
+ onFocus(event) {
+ this.$emit('focus', event.detail);
+ },
+ onBlur(event) {
+ this.$emit('blur', event.detail);
+ },
+ onClear(event) {
+ this.$emit('clear', event.detail);
+ },
+ onClickInput(event) {
+ this.$emit('click-input', event.detail);
+ },
},
- background: {
- type: String,
- value: '#ffffff',
- },
- maxlength: {
- type: Number,
- value: -1,
- },
- shape: {
- type: String,
- value: 'square',
- },
- clearable: {
- type: Boolean,
- value: true,
- },
- clearTrigger: {
- type: String,
- value: 'focus',
- },
- clearIcon: {
- type: String,
- value: 'clear',
- },
- },
- methods: {
- onChange(event) {
- if (canIUseModel()) {
- this.setData({ value: event.detail });
- }
- this.$emit('change', event.detail);
- },
- onCancel() {
- /**
- * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
- * https://github.com/youzan/@vant/weapp/issues/1768
- */
- setTimeout(() => {
- if (canIUseModel()) {
- this.setData({ value: '' });
- }
- this.$emit('cancel');
- this.$emit('change', '');
- }, 200);
- },
- onSearch(event) {
- this.$emit('search', event.detail);
- },
- onFocus(event) {
- this.$emit('focus', event.detail);
- },
- onBlur(event) {
- this.$emit('blur', event.detail);
- },
- onClear(event) {
- this.$emit('clear', event.detail);
- },
- onClickInput(event) {
- this.$emit('click-input', event.detail);
- },
- },
});
diff --git a/dist/share-sheet/index.js b/dist/share-sheet/index.js
index 470dea68..a6ce016c 100644
--- a/dist/share-sheet/index.js
+++ b/dist/share-sheet/index.js
@@ -1,55 +1,55 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- // whether to show popup
- show: Boolean,
- // overlay custom style
- overlayStyle: String,
- // z-index
- zIndex: {
- type: Number,
- value: 100,
+ props: {
+ // whether to show popup
+ show: Boolean,
+ // overlay custom style
+ overlayStyle: String,
+ // z-index
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ title: String,
+ cancelText: {
+ type: String,
+ value: '取消',
+ },
+ description: String,
+ options: {
+ type: Array,
+ value: [],
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ duration: {
+ type: null,
+ value: 300,
+ },
},
- title: String,
- cancelText: {
- type: String,
- value: '取消',
+ methods: {
+ onClickOverlay() {
+ this.$emit('click-overlay');
+ },
+ onCancel() {
+ this.onClose();
+ this.$emit('cancel');
+ },
+ onSelect(event) {
+ this.$emit('select', event.detail);
+ },
+ onClose() {
+ this.$emit('close');
+ },
},
- description: String,
- options: {
- type: Array,
- value: [],
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- duration: {
- type: null,
- value: 300,
- },
- },
- methods: {
- onClickOverlay() {
- this.$emit('click-overlay');
- },
- onCancel() {
- this.onClose();
- this.$emit('cancel');
- },
- onSelect(event) {
- this.$emit('select', event.detail);
- },
- onClose() {
- this.$emit('close');
- },
- },
});
diff --git a/dist/share-sheet/options.js b/dist/share-sheet/options.js
index c1bd03b2..5a29ad74 100644
--- a/dist/share-sheet/options.js
+++ b/dist/share-sheet/options.js
@@ -1,14 +1,14 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- options: Array,
- showBorder: Boolean,
- },
- methods: {
- onSelect(event) {
- const { index } = event.currentTarget.dataset;
- const option = this.data.options[index];
- this.$emit('select', Object.assign(Object.assign({}, option), { index }));
+ props: {
+ options: Array,
+ showBorder: Boolean,
+ },
+ methods: {
+ onSelect(event) {
+ const { index } = event.currentTarget.dataset;
+ const option = this.data.options[index];
+ this.$emit('select', Object.assign(Object.assign({}, option), { index }));
+ },
},
- },
});
diff --git a/dist/sidebar-item/index.js b/dist/sidebar-item/index.js
index 042db596..63ea57d2 100644
--- a/dist/sidebar-item/index.js
+++ b/dist/sidebar-item/index.js
@@ -1,29 +1,29 @@
import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
VantComponent({
- classes: ['active-class', 'disabled-class'],
- relation: useParent('sidebar'),
- props: {
- dot: Boolean,
- badge: null,
- info: null,
- title: String,
- disabled: Boolean,
- },
- methods: {
- onClick() {
- const { parent } = this;
- if (!parent || this.data.disabled) {
- return;
- }
- const index = parent.children.indexOf(this);
- parent.setActive(index).then(() => {
- this.$emit('click', index);
- parent.$emit('change', index);
- });
+ classes: ['active-class', 'disabled-class'],
+ relation: useParent('sidebar'),
+ props: {
+ dot: Boolean,
+ badge: null,
+ info: null,
+ title: String,
+ disabled: Boolean,
},
- setActive(selected) {
- return this.setData({ selected });
+ methods: {
+ onClick() {
+ const { parent } = this;
+ if (!parent || this.data.disabled) {
+ return;
+ }
+ const index = parent.children.indexOf(this);
+ parent.setActive(index).then(() => {
+ this.$emit('click', index);
+ parent.$emit('change', index);
+ });
+ },
+ setActive(selected) {
+ return this.setData({ selected });
+ },
},
- },
});
diff --git a/dist/sidebar/index.js b/dist/sidebar/index.js
index e4445330..d763e06d 100644
--- a/dist/sidebar/index.js
+++ b/dist/sidebar/index.js
@@ -1,34 +1,34 @@
import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
VantComponent({
- relation: useChildren('sidebar-item', function () {
- this.setActive(this.data.activeKey);
- }),
- props: {
- activeKey: {
- type: Number,
- value: 0,
- observer: 'setActive',
+ relation: useChildren('sidebar-item', function () {
+ this.setActive(this.data.activeKey);
+ }),
+ props: {
+ activeKey: {
+ type: Number,
+ value: 0,
+ observer: 'setActive',
+ },
},
- },
- beforeCreate() {
- this.currentActive = -1;
- },
- methods: {
- setActive(activeKey) {
- const { children, currentActive } = this;
- if (!children.length) {
- return Promise.resolve();
- }
- this.currentActive = activeKey;
- const stack = [];
- if (currentActive !== activeKey && children[currentActive]) {
- stack.push(children[currentActive].setActive(false));
- }
- if (children[activeKey]) {
- stack.push(children[activeKey].setActive(true));
- }
- return Promise.all(stack);
+ beforeCreate() {
+ this.currentActive = -1;
+ },
+ methods: {
+ setActive(activeKey) {
+ const { children, currentActive } = this;
+ if (!children.length) {
+ return Promise.resolve();
+ }
+ this.currentActive = activeKey;
+ const stack = [];
+ if (currentActive !== activeKey && children[currentActive]) {
+ stack.push(children[currentActive].setActive(false));
+ }
+ if (children[activeKey]) {
+ stack.push(children[activeKey].setActive(true));
+ }
+ return Promise.all(stack);
+ },
},
- },
});
diff --git a/dist/skeleton/index.js b/dist/skeleton/index.js
index aab922d0..33b1141c 100644
--- a/dist/skeleton/index.js
+++ b/dist/skeleton/index.js
@@ -1,46 +1,46 @@
import { VantComponent } from '../common/component';
VantComponent({
- classes: ['avatar-class', 'title-class', 'row-class'],
- props: {
- row: {
- type: Number,
- value: 0,
- observer(value) {
- this.setData({ rowArray: Array.from({ length: value }) });
- },
+ classes: ['avatar-class', 'title-class', 'row-class'],
+ props: {
+ row: {
+ type: Number,
+ value: 0,
+ observer(value) {
+ this.setData({ rowArray: Array.from({ length: value }) });
+ },
+ },
+ title: Boolean,
+ avatar: Boolean,
+ loading: {
+ type: Boolean,
+ value: true,
+ },
+ animate: {
+ type: Boolean,
+ value: true,
+ },
+ avatarSize: {
+ type: String,
+ value: '32px',
+ },
+ avatarShape: {
+ type: String,
+ value: 'round',
+ },
+ titleWidth: {
+ type: String,
+ value: '40%',
+ },
+ rowWidth: {
+ type: null,
+ value: '100%',
+ observer(val) {
+ this.setData({ isArray: val instanceof Array });
+ },
+ },
},
- title: Boolean,
- avatar: Boolean,
- loading: {
- type: Boolean,
- value: true,
+ data: {
+ isArray: false,
+ rowArray: [],
},
- animate: {
- type: Boolean,
- value: true,
- },
- avatarSize: {
- type: String,
- value: '32px',
- },
- avatarShape: {
- type: String,
- value: 'round',
- },
- titleWidth: {
- type: String,
- value: '40%',
- },
- rowWidth: {
- type: null,
- value: '100%',
- observer(val) {
- this.setData({ isArray: val instanceof Array });
- },
- },
- },
- data: {
- isArray: false,
- rowArray: [],
- },
});
diff --git a/dist/slider/index.js b/dist/slider/index.js
index feca0b0c..c5d9a4e2 100644
--- a/dist/slider/index.js
+++ b/dist/slider/index.js
@@ -3,154 +3,162 @@ import { touch } from '../mixins/touch';
import { canIUseModel } from '../common/version';
import { getRect } from '../common/utils';
VantComponent({
- mixins: [touch],
- props: {
- range: Boolean,
- disabled: Boolean,
- useButtonSlot: Boolean,
- activeColor: String,
- inactiveColor: String,
- max: {
- type: Number,
- value: 100,
+ mixins: [touch],
+ props: {
+ range: Boolean,
+ disabled: Boolean,
+ useButtonSlot: Boolean,
+ activeColor: String,
+ inactiveColor: String,
+ max: {
+ type: Number,
+ value: 100,
+ },
+ min: {
+ type: Number,
+ value: 0,
+ },
+ step: {
+ type: Number,
+ value: 1,
+ },
+ value: {
+ type: null,
+ value: 0,
+ observer(val) {
+ if (val !== this.value) {
+ this.updateValue(val);
+ }
+ },
+ },
+ barHeight: null,
},
- min: {
- type: Number,
- value: 0,
+ created() {
+ this.updateValue(this.data.value);
},
- step: {
- type: Number,
- value: 1,
- },
- value: {
- type: null,
- value: 0,
- observer(val) {
- if (val !== this.value) {
- this.updateValue(val);
- }
- },
- },
- barHeight: null,
- },
- created() {
- this.updateValue(this.data.value);
- },
- methods: {
- onTouchStart(event) {
- if (this.data.disabled) return;
- const { index } = event.currentTarget.dataset;
- if (typeof index === 'number') {
- this.buttonIndex = index;
- }
- this.touchStart(event);
- this.startValue = this.format(this.value);
- this.newValue = this.value;
- if (this.isRange(this.newValue)) {
- this.startValue = this.newValue.map((val) => this.format(val));
- } else {
- this.startValue = this.format(this.newValue);
- }
- this.dragStatus = 'start';
- },
- onTouchMove(event) {
- if (this.data.disabled) return;
- if (this.dragStatus === 'start') {
- this.$emit('drag-start');
- }
- this.touchMove(event);
- this.dragStatus = 'draging';
- getRect(this, '.van-slider').then((rect) => {
- const diff = (this.deltaX / rect.width) * this.getRange();
- if (this.isRange(this.startValue)) {
- this.newValue[this.buttonIndex] =
- this.startValue[this.buttonIndex] + diff;
- } else {
- this.newValue = this.startValue + diff;
- }
- this.updateValue(this.newValue, false, true);
- });
- },
- onTouchEnd() {
- if (this.data.disabled) return;
- if (this.dragStatus === 'draging') {
- this.updateValue(this.newValue, true);
- this.$emit('drag-end');
- }
- },
- onClick(event) {
- if (this.data.disabled) return;
- const { min } = this.data;
- getRect(this, '.van-slider').then((rect) => {
- const value =
- ((event.detail.x - rect.left) / rect.width) * this.getRange() + min;
- if (this.isRange(this.value)) {
- const [left, right] = this.value;
- const middle = (left + right) / 2;
- if (value <= middle) {
- this.updateValue([value, right], true);
- } else {
- this.updateValue([left, value], true);
- }
- } else {
- this.updateValue(value, true);
- }
- });
- },
- isRange(val) {
- const { range } = this.data;
- return range && Array.isArray(val);
- },
- handleOverlap(value) {
- if (value[0] > value[1]) {
- return value.slice(0).reverse();
- }
- return value;
- },
- updateValue(value, end, drag) {
- if (this.isRange(value)) {
- value = this.handleOverlap(value).map((val) => this.format(val));
- } else {
- value = this.format(value);
- }
- this.value = value;
- this.setData({
- barStyle: `
+ methods: {
+ onTouchStart(event) {
+ if (this.data.disabled)
+ return;
+ const { index } = event.currentTarget.dataset;
+ if (typeof index === 'number') {
+ this.buttonIndex = index;
+ }
+ this.touchStart(event);
+ this.startValue = this.format(this.value);
+ this.newValue = this.value;
+ if (this.isRange(this.newValue)) {
+ this.startValue = this.newValue.map((val) => this.format(val));
+ }
+ else {
+ this.startValue = this.format(this.newValue);
+ }
+ this.dragStatus = 'start';
+ },
+ onTouchMove(event) {
+ if (this.data.disabled)
+ return;
+ if (this.dragStatus === 'start') {
+ this.$emit('drag-start');
+ }
+ this.touchMove(event);
+ this.dragStatus = 'draging';
+ getRect(this, '.van-slider').then((rect) => {
+ const diff = (this.deltaX / rect.width) * this.getRange();
+ if (this.isRange(this.startValue)) {
+ this.newValue[this.buttonIndex] =
+ this.startValue[this.buttonIndex] + diff;
+ }
+ else {
+ this.newValue = this.startValue + diff;
+ }
+ this.updateValue(this.newValue, false, true);
+ });
+ },
+ onTouchEnd() {
+ if (this.data.disabled)
+ return;
+ if (this.dragStatus === 'draging') {
+ this.updateValue(this.newValue, true);
+ this.$emit('drag-end');
+ }
+ },
+ onClick(event) {
+ if (this.data.disabled)
+ return;
+ const { min } = this.data;
+ getRect(this, '.van-slider').then((rect) => {
+ const value = ((event.detail.x - rect.left) / rect.width) * this.getRange() + min;
+ if (this.isRange(this.value)) {
+ const [left, right] = this.value;
+ const middle = (left + right) / 2;
+ if (value <= middle) {
+ this.updateValue([value, right], true);
+ }
+ else {
+ this.updateValue([left, value], true);
+ }
+ }
+ else {
+ this.updateValue(value, true);
+ }
+ });
+ },
+ isRange(val) {
+ const { range } = this.data;
+ return range && Array.isArray(val);
+ },
+ handleOverlap(value) {
+ if (value[0] > value[1]) {
+ return value.slice(0).reverse();
+ }
+ return value;
+ },
+ updateValue(value, end, drag) {
+ if (this.isRange(value)) {
+ value = this.handleOverlap(value).map((val) => this.format(val));
+ }
+ else {
+ value = this.format(value);
+ }
+ this.value = value;
+ this.setData({
+ barStyle: `
width: ${this.calcMainAxis()};
left: ${this.isRange(value) ? `${value[0]}%` : 0};
${drag ? 'transition: none;' : ''}
`,
- });
- if (drag) {
- this.$emit('drag', { value });
- }
- if (end) {
- this.$emit('change', value);
- }
- if ((drag || end) && canIUseModel()) {
- this.setData({ value });
- }
+ });
+ if (drag) {
+ this.$emit('drag', { value });
+ }
+ if (end) {
+ this.$emit('change', value);
+ }
+ if ((drag || end) && canIUseModel()) {
+ this.setData({ value });
+ }
+ },
+ getScope() {
+ return Number(this.data.max) - Number(this.data.min);
+ },
+ getRange() {
+ const { max, min } = this.data;
+ return max - min;
+ },
+ // 计算选中条的长度百分比
+ calcMainAxis() {
+ const { value } = this;
+ const { min } = this.data;
+ const scope = this.getScope();
+ if (this.isRange(value)) {
+ return `${((value[1] - value[0]) * 100) / scope}%`;
+ }
+ return `${((value - Number(min)) * 100) / scope}%`;
+ },
+ format(value) {
+ const { max, min, step } = this.data;
+ return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
+ },
},
- getScope() {
- return Number(this.data.max) - Number(this.data.min);
- },
- getRange() {
- const { max, min } = this.data;
- return max - min;
- },
- // 计算选中条的长度百分比
- calcMainAxis() {
- const { value } = this;
- const { min } = this.data;
- const scope = this.getScope();
- if (this.isRange(value)) {
- return `${((value[1] - value[0]) * 100) / scope}%`;
- }
- return `${((value - Number(min)) * 100) / scope}%`;
- },
- format(value) {
- const { max, min, step } = this.data;
- return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
- },
- },
});
diff --git a/dist/stepper/index.js b/dist/stepper/index.js
index 6ea0da54..c54ea719 100644
--- a/dist/stepper/index.js
+++ b/dist/stepper/index.js
@@ -4,191 +4,181 @@ const LONG_PRESS_START_TIME = 600;
const LONG_PRESS_INTERVAL = 200;
// add num and avoid float number
function add(num1, num2) {
- const cardinal = Math.pow(10, 10);
- return Math.round((num1 + num2) * cardinal) / cardinal;
+ const cardinal = Math.pow(10, 10);
+ return Math.round((num1 + num2) * cardinal) / cardinal;
}
function equal(value1, value2) {
- return String(value1) === String(value2);
+ return String(value1) === String(value2);
}
VantComponent({
- field: true,
- classes: ['input-class', 'plus-class', 'minus-class'],
- props: {
- value: {
- type: null,
- observer: 'observeValue',
+ field: true,
+ classes: ['input-class', 'plus-class', 'minus-class'],
+ props: {
+ value: {
+ type: null,
+ observer: 'observeValue',
+ },
+ integer: {
+ type: Boolean,
+ observer: 'check',
+ },
+ disabled: Boolean,
+ inputWidth: String,
+ buttonSize: String,
+ asyncChange: Boolean,
+ disableInput: Boolean,
+ decimalLength: {
+ type: Number,
+ value: null,
+ observer: 'check',
+ },
+ min: {
+ type: null,
+ value: 1,
+ observer: 'check',
+ },
+ max: {
+ type: null,
+ value: Number.MAX_SAFE_INTEGER,
+ observer: 'check',
+ },
+ step: {
+ type: null,
+ value: 1,
+ },
+ showPlus: {
+ type: Boolean,
+ value: true,
+ },
+ showMinus: {
+ type: Boolean,
+ value: true,
+ },
+ disablePlus: Boolean,
+ disableMinus: Boolean,
+ longPress: {
+ type: Boolean,
+ value: true,
+ },
+ theme: String,
},
- integer: {
- type: Boolean,
- observer: 'check',
+ data: {
+ currentValue: '',
},
- disabled: Boolean,
- inputWidth: String,
- buttonSize: String,
- asyncChange: Boolean,
- disableInput: Boolean,
- decimalLength: {
- type: Number,
- value: null,
- observer: 'check',
+ created() {
+ this.setData({
+ currentValue: this.format(this.data.value),
+ });
},
- min: {
- type: null,
- value: 1,
- observer: 'check',
+ methods: {
+ observeValue() {
+ const { value, currentValue } = this.data;
+ if (!equal(value, currentValue)) {
+ this.setData({ currentValue: this.format(value) });
+ }
+ },
+ check() {
+ const val = this.format(this.data.currentValue);
+ if (!equal(val, this.data.currentValue)) {
+ this.setData({ currentValue: val });
+ }
+ },
+ isDisabled(type) {
+ const { disabled, disablePlus, disableMinus, currentValue, max, min, } = this.data;
+ if (type === 'plus') {
+ return disabled || disablePlus || currentValue >= max;
+ }
+ return disabled || disableMinus || currentValue <= min;
+ },
+ onFocus(event) {
+ this.$emit('focus', event.detail);
+ },
+ onBlur(event) {
+ const value = this.format(event.detail.value);
+ this.emitChange(value);
+ this.$emit('blur', Object.assign(Object.assign({}, event.detail), { value }));
+ },
+ // filter illegal characters
+ filter(value) {
+ value = String(value).replace(/[^0-9.-]/g, '');
+ if (this.data.integer && value.indexOf('.') !== -1) {
+ value = value.split('.')[0];
+ }
+ return value;
+ },
+ // limit value range
+ format(value) {
+ value = this.filter(value);
+ // format range
+ value = value === '' ? 0 : +value;
+ value = Math.max(Math.min(this.data.max, value), this.data.min);
+ // format decimal
+ if (isDef(this.data.decimalLength)) {
+ value = value.toFixed(this.data.decimalLength);
+ }
+ return value;
+ },
+ onInput(event) {
+ const { value = '' } = event.detail || {};
+ // allow input to be empty
+ if (value === '') {
+ return;
+ }
+ let formatted = this.filter(value);
+ // limit max decimal length
+ if (isDef(this.data.decimalLength) && formatted.indexOf('.') !== -1) {
+ const pair = formatted.split('.');
+ formatted = `${pair[0]}.${pair[1].slice(0, this.data.decimalLength)}`;
+ }
+ this.emitChange(formatted);
+ },
+ emitChange(value) {
+ if (!this.data.asyncChange) {
+ this.setData({ currentValue: value });
+ }
+ this.$emit('change', value);
+ },
+ onChange() {
+ const { type } = this;
+ if (this.isDisabled(type)) {
+ this.$emit('overlimit', type);
+ return;
+ }
+ const diff = type === 'minus' ? -this.data.step : +this.data.step;
+ const value = this.format(add(+this.data.currentValue, diff));
+ this.emitChange(value);
+ this.$emit(type);
+ },
+ longPressStep() {
+ this.longPressTimer = setTimeout(() => {
+ this.onChange();
+ this.longPressStep();
+ }, LONG_PRESS_INTERVAL);
+ },
+ onTap(event) {
+ const { type } = event.currentTarget.dataset;
+ this.type = type;
+ this.onChange();
+ },
+ onTouchStart(event) {
+ if (!this.data.longPress) {
+ return;
+ }
+ clearTimeout(this.longPressTimer);
+ const { type } = event.currentTarget.dataset;
+ this.type = type;
+ this.isLongPress = false;
+ this.longPressTimer = setTimeout(() => {
+ this.isLongPress = true;
+ this.onChange();
+ this.longPressStep();
+ }, LONG_PRESS_START_TIME);
+ },
+ onTouchEnd() {
+ if (!this.data.longPress) {
+ return;
+ }
+ clearTimeout(this.longPressTimer);
+ },
},
- max: {
- type: null,
- value: Number.MAX_SAFE_INTEGER,
- observer: 'check',
- },
- step: {
- type: null,
- value: 1,
- },
- showPlus: {
- type: Boolean,
- value: true,
- },
- showMinus: {
- type: Boolean,
- value: true,
- },
- disablePlus: Boolean,
- disableMinus: Boolean,
- longPress: {
- type: Boolean,
- value: true,
- },
- theme: String,
- },
- data: {
- currentValue: '',
- },
- created() {
- this.setData({
- currentValue: this.format(this.data.value),
- });
- },
- methods: {
- observeValue() {
- const { value, currentValue } = this.data;
- if (!equal(value, currentValue)) {
- this.setData({ currentValue: this.format(value) });
- }
- },
- check() {
- const val = this.format(this.data.currentValue);
- if (!equal(val, this.data.currentValue)) {
- this.setData({ currentValue: val });
- }
- },
- isDisabled(type) {
- const {
- disabled,
- disablePlus,
- disableMinus,
- currentValue,
- max,
- min,
- } = this.data;
- if (type === 'plus') {
- return disabled || disablePlus || currentValue >= max;
- }
- return disabled || disableMinus || currentValue <= min;
- },
- onFocus(event) {
- this.$emit('focus', event.detail);
- },
- onBlur(event) {
- const value = this.format(event.detail.value);
- this.emitChange(value);
- this.$emit(
- 'blur',
- Object.assign(Object.assign({}, event.detail), { value })
- );
- },
- // filter illegal characters
- filter(value) {
- value = String(value).replace(/[^0-9.-]/g, '');
- if (this.data.integer && value.indexOf('.') !== -1) {
- value = value.split('.')[0];
- }
- return value;
- },
- // limit value range
- format(value) {
- value = this.filter(value);
- // format range
- value = value === '' ? 0 : +value;
- value = Math.max(Math.min(this.data.max, value), this.data.min);
- // format decimal
- if (isDef(this.data.decimalLength)) {
- value = value.toFixed(this.data.decimalLength);
- }
- return value;
- },
- onInput(event) {
- const { value = '' } = event.detail || {};
- // allow input to be empty
- if (value === '') {
- return;
- }
- let formatted = this.filter(value);
- // limit max decimal length
- if (isDef(this.data.decimalLength) && formatted.indexOf('.') !== -1) {
- const pair = formatted.split('.');
- formatted = `${pair[0]}.${pair[1].slice(0, this.data.decimalLength)}`;
- }
- this.emitChange(formatted);
- },
- emitChange(value) {
- if (!this.data.asyncChange) {
- this.setData({ currentValue: value });
- }
- this.$emit('change', value);
- },
- onChange() {
- const { type } = this;
- if (this.isDisabled(type)) {
- this.$emit('overlimit', type);
- return;
- }
- const diff = type === 'minus' ? -this.data.step : +this.data.step;
- const value = this.format(add(+this.data.currentValue, diff));
- this.emitChange(value);
- this.$emit(type);
- },
- longPressStep() {
- this.longPressTimer = setTimeout(() => {
- this.onChange();
- this.longPressStep();
- }, LONG_PRESS_INTERVAL);
- },
- onTap(event) {
- const { type } = event.currentTarget.dataset;
- this.type = type;
- this.onChange();
- },
- onTouchStart(event) {
- if (!this.data.longPress) {
- return;
- }
- clearTimeout(this.longPressTimer);
- const { type } = event.currentTarget.dataset;
- this.type = type;
- this.isLongPress = false;
- this.longPressTimer = setTimeout(() => {
- this.isLongPress = true;
- this.onChange();
- this.longPressStep();
- }, LONG_PRESS_START_TIME);
- },
- onTouchEnd() {
- if (!this.data.longPress) {
- return;
- }
- clearTimeout(this.longPressTimer);
- },
- },
});
diff --git a/dist/steps/index.js b/dist/steps/index.js
index a89ed4a8..b47be76e 100644
--- a/dist/steps/index.js
+++ b/dist/steps/index.js
@@ -1,33 +1,33 @@
import { VantComponent } from '../common/component';
import { GREEN, GRAY_DARK } from '../common/color';
VantComponent({
- classes: ['desc-class'],
- props: {
- icon: String,
- steps: Array,
- active: Number,
- direction: {
- type: String,
- value: 'horizontal',
+ classes: ['desc-class'],
+ props: {
+ icon: String,
+ steps: Array,
+ active: Number,
+ direction: {
+ type: String,
+ value: 'horizontal',
+ },
+ activeColor: {
+ type: String,
+ value: GREEN,
+ },
+ inactiveColor: {
+ type: String,
+ value: GRAY_DARK,
+ },
+ activeIcon: {
+ type: String,
+ value: 'checked',
+ },
+ inactiveIcon: String,
},
- activeColor: {
- type: String,
- value: GREEN,
+ methods: {
+ onClick(event) {
+ const { index } = event.currentTarget.dataset;
+ this.$emit('click-step', index);
+ },
},
- inactiveColor: {
- type: String,
- value: GRAY_DARK,
- },
- activeIcon: {
- type: String,
- value: 'checked',
- },
- inactiveIcon: String,
- },
- methods: {
- onClick(event) {
- const { index } = event.currentTarget.dataset;
- this.$emit('click-step', index);
- },
- },
});
diff --git a/dist/sticky/index.js b/dist/sticky/index.js
index 01f10989..e1ae6dfa 100644
--- a/dist/sticky/index.js
+++ b/dist/sticky/index.js
@@ -4,114 +4,115 @@ import { isDef } from '../common/validator';
import { pageScrollMixin } from '../mixins/page-scroll';
const ROOT_ELEMENT = '.van-sticky';
VantComponent({
- props: {
- zIndex: {
- type: Number,
- value: 99,
+ props: {
+ zIndex: {
+ type: Number,
+ value: 99,
+ },
+ offsetTop: {
+ type: Number,
+ value: 0,
+ observer: 'onScroll',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'onScroll',
+ },
+ container: {
+ type: null,
+ observer: 'onScroll',
+ },
+ scrollTop: {
+ type: null,
+ observer(val) {
+ this.onScroll({ scrollTop: val });
+ },
+ },
},
- offsetTop: {
- type: Number,
- value: 0,
- observer: 'onScroll',
+ mixins: [
+ pageScrollMixin(function (event) {
+ if (this.data.scrollTop != null) {
+ return;
+ }
+ this.onScroll(event);
+ }),
+ ],
+ data: {
+ height: 0,
+ fixed: false,
+ transform: 0,
},
- disabled: {
- type: Boolean,
- observer: 'onScroll',
+ mounted() {
+ this.onScroll();
},
- container: {
- type: null,
- observer: 'onScroll',
- },
- scrollTop: {
- type: null,
- observer(val) {
- this.onScroll({ scrollTop: val });
- },
- },
- },
- mixins: [
- pageScrollMixin(function (event) {
- if (this.data.scrollTop != null) {
- return;
- }
- this.onScroll(event);
- }),
- ],
- data: {
- height: 0,
- fixed: false,
- transform: 0,
- },
- mounted() {
- this.onScroll();
- },
- methods: {
- onScroll({ scrollTop } = {}) {
- const { container, offsetTop, disabled } = this.data;
- if (disabled) {
- this.setDataAfterDiff({
- fixed: false,
- transform: 0,
- });
- return;
- }
- this.scrollTop = scrollTop || this.scrollTop;
- if (typeof container === 'function') {
- Promise.all([
- getRect(this, ROOT_ELEMENT),
- this.getContainerRect(),
- ]).then(([root, container]) => {
- if (offsetTop + root.height > container.height + container.top) {
- this.setDataAfterDiff({
- fixed: false,
- transform: container.height - root.height,
+ methods: {
+ onScroll({ scrollTop } = {}) {
+ const { container, offsetTop, disabled } = this.data;
+ if (disabled) {
+ this.setDataAfterDiff({
+ fixed: false,
+ transform: 0,
+ });
+ return;
+ }
+ this.scrollTop = scrollTop || this.scrollTop;
+ if (typeof container === 'function') {
+ Promise.all([
+ getRect(this, ROOT_ELEMENT),
+ this.getContainerRect(),
+ ]).then(([root, container]) => {
+ if (offsetTop + root.height > container.height + container.top) {
+ this.setDataAfterDiff({
+ fixed: false,
+ transform: container.height - root.height,
+ });
+ }
+ else if (offsetTop >= root.top) {
+ this.setDataAfterDiff({
+ fixed: true,
+ height: root.height,
+ transform: 0,
+ });
+ }
+ else {
+ this.setDataAfterDiff({ fixed: false, transform: 0 });
+ }
+ });
+ return;
+ }
+ getRect(this, ROOT_ELEMENT).then((root) => {
+ if (!isDef(root)) {
+ return;
+ }
+ if (offsetTop >= root.top) {
+ this.setDataAfterDiff({ fixed: true, height: root.height });
+ this.transform = 0;
+ }
+ else {
+ this.setDataAfterDiff({ fixed: false });
+ }
});
- } else if (offsetTop >= root.top) {
- this.setDataAfterDiff({
- fixed: true,
- height: root.height,
- transform: 0,
+ },
+ setDataAfterDiff(data) {
+ wx.nextTick(() => {
+ const diff = Object.keys(data).reduce((prev, key) => {
+ if (data[key] !== this.data[key]) {
+ prev[key] = data[key];
+ }
+ return prev;
+ }, {});
+ if (Object.keys(diff).length > 0) {
+ this.setData(diff);
+ }
+ this.$emit('scroll', {
+ scrollTop: this.scrollTop,
+ isFixed: data.fixed || this.data.fixed,
+ });
});
- } else {
- this.setDataAfterDiff({ fixed: false, transform: 0 });
- }
- });
- return;
- }
- getRect(this, ROOT_ELEMENT).then((root) => {
- if (!isDef(root)) {
- return;
- }
- if (offsetTop >= root.top) {
- this.setDataAfterDiff({ fixed: true, height: root.height });
- this.transform = 0;
- } else {
- this.setDataAfterDiff({ fixed: false });
- }
- });
+ },
+ getContainerRect() {
+ const nodesRef = this.data.container();
+ return new Promise((resolve) => nodesRef.boundingClientRect(resolve).exec());
+ },
},
- setDataAfterDiff(data) {
- wx.nextTick(() => {
- const diff = Object.keys(data).reduce((prev, key) => {
- if (data[key] !== this.data[key]) {
- prev[key] = data[key];
- }
- return prev;
- }, {});
- if (Object.keys(diff).length > 0) {
- this.setData(diff);
- }
- this.$emit('scroll', {
- scrollTop: this.scrollTop,
- isFixed: data.fixed || this.data.fixed,
- });
- });
- },
- getContainerRect() {
- const nodesRef = this.data.container();
- return new Promise((resolve) =>
- nodesRef.boundingClientRect(resolve).exec()
- );
- },
- },
});
diff --git a/dist/submit-bar/index.js b/dist/submit-bar/index.js
index 4a888fff..decf4596 100644
--- a/dist/submit-bar/index.js
+++ b/dist/submit-bar/index.js
@@ -1,57 +1,56 @@
import { VantComponent } from '../common/component';
VantComponent({
- classes: ['bar-class', 'price-class', 'button-class'],
- props: {
- tip: {
- type: null,
- observer: 'updateTip',
+ classes: ['bar-class', 'price-class', 'button-class'],
+ props: {
+ tip: {
+ type: null,
+ observer: 'updateTip',
+ },
+ tipIcon: String,
+ type: Number,
+ price: {
+ type: null,
+ observer: 'updatePrice',
+ },
+ label: String,
+ loading: Boolean,
+ disabled: Boolean,
+ buttonText: String,
+ currency: {
+ type: String,
+ value: '¥',
+ },
+ buttonType: {
+ type: String,
+ value: 'danger',
+ },
+ decimalLength: {
+ type: Number,
+ value: 2,
+ observer: 'updatePrice',
+ },
+ suffixLabel: String,
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- tipIcon: String,
- type: Number,
- price: {
- type: null,
- observer: 'updatePrice',
+ methods: {
+ updatePrice() {
+ const { price, decimalLength } = this.data;
+ const priceStrArr = typeof price === 'number' &&
+ (price / 100).toFixed(decimalLength).split('.');
+ this.setData({
+ hasPrice: typeof price === 'number',
+ integerStr: priceStrArr && priceStrArr[0],
+ decimalStr: decimalLength && priceStrArr ? `.${priceStrArr[1]}` : '',
+ });
+ },
+ updateTip() {
+ this.setData({ hasTip: typeof this.data.tip === 'string' });
+ },
+ onSubmit(event) {
+ this.$emit('submit', event.detail);
+ },
},
- label: String,
- loading: Boolean,
- disabled: Boolean,
- buttonText: String,
- currency: {
- type: String,
- value: '¥',
- },
- buttonType: {
- type: String,
- value: 'danger',
- },
- decimalLength: {
- type: Number,
- value: 2,
- observer: 'updatePrice',
- },
- suffixLabel: String,
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updatePrice() {
- const { price, decimalLength } = this.data;
- const priceStrArr =
- typeof price === 'number' &&
- (price / 100).toFixed(decimalLength).split('.');
- this.setData({
- hasPrice: typeof price === 'number',
- integerStr: priceStrArr && priceStrArr[0],
- decimalStr: decimalLength && priceStrArr ? `.${priceStrArr[1]}` : '',
- });
- },
- updateTip() {
- this.setData({ hasTip: typeof this.data.tip === 'string' });
- },
- onSubmit(event) {
- this.$emit('submit', event.detail);
- },
- },
});
diff --git a/dist/swipe-cell/index.js b/dist/swipe-cell/index.js
index 216ffb0e..501088f5 100644
--- a/dist/swipe-cell/index.js
+++ b/dist/swipe-cell/index.js
@@ -4,129 +4,130 @@ import { range } from '../common/utils';
const THRESHOLD = 0.3;
let ARRAY = [];
VantComponent({
- props: {
- disabled: Boolean,
- leftWidth: {
- type: Number,
- value: 0,
- observer(leftWidth = 0) {
- if (this.offset > 0) {
- this.swipeMove(leftWidth);
- }
- },
+ props: {
+ disabled: Boolean,
+ leftWidth: {
+ type: Number,
+ value: 0,
+ observer(leftWidth = 0) {
+ if (this.offset > 0) {
+ this.swipeMove(leftWidth);
+ }
+ },
+ },
+ rightWidth: {
+ type: Number,
+ value: 0,
+ observer(rightWidth = 0) {
+ if (this.offset < 0) {
+ this.swipeMove(-rightWidth);
+ }
+ },
+ },
+ asyncClose: Boolean,
+ name: {
+ type: null,
+ value: '',
+ },
},
- rightWidth: {
- type: Number,
- value: 0,
- observer(rightWidth = 0) {
- if (this.offset < 0) {
- this.swipeMove(-rightWidth);
- }
- },
+ mixins: [touch],
+ data: {
+ catchMove: false,
+ wrapperStyle: '',
},
- asyncClose: Boolean,
- name: {
- type: null,
- value: '',
+ created() {
+ this.offset = 0;
+ ARRAY.push(this);
},
- },
- mixins: [touch],
- data: {
- catchMove: false,
- wrapperStyle: '',
- },
- created() {
- this.offset = 0;
- ARRAY.push(this);
- },
- destroyed() {
- ARRAY = ARRAY.filter((item) => item !== this);
- },
- methods: {
- open(position) {
- const { leftWidth, rightWidth } = this.data;
- const offset = position === 'left' ? leftWidth : -rightWidth;
- this.swipeMove(offset);
- this.$emit('open', {
- position,
- name: this.data.name,
- });
+ destroyed() {
+ ARRAY = ARRAY.filter((item) => item !== this);
},
- close() {
- this.swipeMove(0);
- },
- swipeMove(offset = 0) {
- this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth);
- const transform = `translate3d(${this.offset}px, 0, 0)`;
- const transition = this.dragging
- ? 'none'
- : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
- this.setData({
- wrapperStyle: `
+ methods: {
+ open(position) {
+ const { leftWidth, rightWidth } = this.data;
+ const offset = position === 'left' ? leftWidth : -rightWidth;
+ this.swipeMove(offset);
+ this.$emit('open', {
+ position,
+ name: this.data.name,
+ });
+ },
+ close() {
+ this.swipeMove(0);
+ },
+ swipeMove(offset = 0) {
+ this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth);
+ const transform = `translate3d(${this.offset}px, 0, 0)`;
+ const transition = this.dragging
+ ? 'none'
+ : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+ this.setData({
+ wrapperStyle: `
-webkit-transform: ${transform};
-webkit-transition: ${transition};
transform: ${transform};
transition: ${transition};
`,
- });
+ });
+ },
+ swipeLeaveTransition() {
+ const { leftWidth, rightWidth } = this.data;
+ const { offset } = this;
+ if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
+ this.open('right');
+ }
+ else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
+ this.open('left');
+ }
+ else {
+ this.swipeMove(0);
+ }
+ this.setData({ catchMove: false });
+ },
+ startDrag(event) {
+ if (this.data.disabled) {
+ return;
+ }
+ this.startOffset = this.offset;
+ this.touchStart(event);
+ },
+ noop() { },
+ onDrag(event) {
+ if (this.data.disabled) {
+ return;
+ }
+ this.touchMove(event);
+ if (this.direction !== 'horizontal') {
+ return;
+ }
+ this.dragging = true;
+ ARRAY.filter((item) => item !== this && item.offset !== 0).forEach((item) => item.close());
+ this.setData({ catchMove: true });
+ this.swipeMove(this.startOffset + this.deltaX);
+ },
+ endDrag() {
+ if (this.data.disabled) {
+ return;
+ }
+ this.dragging = false;
+ this.swipeLeaveTransition();
+ },
+ onClick(event) {
+ const { key: position = 'outside' } = event.currentTarget.dataset;
+ this.$emit('click', position);
+ if (!this.offset) {
+ return;
+ }
+ if (this.data.asyncClose) {
+ this.$emit('close', {
+ position,
+ instance: this,
+ name: this.data.name,
+ });
+ }
+ else {
+ this.swipeMove(0);
+ }
+ },
},
- swipeLeaveTransition() {
- const { leftWidth, rightWidth } = this.data;
- const { offset } = this;
- if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
- this.open('right');
- } else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
- this.open('left');
- } else {
- this.swipeMove(0);
- }
- this.setData({ catchMove: false });
- },
- startDrag(event) {
- if (this.data.disabled) {
- return;
- }
- this.startOffset = this.offset;
- this.touchStart(event);
- },
- noop() {},
- onDrag(event) {
- if (this.data.disabled) {
- return;
- }
- this.touchMove(event);
- if (this.direction !== 'horizontal') {
- return;
- }
- this.dragging = true;
- ARRAY.filter(
- (item) => item !== this && item.offset !== 0
- ).forEach((item) => item.close());
- this.setData({ catchMove: true });
- this.swipeMove(this.startOffset + this.deltaX);
- },
- endDrag() {
- if (this.data.disabled) {
- return;
- }
- this.dragging = false;
- this.swipeLeaveTransition();
- },
- onClick(event) {
- const { key: position = 'outside' } = event.currentTarget.dataset;
- this.$emit('click', position);
- if (!this.offset) {
- return;
- }
- if (this.data.asyncClose) {
- this.$emit('close', {
- position,
- instance: this,
- name: this.data.name,
- });
- } else {
- this.swipeMove(0);
- }
- },
- },
});
diff --git a/dist/switch/index.js b/dist/switch/index.js
index d25fd27e..4cad09c9 100644
--- a/dist/switch/index.js
+++ b/dist/switch/index.js
@@ -1,36 +1,36 @@
import { VantComponent } from '../common/component';
VantComponent({
- field: true,
- classes: ['node-class'],
- props: {
- checked: null,
- loading: Boolean,
- disabled: Boolean,
- activeColor: String,
- inactiveColor: String,
- size: {
- type: String,
- value: '30',
+ field: true,
+ classes: ['node-class'],
+ props: {
+ checked: null,
+ loading: Boolean,
+ disabled: Boolean,
+ activeColor: String,
+ inactiveColor: String,
+ size: {
+ type: String,
+ value: '30',
+ },
+ activeValue: {
+ type: null,
+ value: true,
+ },
+ inactiveValue: {
+ type: null,
+ value: false,
+ },
},
- activeValue: {
- type: null,
- value: true,
+ methods: {
+ onClick() {
+ const { activeValue, inactiveValue, disabled, loading } = this.data;
+ if (disabled || loading) {
+ return;
+ }
+ const checked = this.data.checked === activeValue;
+ const value = checked ? inactiveValue : activeValue;
+ this.$emit('input', value);
+ this.$emit('change', value);
+ },
},
- inactiveValue: {
- type: null,
- value: false,
- },
- },
- methods: {
- onClick() {
- const { activeValue, inactiveValue, disabled, loading } = this.data;
- if (disabled || loading) {
- return;
- }
- const checked = this.data.checked === activeValue;
- const value = checked ? inactiveValue : activeValue;
- this.$emit('input', value);
- this.$emit('change', value);
- },
- },
});
diff --git a/dist/tab/index.js b/dist/tab/index.js
index 287825e6..9ada62e0 100644
--- a/dist/tab/index.js
+++ b/dist/tab/index.js
@@ -1,56 +1,56 @@
import { useParent } from '../common/relation';
import { VantComponent } from '../common/component';
VantComponent({
- relation: useParent('tabs'),
- props: {
- dot: {
- type: Boolean,
- observer: 'update',
+ relation: useParent('tabs'),
+ props: {
+ dot: {
+ type: Boolean,
+ observer: 'update',
+ },
+ info: {
+ type: null,
+ observer: 'update',
+ },
+ title: {
+ type: String,
+ observer: 'update',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'update',
+ },
+ titleStyle: {
+ type: String,
+ observer: 'update',
+ },
+ name: {
+ type: null,
+ value: '',
+ },
},
- info: {
- type: null,
- observer: 'update',
+ data: {
+ active: false,
},
- title: {
- type: String,
- observer: 'update',
+ methods: {
+ getComputedName() {
+ if (this.data.name !== '') {
+ return this.data.name;
+ }
+ return this.index;
+ },
+ updateRender(active, parent) {
+ const { data: parentData } = parent;
+ this.inited = this.inited || active;
+ this.setData({
+ active,
+ shouldRender: this.inited || !parentData.lazyRender,
+ shouldShow: active || parentData.animated,
+ });
+ },
+ update() {
+ if (this.parent) {
+ this.parent.updateTabs();
+ }
+ },
},
- disabled: {
- type: Boolean,
- observer: 'update',
- },
- titleStyle: {
- type: String,
- observer: 'update',
- },
- name: {
- type: null,
- value: '',
- },
- },
- data: {
- active: false,
- },
- methods: {
- getComputedName() {
- if (this.data.name !== '') {
- return this.data.name;
- }
- return this.index;
- },
- updateRender(active, parent) {
- const { data: parentData } = parent;
- this.inited = this.inited || active;
- this.setData({
- active,
- shouldRender: this.inited || !parentData.lazyRender,
- shouldShow: active || parentData.animated,
- });
- },
- update() {
- if (this.parent) {
- this.parent.updateTabs();
- }
- },
- },
});
diff --git a/dist/tabbar-item/index.js b/dist/tabbar-item/index.js
index d323703f..4154399e 100644
--- a/dist/tabbar-item/index.js
+++ b/dist/tabbar-item/index.js
@@ -1,56 +1,56 @@
import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
VantComponent({
- props: {
- info: null,
- name: null,
- icon: String,
- dot: Boolean,
- iconPrefix: {
- type: String,
- value: 'van-icon',
+ props: {
+ info: null,
+ name: null,
+ icon: String,
+ dot: Boolean,
+ iconPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
},
- },
- relation: useParent('tabbar'),
- data: {
- active: false,
- activeColor: '',
- inactiveColor: '',
- },
- methods: {
- onClick() {
- const { parent } = this;
- if (parent) {
- const index = parent.children.indexOf(this);
- const active = this.data.name || index;
- if (active !== this.data.active) {
- parent.$emit('change', active);
- }
- }
- this.$emit('click');
+ relation: useParent('tabbar'),
+ data: {
+ active: false,
+ activeColor: '',
+ inactiveColor: '',
},
- updateFromParent() {
- const { parent } = this;
- if (!parent) {
- return;
- }
- const index = parent.children.indexOf(this);
- const parentData = parent.data;
- const { data } = this;
- const active = (data.name || index) === parentData.active;
- const patch = {};
- if (active !== data.active) {
- patch.active = active;
- }
- if (parentData.activeColor !== data.activeColor) {
- patch.activeColor = parentData.activeColor;
- }
- if (parentData.inactiveColor !== data.inactiveColor) {
- patch.inactiveColor = parentData.inactiveColor;
- }
- if (Object.keys(patch).length > 0) {
- this.setData(patch);
- }
+ methods: {
+ onClick() {
+ const { parent } = this;
+ if (parent) {
+ const index = parent.children.indexOf(this);
+ const active = this.data.name || index;
+ if (active !== this.data.active) {
+ parent.$emit('change', active);
+ }
+ }
+ this.$emit('click');
+ },
+ updateFromParent() {
+ const { parent } = this;
+ if (!parent) {
+ return;
+ }
+ const index = parent.children.indexOf(this);
+ const parentData = parent.data;
+ const { data } = this;
+ const active = (data.name || index) === parentData.active;
+ const patch = {};
+ if (active !== data.active) {
+ patch.active = active;
+ }
+ if (parentData.activeColor !== data.activeColor) {
+ patch.activeColor = parentData.activeColor;
+ }
+ if (parentData.inactiveColor !== data.inactiveColor) {
+ patch.inactiveColor = parentData.inactiveColor;
+ }
+ if (Object.keys(patch).length > 0) {
+ this.setData(patch);
+ }
+ },
},
- },
});
diff --git a/dist/tabbar/index.js b/dist/tabbar/index.js
index 33bef092..05a39d6e 100644
--- a/dist/tabbar/index.js
+++ b/dist/tabbar/index.js
@@ -2,64 +2,64 @@ import { VantComponent } from '../common/component';
import { useChildren } from '../common/relation';
import { getRect } from '../common/utils';
VantComponent({
- relation: useChildren('tabbar-item', function () {
- this.updateChildren();
- }),
- props: {
- active: {
- type: null,
- observer: 'updateChildren',
+ relation: useChildren('tabbar-item', function () {
+ this.updateChildren();
+ }),
+ props: {
+ active: {
+ type: null,
+ observer: 'updateChildren',
+ },
+ activeColor: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ inactiveColor: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ fixed: {
+ type: Boolean,
+ value: true,
+ observer: 'setHeight',
+ },
+ placeholder: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- activeColor: {
- type: String,
- observer: 'updateChildren',
+ data: {
+ height: 50,
},
- inactiveColor: {
- type: String,
- observer: 'updateChildren',
+ methods: {
+ updateChildren() {
+ const { children } = this;
+ if (!Array.isArray(children) || !children.length) {
+ return;
+ }
+ children.forEach((child) => child.updateFromParent());
+ },
+ setHeight() {
+ if (!this.data.fixed || !this.data.placeholder) {
+ return;
+ }
+ wx.nextTick(() => {
+ getRect(this, '.van-tabbar').then((res) => {
+ this.setData({ height: res.height });
+ });
+ });
+ },
},
- fixed: {
- type: Boolean,
- value: true,
- observer: 'setHeight',
- },
- placeholder: {
- type: Boolean,
- observer: 'setHeight',
- },
- border: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- height: 50,
- },
- methods: {
- updateChildren() {
- const { children } = this;
- if (!Array.isArray(children) || !children.length) {
- return;
- }
- children.forEach((child) => child.updateFromParent());
- },
- setHeight() {
- if (!this.data.fixed || !this.data.placeholder) {
- return;
- }
- wx.nextTick(() => {
- getRect(this, '.van-tabbar').then((res) => {
- this.setData({ height: res.height });
- });
- });
- },
- },
});
diff --git a/dist/tabs/index.js b/dist/tabs/index.js
index dee2aef6..76b5d719 100644
--- a/dist/tabs/index.js
+++ b/dist/tabs/index.js
@@ -1,286 +1,271 @@
import { VantComponent } from '../common/component';
import { touch } from '../mixins/touch';
-import {
- getAllRect,
- getRect,
- groupSetData,
- nextTick,
- requestAnimationFrame,
-} from '../common/utils';
+import { getAllRect, getRect, groupSetData, nextTick, requestAnimationFrame, } from '../common/utils';
import { isDef } from '../common/validator';
import { useChildren } from '../common/relation';
VantComponent({
- mixins: [touch],
- classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
- relation: useChildren('tab', function () {
- this.updateTabs();
- }),
- props: {
- sticky: Boolean,
- border: Boolean,
- swipeable: Boolean,
- titleActiveColor: String,
- titleInactiveColor: String,
- color: String,
- animated: {
- type: Boolean,
- observer() {
- this.children.forEach((child, index) =>
- child.updateRender(index === this.data.currentIndex, this)
- );
- },
+ mixins: [touch],
+ classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
+ relation: useChildren('tab', function () {
+ this.updateTabs();
+ }),
+ props: {
+ sticky: Boolean,
+ border: Boolean,
+ swipeable: Boolean,
+ titleActiveColor: String,
+ titleInactiveColor: String,
+ color: String,
+ animated: {
+ type: Boolean,
+ observer() {
+ this.children.forEach((child, index) => child.updateRender(index === this.data.currentIndex, this));
+ },
+ },
+ lineWidth: {
+ type: null,
+ value: 40,
+ observer: 'resize',
+ },
+ lineHeight: {
+ type: null,
+ value: -1,
+ },
+ active: {
+ type: null,
+ value: 0,
+ observer(name) {
+ if (!this.skipInit) {
+ this.skipInit = true;
+ }
+ if (name !== this.getCurrentName()) {
+ this.setCurrentIndexByName(name);
+ }
+ },
+ },
+ type: {
+ type: String,
+ value: 'line',
+ },
+ ellipsis: {
+ type: Boolean,
+ value: true,
+ },
+ duration: {
+ type: Number,
+ value: 0.3,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ swipeThreshold: {
+ type: Number,
+ value: 5,
+ observer(value) {
+ this.setData({
+ scrollable: this.children.length > value || !this.data.ellipsis,
+ });
+ },
+ },
+ offsetTop: {
+ type: Number,
+ value: 0,
+ },
+ lazyRender: {
+ type: Boolean,
+ value: true,
+ },
},
- lineWidth: {
- type: null,
- value: 40,
- observer: 'resize',
+ data: {
+ tabs: [],
+ scrollLeft: 0,
+ scrollable: false,
+ currentIndex: 0,
+ container: null,
+ skipTransition: true,
+ scrollWithAnimation: false,
+ lineOffsetLeft: 0,
},
- lineHeight: {
- type: null,
- value: -1,
- },
- active: {
- type: null,
- value: 0,
- observer(name) {
- if (!this.skipInit) {
- this.skipInit = true;
- }
- if (name !== this.getCurrentName()) {
- this.setCurrentIndexByName(name);
- }
- },
- },
- type: {
- type: String,
- value: 'line',
- },
- ellipsis: {
- type: Boolean,
- value: true,
- },
- duration: {
- type: Number,
- value: 0.3,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- swipeThreshold: {
- type: Number,
- value: 5,
- observer(value) {
- this.setData({
- scrollable: this.children.length > value || !this.data.ellipsis,
+ mounted() {
+ requestAnimationFrame(() => {
+ this.setData({
+ container: () => this.createSelectorQuery().select('.van-tabs'),
+ });
+ if (!this.skipInit) {
+ this.resize();
+ this.scrollIntoView();
+ }
});
- },
},
- offsetTop: {
- type: Number,
- value: 0,
+ methods: {
+ updateTabs() {
+ const { children = [], data } = this;
+ this.setData({
+ tabs: children.map((child) => child.data),
+ scrollable: this.children.length > data.swipeThreshold || !data.ellipsis,
+ });
+ this.setCurrentIndexByName(data.active || this.getCurrentName());
+ },
+ trigger(eventName, child) {
+ const { currentIndex } = this.data;
+ const currentChild = child || this.children[currentIndex];
+ if (!isDef(currentChild)) {
+ return;
+ }
+ this.$emit(eventName, {
+ index: currentChild.index,
+ name: currentChild.getComputedName(),
+ title: currentChild.data.title,
+ });
+ },
+ onTap(event) {
+ const { index } = event.currentTarget.dataset;
+ const child = this.children[index];
+ if (child.data.disabled) {
+ this.trigger('disabled', child);
+ }
+ else {
+ this.setCurrentIndex(index);
+ nextTick(() => {
+ this.trigger('click');
+ });
+ }
+ },
+ // correct the index of active tab
+ setCurrentIndexByName(name) {
+ const { children = [] } = this;
+ const matched = children.filter((child) => child.getComputedName() === name);
+ if (matched.length) {
+ this.setCurrentIndex(matched[0].index);
+ }
+ },
+ setCurrentIndex(currentIndex) {
+ const { data, children = [] } = this;
+ if (!isDef(currentIndex) ||
+ currentIndex >= children.length ||
+ currentIndex < 0) {
+ return;
+ }
+ groupSetData(this, () => {
+ children.forEach((item, index) => {
+ const active = index === currentIndex;
+ if (active !== item.data.active || !item.inited) {
+ item.updateRender(active, this);
+ }
+ });
+ });
+ if (currentIndex === data.currentIndex) {
+ return;
+ }
+ const shouldEmitChange = data.currentIndex !== null;
+ this.setData({ currentIndex });
+ requestAnimationFrame(() => {
+ this.resize();
+ this.scrollIntoView();
+ });
+ nextTick(() => {
+ this.trigger('input');
+ if (shouldEmitChange) {
+ this.trigger('change');
+ }
+ });
+ },
+ getCurrentName() {
+ const activeTab = this.children[this.data.currentIndex];
+ if (activeTab) {
+ return activeTab.getComputedName();
+ }
+ },
+ resize() {
+ if (this.data.type !== 'line') {
+ return;
+ }
+ const { currentIndex, ellipsis, skipTransition } = this.data;
+ Promise.all([
+ getAllRect(this, '.van-tab'),
+ getRect(this, '.van-tabs__line'),
+ ]).then(([rects = [], lineRect]) => {
+ const rect = rects[currentIndex];
+ if (rect == null) {
+ return;
+ }
+ let lineOffsetLeft = rects
+ .slice(0, currentIndex)
+ .reduce((prev, curr) => prev + curr.width, 0);
+ lineOffsetLeft +=
+ (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
+ this.setData({ lineOffsetLeft });
+ if (skipTransition) {
+ nextTick(() => {
+ this.setData({ skipTransition: false });
+ });
+ }
+ });
+ },
+ // scroll active tab into view
+ scrollIntoView() {
+ const { currentIndex, scrollable, scrollWithAnimation } = this.data;
+ if (!scrollable) {
+ return;
+ }
+ Promise.all([
+ getAllRect(this, '.van-tab'),
+ getRect(this, '.van-tabs__nav'),
+ ]).then(([tabRects, navRect]) => {
+ const tabRect = tabRects[currentIndex];
+ const offsetLeft = tabRects
+ .slice(0, currentIndex)
+ .reduce((prev, curr) => prev + curr.width, 0);
+ this.setData({
+ scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
+ });
+ if (!scrollWithAnimation) {
+ nextTick(() => {
+ this.setData({ scrollWithAnimation: true });
+ });
+ }
+ });
+ },
+ onTouchScroll(event) {
+ this.$emit('scroll', event.detail);
+ },
+ onTouchStart(event) {
+ if (!this.data.swipeable)
+ return;
+ this.touchStart(event);
+ },
+ onTouchMove(event) {
+ if (!this.data.swipeable)
+ return;
+ this.touchMove(event);
+ },
+ // watch swipe touch end
+ onTouchEnd() {
+ if (!this.data.swipeable)
+ return;
+ const { direction, deltaX, offsetX } = this;
+ const minSwipeDistance = 50;
+ if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
+ const index = this.getAvaiableTab(deltaX);
+ if (index !== -1) {
+ this.setCurrentIndex(index);
+ }
+ }
+ },
+ getAvaiableTab(direction) {
+ const { tabs, currentIndex } = this.data;
+ const step = direction > 0 ? -1 : 1;
+ for (let i = step; currentIndex + i < tabs.length && currentIndex + i >= 0; i += step) {
+ const index = currentIndex + i;
+ if (index >= 0 &&
+ index < tabs.length &&
+ tabs[index] &&
+ !tabs[index].disabled) {
+ return index;
+ }
+ }
+ return -1;
+ },
},
- lazyRender: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- tabs: [],
- scrollLeft: 0,
- scrollable: false,
- currentIndex: 0,
- container: null,
- skipTransition: true,
- scrollWithAnimation: false,
- lineOffsetLeft: 0,
- },
- mounted() {
- requestAnimationFrame(() => {
- this.setData({
- container: () => this.createSelectorQuery().select('.van-tabs'),
- });
- if (!this.skipInit) {
- this.resize();
- this.scrollIntoView();
- }
- });
- },
- methods: {
- updateTabs() {
- const { children = [], data } = this;
- this.setData({
- tabs: children.map((child) => child.data),
- scrollable:
- this.children.length > data.swipeThreshold || !data.ellipsis,
- });
- this.setCurrentIndexByName(data.active || this.getCurrentName());
- },
- trigger(eventName, child) {
- const { currentIndex } = this.data;
- const currentChild = child || this.children[currentIndex];
- if (!isDef(currentChild)) {
- return;
- }
- this.$emit(eventName, {
- index: currentChild.index,
- name: currentChild.getComputedName(),
- title: currentChild.data.title,
- });
- },
- onTap(event) {
- const { index } = event.currentTarget.dataset;
- const child = this.children[index];
- if (child.data.disabled) {
- this.trigger('disabled', child);
- } else {
- this.setCurrentIndex(index);
- nextTick(() => {
- this.trigger('click');
- });
- }
- },
- // correct the index of active tab
- setCurrentIndexByName(name) {
- const { children = [] } = this;
- const matched = children.filter(
- (child) => child.getComputedName() === name
- );
- if (matched.length) {
- this.setCurrentIndex(matched[0].index);
- }
- },
- setCurrentIndex(currentIndex) {
- const { data, children = [] } = this;
- if (
- !isDef(currentIndex) ||
- currentIndex >= children.length ||
- currentIndex < 0
- ) {
- return;
- }
- groupSetData(this, () => {
- children.forEach((item, index) => {
- const active = index === currentIndex;
- if (active !== item.data.active || !item.inited) {
- item.updateRender(active, this);
- }
- });
- });
- if (currentIndex === data.currentIndex) {
- return;
- }
- const shouldEmitChange = data.currentIndex !== null;
- this.setData({ currentIndex });
- requestAnimationFrame(() => {
- this.resize();
- this.scrollIntoView();
- });
- nextTick(() => {
- this.trigger('input');
- if (shouldEmitChange) {
- this.trigger('change');
- }
- });
- },
- getCurrentName() {
- const activeTab = this.children[this.data.currentIndex];
- if (activeTab) {
- return activeTab.getComputedName();
- }
- },
- resize() {
- if (this.data.type !== 'line') {
- return;
- }
- const { currentIndex, ellipsis, skipTransition } = this.data;
- Promise.all([
- getAllRect(this, '.van-tab'),
- getRect(this, '.van-tabs__line'),
- ]).then(([rects = [], lineRect]) => {
- const rect = rects[currentIndex];
- if (rect == null) {
- return;
- }
- let lineOffsetLeft = rects
- .slice(0, currentIndex)
- .reduce((prev, curr) => prev + curr.width, 0);
- lineOffsetLeft +=
- (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
- this.setData({ lineOffsetLeft });
- if (skipTransition) {
- nextTick(() => {
- this.setData({ skipTransition: false });
- });
- }
- });
- },
- // scroll active tab into view
- scrollIntoView() {
- const { currentIndex, scrollable, scrollWithAnimation } = this.data;
- if (!scrollable) {
- return;
- }
- Promise.all([
- getAllRect(this, '.van-tab'),
- getRect(this, '.van-tabs__nav'),
- ]).then(([tabRects, navRect]) => {
- const tabRect = tabRects[currentIndex];
- const offsetLeft = tabRects
- .slice(0, currentIndex)
- .reduce((prev, curr) => prev + curr.width, 0);
- this.setData({
- scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
- });
- if (!scrollWithAnimation) {
- nextTick(() => {
- this.setData({ scrollWithAnimation: true });
- });
- }
- });
- },
- onTouchScroll(event) {
- this.$emit('scroll', event.detail);
- },
- onTouchStart(event) {
- if (!this.data.swipeable) return;
- this.touchStart(event);
- },
- onTouchMove(event) {
- if (!this.data.swipeable) return;
- this.touchMove(event);
- },
- // watch swipe touch end
- onTouchEnd() {
- if (!this.data.swipeable) return;
- const { direction, deltaX, offsetX } = this;
- const minSwipeDistance = 50;
- if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
- const index = this.getAvaiableTab(deltaX);
- if (index !== -1) {
- this.setCurrentIndex(index);
- }
- }
- },
- getAvaiableTab(direction) {
- const { tabs, currentIndex } = this.data;
- const step = direction > 0 ? -1 : 1;
- for (
- let i = step;
- currentIndex + i < tabs.length && currentIndex + i >= 0;
- i += step
- ) {
- const index = currentIndex + i;
- if (
- index >= 0 &&
- index < tabs.length &&
- tabs[index] &&
- !tabs[index].disabled
- ) {
- return index;
- }
- }
- return -1;
- },
- },
});
diff --git a/dist/tag/index.js b/dist/tag/index.js
index 49627a39..9704ef01 100644
--- a/dist/tag/index.js
+++ b/dist/tag/index.js
@@ -1,21 +1,21 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- size: String,
- mark: Boolean,
- color: String,
- plain: Boolean,
- round: Boolean,
- textColor: String,
- type: {
- type: String,
- value: 'default',
+ props: {
+ size: String,
+ mark: Boolean,
+ color: String,
+ plain: Boolean,
+ round: Boolean,
+ textColor: String,
+ type: {
+ type: String,
+ value: 'default',
+ },
+ closeable: Boolean,
},
- closeable: Boolean,
- },
- methods: {
- onClose() {
- this.$emit('close');
+ methods: {
+ onClose() {
+ this.$emit('close');
+ },
},
- },
});
diff --git a/dist/toast/index.js b/dist/toast/index.js
index c4c2ed94..414e746a 100644
--- a/dist/toast/index.js
+++ b/dist/toast/index.js
@@ -1,29 +1,29 @@
import { VantComponent } from '../common/component';
VantComponent({
- props: {
- show: Boolean,
- mask: Boolean,
- message: String,
- forbidClick: Boolean,
- zIndex: {
- type: Number,
- value: 1000,
+ props: {
+ show: Boolean,
+ mask: Boolean,
+ message: String,
+ forbidClick: Boolean,
+ zIndex: {
+ type: Number,
+ value: 1000,
+ },
+ type: {
+ type: String,
+ value: 'text',
+ },
+ loadingType: {
+ type: String,
+ value: 'circular',
+ },
+ position: {
+ type: String,
+ value: 'middle',
+ },
},
- type: {
- type: String,
- value: 'text',
+ methods: {
+ // for prevent touchmove
+ noop() { },
},
- loadingType: {
- type: String,
- value: 'circular',
- },
- position: {
- type: String,
- value: 'middle',
- },
- },
- methods: {
- // for prevent touchmove
- noop() {},
- },
});
diff --git a/dist/toast/toast.d.ts b/dist/toast/toast.d.ts
index aaa3aa1d..db3f40e6 100644
--- a/dist/toast/toast.d.ts
+++ b/dist/toast/toast.d.ts
@@ -1,36 +1,26 @@
///
declare type ToastMessage = string | number;
interface ToastOptions {
- show?: boolean;
- type?: string;
- mask?: boolean;
- zIndex?: number;
- context?:
- | WechatMiniprogram.Component.TrivialInstance
- | WechatMiniprogram.Page.TrivialInstance;
- position?: string;
- duration?: number;
- selector?: string;
- forbidClick?: boolean;
- loadingType?: string;
- message?: ToastMessage;
- onClose?: () => void;
+ show?: boolean;
+ type?: string;
+ mask?: boolean;
+ zIndex?: number;
+ context?: WechatMiniprogram.Component.TrivialInstance | WechatMiniprogram.Page.TrivialInstance;
+ position?: string;
+ duration?: number;
+ selector?: string;
+ forbidClick?: boolean;
+ loadingType?: string;
+ message?: ToastMessage;
+ onClose?: () => void;
}
-declare function Toast(
- toastOptions: ToastOptions | ToastMessage
-): WechatMiniprogram.Component.TrivialInstance | undefined;
+declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance | undefined;
declare namespace Toast {
- var loading: (
- options: ToastMessage | ToastOptions
- ) => WechatMiniprogram.Component.TrivialInstance | undefined;
- var success: (
- options: ToastMessage | ToastOptions
- ) => WechatMiniprogram.Component.TrivialInstance | undefined;
- var fail: (
- options: ToastMessage | ToastOptions
- ) => WechatMiniprogram.Component.TrivialInstance | undefined;
- var clear: () => void;
- var setDefaultOptions: (options: ToastOptions) => void;
- var resetDefaultOptions: () => void;
+ var loading: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+ var success: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+ var fail: (options: ToastMessage | ToastOptions) => WechatMiniprogram.Component.TrivialInstance | undefined;
+ var clear: () => void;
+ var setDefaultOptions: (options: ToastOptions) => void;
+ var resetDefaultOptions: () => void;
}
export default Toast;
diff --git a/dist/toast/toast.js b/dist/toast/toast.js
index 4a1b63aa..10775f31 100644
--- a/dist/toast/toast.js
+++ b/dist/toast/toast.js
@@ -1,70 +1,66 @@
import { isObj } from '../common/validator';
const defaultOptions = {
- type: 'text',
- mask: false,
- message: '',
- show: true,
- zIndex: 1000,
- duration: 2000,
- position: 'middle',
- forbidClick: false,
- loadingType: 'circular',
- selector: '#van-toast',
+ type: 'text',
+ mask: false,
+ message: '',
+ show: true,
+ zIndex: 1000,
+ duration: 2000,
+ position: 'middle',
+ forbidClick: false,
+ loadingType: 'circular',
+ selector: '#van-toast',
};
let queue = [];
let currentOptions = Object.assign({}, defaultOptions);
function parseOptions(message) {
- return isObj(message) ? message : { message };
+ return isObj(message) ? message : { message };
}
function getContext() {
- const pages = getCurrentPages();
- return pages[pages.length - 1];
+ const pages = getCurrentPages();
+ return pages[pages.length - 1];
}
function Toast(toastOptions) {
- const options = Object.assign(
- Object.assign({}, currentOptions),
- parseOptions(toastOptions)
- );
- const context = options.context || getContext();
- const toast = context.selectComponent(options.selector);
- if (!toast) {
- console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
- return;
- }
- delete options.context;
- delete options.selector;
- toast.clear = () => {
- toast.setData({ show: false });
- if (options.onClose) {
- options.onClose();
+ const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
+ const context = options.context || getContext();
+ const toast = context.selectComponent(options.selector);
+ if (!toast) {
+ console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
+ return;
}
- };
- queue.push(toast);
- toast.setData(options);
- clearTimeout(toast.timer);
- if (options.duration != null && options.duration > 0) {
- toast.timer = setTimeout(() => {
- toast.clear();
- queue = queue.filter((item) => item !== toast);
- }, options.duration);
- }
- return toast;
+ delete options.context;
+ delete options.selector;
+ toast.clear = () => {
+ toast.setData({ show: false });
+ if (options.onClose) {
+ options.onClose();
+ }
+ };
+ queue.push(toast);
+ toast.setData(options);
+ clearTimeout(toast.timer);
+ if (options.duration != null && options.duration > 0) {
+ toast.timer = setTimeout(() => {
+ toast.clear();
+ queue = queue.filter((item) => item !== toast);
+ }, options.duration);
+ }
+ return toast;
}
-const createMethod = (type) => (options) =>
- Toast(Object.assign({ type }, parseOptions(options)));
+const createMethod = (type) => (options) => Toast(Object.assign({ type }, parseOptions(options)));
Toast.loading = createMethod('loading');
Toast.success = createMethod('success');
Toast.fail = createMethod('fail');
Toast.clear = () => {
- queue.forEach((toast) => {
- toast.clear();
- });
- queue = [];
+ queue.forEach((toast) => {
+ toast.clear();
+ });
+ queue = [];
};
Toast.setDefaultOptions = (options) => {
- Object.assign(currentOptions, options);
+ Object.assign(currentOptions, options);
};
Toast.resetDefaultOptions = () => {
- currentOptions = Object.assign({}, defaultOptions);
+ currentOptions = Object.assign({}, defaultOptions);
};
export default Toast;
diff --git a/dist/transition/index.js b/dist/transition/index.js
index 0ebdef0d..59bb9842 100644
--- a/dist/transition/index.js
+++ b/dist/transition/index.js
@@ -1,13 +1,13 @@
import { VantComponent } from '../common/component';
import { transition } from '../mixins/transition';
VantComponent({
- classes: [
- 'enter-class',
- 'enter-active-class',
- 'enter-to-class',
- 'leave-class',
- 'leave-active-class',
- 'leave-to-class',
- ],
- mixins: [transition(true)],
+ classes: [
+ 'enter-class',
+ 'enter-active-class',
+ 'enter-to-class',
+ 'leave-class',
+ 'leave-active-class',
+ 'leave-to-class',
+ ],
+ mixins: [transition(true)],
});
diff --git a/dist/tree-select/index.js b/dist/tree-select/index.js
index 8dc4ed86..a850ed6e 100644
--- a/dist/tree-select/index.js
+++ b/dist/tree-select/index.js
@@ -1,68 +1,68 @@
import { VantComponent } from '../common/component';
VantComponent({
- classes: [
- 'main-item-class',
- 'content-item-class',
- 'main-active-class',
- 'content-active-class',
- 'main-disabled-class',
- 'content-disabled-class',
- ],
- props: {
- items: {
- type: Array,
- observer: 'updateSubItems',
+ classes: [
+ 'main-item-class',
+ 'content-item-class',
+ 'main-active-class',
+ 'content-active-class',
+ 'main-disabled-class',
+ 'content-disabled-class',
+ ],
+ props: {
+ items: {
+ type: Array,
+ observer: 'updateSubItems',
+ },
+ activeId: null,
+ mainActiveIndex: {
+ type: Number,
+ value: 0,
+ observer: 'updateSubItems',
+ },
+ height: {
+ type: null,
+ value: 300,
+ },
+ max: {
+ type: Number,
+ value: Infinity,
+ },
+ selectedIcon: {
+ type: String,
+ value: 'success',
+ },
},
- activeId: null,
- mainActiveIndex: {
- type: Number,
- value: 0,
- observer: 'updateSubItems',
+ data: {
+ subItems: [],
},
- height: {
- type: null,
- value: 300,
+ methods: {
+ // 当一个子项被选择时
+ onSelectItem(event) {
+ const { item } = event.currentTarget.dataset;
+ const isArray = Array.isArray(this.data.activeId);
+ // 判断有没有超出右侧选择的最大数
+ const isOverMax = isArray && this.data.activeId.length >= this.data.max;
+ // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
+ const isSelected = isArray
+ ? this.data.activeId.indexOf(item.id) > -1
+ : this.data.activeId === item.id;
+ if (!item.disabled && (!isOverMax || isSelected)) {
+ this.$emit('click-item', item);
+ }
+ },
+ // 当一个导航被点击时
+ onClickNav(event) {
+ const index = event.detail;
+ const item = this.data.items[index];
+ if (!item.disabled) {
+ this.$emit('click-nav', { index });
+ }
+ },
+ // 更新子项列表
+ updateSubItems() {
+ const { items, mainActiveIndex } = this.data;
+ const { children = [] } = items[mainActiveIndex] || {};
+ this.setData({ subItems: children });
+ },
},
- max: {
- type: Number,
- value: Infinity,
- },
- selectedIcon: {
- type: String,
- value: 'success',
- },
- },
- data: {
- subItems: [],
- },
- methods: {
- // 当一个子项被选择时
- onSelectItem(event) {
- const { item } = event.currentTarget.dataset;
- const isArray = Array.isArray(this.data.activeId);
- // 判断有没有超出右侧选择的最大数
- const isOverMax = isArray && this.data.activeId.length >= this.data.max;
- // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
- const isSelected = isArray
- ? this.data.activeId.indexOf(item.id) > -1
- : this.data.activeId === item.id;
- if (!item.disabled && (!isOverMax || isSelected)) {
- this.$emit('click-item', item);
- }
- },
- // 当一个导航被点击时
- onClickNav(event) {
- const index = event.detail;
- const item = this.data.items[index];
- if (!item.disabled) {
- this.$emit('click-nav', { index });
- }
- },
- // 更新子项列表
- updateSubItems() {
- const { items, mainActiveIndex } = this.data;
- const { children = [] } = items[mainActiveIndex] || {};
- this.setData({ subItems: children });
- },
- },
});
diff --git a/dist/uploader/index.js b/dist/uploader/index.js
index 263c50e3..ba4b1b46 100644
--- a/dist/uploader/index.js
+++ b/dist/uploader/index.js
@@ -3,199 +3,153 @@ import { isImageFile, chooseFile, isVideoFile } from './utils';
import { chooseImageProps, chooseVideoProps } from './shared';
import { isBoolean, isPromise } from '../common/validator';
VantComponent({
- props: Object.assign(
- Object.assign(
- {
- disabled: Boolean,
- multiple: Boolean,
- uploadText: String,
- useBeforeRead: Boolean,
- afterRead: null,
- beforeRead: null,
- previewSize: {
- type: null,
- value: 80,
- },
- name: {
- type: null,
- value: '',
- },
- accept: {
- type: String,
- value: 'image',
- },
- fileList: {
- type: Array,
- value: [],
- observer: 'formatFileList',
- },
- maxSize: {
- type: Number,
- value: Number.MAX_VALUE,
- },
- maxCount: {
- type: Number,
- value: 100,
- },
- deletable: {
- type: Boolean,
- value: true,
- },
- showUpload: {
- type: Boolean,
- value: true,
- },
- previewImage: {
- type: Boolean,
- value: true,
- },
- previewFullImage: {
- type: Boolean,
- value: true,
- },
- imageFit: {
- type: String,
- value: 'scaleToFill',
- },
- uploadIcon: {
- type: String,
- value: 'photograph',
- },
- },
- chooseImageProps
- ),
- chooseVideoProps
- ),
- data: {
- lists: [],
- isInCount: true,
- },
- methods: {
- formatFileList() {
- const { fileList = [], maxCount } = this.data;
- const lists = fileList.map((item) =>
- Object.assign(Object.assign({}, item), {
- isImage: isImageFile(item),
- isVideo: isVideoFile(item),
- deletable: isBoolean(item.deletable) ? item.deletable : true,
- })
- );
- this.setData({ lists, isInCount: lists.length < maxCount });
+ props: Object.assign(Object.assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
+ type: null,
+ value: 80,
+ }, name: {
+ type: null,
+ value: '',
+ }, accept: {
+ type: String,
+ value: 'image',
+ }, fileList: {
+ type: Array,
+ value: [],
+ observer: 'formatFileList',
+ }, maxSize: {
+ type: Number,
+ value: Number.MAX_VALUE,
+ }, maxCount: {
+ type: Number,
+ value: 100,
+ }, deletable: {
+ type: Boolean,
+ value: true,
+ }, showUpload: {
+ type: Boolean,
+ value: true,
+ }, previewImage: {
+ type: Boolean,
+ value: true,
+ }, previewFullImage: {
+ type: Boolean,
+ value: true,
+ }, imageFit: {
+ type: String,
+ value: 'scaleToFill',
+ }, uploadIcon: {
+ type: String,
+ value: 'photograph',
+ } }, chooseImageProps), chooseVideoProps),
+ data: {
+ lists: [],
+ isInCount: true,
},
- getDetail(index) {
- return {
- name: this.data.name,
- index: index == null ? this.data.fileList.length : index,
- };
- },
- startUpload() {
- const { maxCount, multiple, lists, disabled } = this.data;
- if (disabled) return;
- chooseFile(
- Object.assign(Object.assign({}, this.data), {
- maxCount: maxCount - lists.length,
- })
- )
- .then((res) => {
- this.onBeforeRead(multiple ? res : res[0]);
- })
- .catch((error) => {
- this.$emit('error', error);
- });
- },
- onBeforeRead(file) {
- const { beforeRead, useBeforeRead } = this.data;
- let res = true;
- if (typeof beforeRead === 'function') {
- res = beforeRead(file, this.getDetail());
- }
- if (useBeforeRead) {
- res = new Promise((resolve, reject) => {
- this.$emit(
- 'before-read',
- Object.assign(Object.assign({ file }, this.getDetail()), {
- callback: (ok) => {
- ok ? resolve() : reject();
- },
+ methods: {
+ formatFileList() {
+ const { fileList = [], maxCount } = this.data;
+ const lists = fileList.map((item) => (Object.assign(Object.assign({}, item), { isImage: isImageFile(item), isVideo: isVideoFile(item), deletable: isBoolean(item.deletable) ? item.deletable : true })));
+ this.setData({ lists, isInCount: lists.length < maxCount });
+ },
+ getDetail(index) {
+ return {
+ name: this.data.name,
+ index: index == null ? this.data.fileList.length : index,
+ };
+ },
+ startUpload() {
+ const { maxCount, multiple, lists, disabled } = this.data;
+ if (disabled)
+ return;
+ chooseFile(Object.assign(Object.assign({}, this.data), { maxCount: maxCount - lists.length }))
+ .then((res) => {
+ this.onBeforeRead(multiple ? res : res[0]);
})
- );
- });
- }
- if (!res) {
- return;
- }
- if (isPromise(res)) {
- res.then((data) => this.onAfterRead(data || file));
- } else {
- this.onAfterRead(file);
- }
- },
- onAfterRead(file) {
- const { maxSize, afterRead } = this.data;
- const oversize = Array.isArray(file)
- ? file.some((item) => item.size > maxSize)
- : file.size > maxSize;
- if (oversize) {
- this.$emit('oversize', Object.assign({ file }, this.getDetail()));
- return;
- }
- if (typeof afterRead === 'function') {
- afterRead(file, this.getDetail());
- }
- this.$emit('after-read', Object.assign({ file }, this.getDetail()));
- },
- deleteItem(event) {
- const { index } = event.currentTarget.dataset;
- this.$emit(
- 'delete',
- Object.assign(Object.assign({}, this.getDetail(index)), {
- file: this.data.fileList[index],
- })
- );
- },
- onPreviewImage(event) {
- if (!this.data.previewFullImage) return;
- const { index } = event.currentTarget.dataset;
- const { lists } = this.data;
- const item = lists[index];
- wx.previewImage({
- urls: lists.filter((item) => isImageFile(item)).map((item) => item.url),
- current: item.url,
- fail() {
- wx.showToast({ title: '预览图片失败', icon: 'none' });
+ .catch((error) => {
+ this.$emit('error', error);
+ });
},
- });
- },
- onPreviewVideo(event) {
- if (!this.data.previewFullImage) return;
- const { index } = event.currentTarget.dataset;
- const { lists } = this.data;
- wx.previewMedia({
- sources: lists
- .filter((item) => isVideoFile(item))
- .map((item) =>
- Object.assign(Object.assign({}, item), { type: 'video' })
- ),
- current: index,
- fail() {
- wx.showToast({ title: '预览视频失败', icon: 'none' });
+ onBeforeRead(file) {
+ const { beforeRead, useBeforeRead } = this.data;
+ let res = true;
+ if (typeof beforeRead === 'function') {
+ res = beforeRead(file, this.getDetail());
+ }
+ if (useBeforeRead) {
+ res = new Promise((resolve, reject) => {
+ this.$emit('before-read', Object.assign(Object.assign({ file }, this.getDetail()), { callback: (ok) => {
+ ok ? resolve() : reject();
+ } }));
+ });
+ }
+ if (!res) {
+ return;
+ }
+ if (isPromise(res)) {
+ res.then((data) => this.onAfterRead(data || file));
+ }
+ else {
+ this.onAfterRead(file);
+ }
+ },
+ onAfterRead(file) {
+ const { maxSize, afterRead } = this.data;
+ const oversize = Array.isArray(file)
+ ? file.some((item) => item.size > maxSize)
+ : file.size > maxSize;
+ if (oversize) {
+ this.$emit('oversize', Object.assign({ file }, this.getDetail()));
+ return;
+ }
+ if (typeof afterRead === 'function') {
+ afterRead(file, this.getDetail());
+ }
+ this.$emit('after-read', Object.assign({ file }, this.getDetail()));
+ },
+ deleteItem(event) {
+ const { index } = event.currentTarget.dataset;
+ this.$emit('delete', Object.assign(Object.assign({}, this.getDetail(index)), { file: this.data.fileList[index] }));
+ },
+ onPreviewImage(event) {
+ if (!this.data.previewFullImage)
+ return;
+ const { index } = event.currentTarget.dataset;
+ const { lists } = this.data;
+ const item = lists[index];
+ wx.previewImage({
+ urls: lists.filter((item) => isImageFile(item)).map((item) => item.url),
+ current: item.url,
+ fail() {
+ wx.showToast({ title: '预览图片失败', icon: 'none' });
+ },
+ });
+ },
+ onPreviewVideo(event) {
+ if (!this.data.previewFullImage)
+ return;
+ const { index } = event.currentTarget.dataset;
+ const { lists } = this.data;
+ wx.previewMedia({
+ sources: lists
+ .filter((item) => isVideoFile(item))
+ .map((item) => (Object.assign(Object.assign({}, item), { type: 'video' }))),
+ current: index,
+ fail() {
+ wx.showToast({ title: '预览视频失败', icon: 'none' });
+ },
+ });
+ },
+ onPreviewFile(event) {
+ const { index } = event.currentTarget.dataset;
+ wx.openDocument({
+ filePath: this.data.lists[index].url,
+ showMenu: true,
+ });
+ },
+ onClickPreview(event) {
+ const { index } = event.currentTarget.dataset;
+ const item = this.data.lists[index];
+ this.$emit('click-preview', Object.assign(Object.assign({}, item), this.getDetail(index)));
},
- });
},
- onPreviewFile(event) {
- const { index } = event.currentTarget.dataset;
- wx.openDocument({
- filePath: this.data.lists[index].url,
- showMenu: true,
- });
- },
- onClickPreview(event) {
- const { index } = event.currentTarget.dataset;
- const item = this.data.lists[index];
- this.$emit(
- 'click-preview',
- Object.assign(Object.assign({}, item), this.getDetail(index))
- );
- },
- },
});
diff --git a/dist/uploader/shared.js b/dist/uploader/shared.js
index e097d74e..c12861c4 100644
--- a/dist/uploader/shared.js
+++ b/dist/uploader/shared.js
@@ -1,30 +1,30 @@
// props for choose image
export const chooseImageProps = {
- sizeType: {
- type: Array,
- value: ['original', 'compressed'],
- },
- capture: {
- type: Array,
- value: ['album', 'camera'],
- },
+ sizeType: {
+ type: Array,
+ value: ['original', 'compressed'],
+ },
+ capture: {
+ type: Array,
+ value: ['album', 'camera'],
+ },
};
// props for choose video
export const chooseVideoProps = {
- capture: {
- type: Array,
- value: ['album', 'camera'],
- },
- compressed: {
- type: Boolean,
- value: true,
- },
- maxDuration: {
- type: Number,
- value: 60,
- },
- camera: {
- type: String,
- value: 'back',
- },
+ capture: {
+ type: Array,
+ value: ['album', 'camera'],
+ },
+ compressed: {
+ type: Boolean,
+ value: true,
+ },
+ maxDuration: {
+ type: Number,
+ value: 60,
+ },
+ camera: {
+ type: String,
+ value: 'back',
+ },
};
diff --git a/dist/uploader/utils.d.ts b/dist/uploader/utils.d.ts
index 07b32d08..d5c9ab7f 100644
--- a/dist/uploader/utils.d.ts
+++ b/dist/uploader/utils.d.ts
@@ -1,31 +1,22 @@
export interface File {
- url: string;
- size?: number;
- name?: string;
- type: string;
- duration?: number;
- time?: number;
- isImage?: boolean;
- isVideo?: boolean;
+ url: string;
+ size?: number;
+ name?: string;
+ type: string;
+ duration?: number;
+ time?: number;
+ isImage?: boolean;
+ isVideo?: boolean;
}
export declare function isImageFile(item: File): boolean;
export declare function isVideoFile(item: File): boolean;
-export declare function chooseFile({
- accept,
- multiple,
- capture,
- compressed,
- maxDuration,
- sizeType,
- camera,
- maxCount,
-}: {
- accept: any;
- multiple: any;
- capture: any;
- compressed: any;
- maxDuration: any;
- sizeType: any;
- camera: any;
- maxCount: any;
+export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, }: {
+ accept: any;
+ multiple: any;
+ capture: any;
+ compressed: any;
+ maxDuration: any;
+ sizeType: any;
+ camera: any;
+ maxCount: any;
}): Promise;
diff --git a/dist/uploader/utils.js b/dist/uploader/utils.js
index bdd40791..b77f7078 100644
--- a/dist/uploader/utils.js
+++ b/dist/uploader/utils.js
@@ -1,122 +1,84 @@
import { pickExclude } from '../common/utils';
import { isImageUrl, isVideoUrl } from '../common/validator';
export function isImageFile(item) {
- if (item.isImage != null) {
- return item.isImage;
- }
- if (item.type) {
- return item.type === 'image';
- }
- if (item.url) {
- return isImageUrl(item.url);
- }
- return false;
+ if (item.isImage != null) {
+ return item.isImage;
+ }
+ if (item.type) {
+ return item.type === 'image';
+ }
+ if (item.url) {
+ return isImageUrl(item.url);
+ }
+ return false;
}
export function isVideoFile(item) {
- if (item.isVideo != null) {
- return item.isVideo;
- }
- if (item.type) {
- return item.type === 'video';
- }
- if (item.url) {
- return isVideoUrl(item.url);
- }
- return false;
+ if (item.isVideo != null) {
+ return item.isVideo;
+ }
+ if (item.type) {
+ return item.type === 'video';
+ }
+ if (item.url) {
+ return isVideoUrl(item.url);
+ }
+ return false;
}
function formatImage(res) {
- return res.tempFiles.map((item) =>
- Object.assign(Object.assign({}, pickExclude(item, ['path'])), {
- type: 'image',
- url: item.path,
- thumb: item.path,
- })
- );
+ return res.tempFiles.map((item) => (Object.assign(Object.assign({}, pickExclude(item, ['path'])), { type: 'image', url: item.path, thumb: item.path })));
}
function formatVideo(res) {
- return [
- Object.assign(
- Object.assign(
- {},
- pickExclude(res, ['tempFilePath', 'thumbTempFilePath', 'errMsg'])
- ),
- { type: 'video', url: res.tempFilePath, thumb: res.thumbTempFilePath }
- ),
- ];
+ return [
+ Object.assign(Object.assign({}, pickExclude(res, ['tempFilePath', 'thumbTempFilePath', 'errMsg'])), { type: 'video', url: res.tempFilePath, thumb: res.thumbTempFilePath }),
+ ];
}
function formatMedia(res) {
- return res.tempFiles.map((item) =>
- Object.assign(
- Object.assign(
- {},
- pickExclude(item, ['fileType', 'thumbTempFilePath', 'tempFilePath'])
- ),
- {
- type: res.type,
- url: item.tempFilePath,
- thumb:
- res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath,
- }
- )
- );
+ return res.tempFiles.map((item) => (Object.assign(Object.assign({}, pickExclude(item, ['fileType', 'thumbTempFilePath', 'tempFilePath'])), { type: res.type, url: item.tempFilePath, thumb: res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath })));
}
function formatFile(res) {
- return res.tempFiles.map((item) =>
- Object.assign(Object.assign({}, pickExclude(item, ['path'])), {
- url: item.path,
- })
- );
+ return res.tempFiles.map((item) => (Object.assign(Object.assign({}, pickExclude(item, ['path'])), { url: item.path })));
}
-export function chooseFile({
- accept,
- multiple,
- capture,
- compressed,
- maxDuration,
- sizeType,
- camera,
- maxCount,
-}) {
- return new Promise((resolve, reject) => {
- switch (accept) {
- case 'image':
- wx.chooseImage({
- count: multiple ? Math.min(maxCount, 9) : 1,
- sourceType: capture,
- sizeType,
- success: (res) => resolve(formatImage(res)),
- fail: reject,
- });
- break;
- case 'media':
- wx.chooseMedia({
- count: multiple ? Math.min(maxCount, 9) : 1,
- sourceType: capture,
- maxDuration,
- sizeType,
- camera,
- success: (res) => resolve(formatMedia(res)),
- fail: reject,
- });
- break;
- case 'video':
- wx.chooseVideo({
- sourceType: capture,
- compressed,
- maxDuration,
- camera,
- success: (res) => resolve(formatVideo(res)),
- fail: reject,
- });
- break;
- default:
- wx.chooseMessageFile({
- count: multiple ? maxCount : 1,
- type: accept,
- success: (res) => resolve(formatFile(res)),
- fail: reject,
- });
- break;
- }
- });
+export function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, }) {
+ return new Promise((resolve, reject) => {
+ switch (accept) {
+ case 'image':
+ wx.chooseImage({
+ count: multiple ? Math.min(maxCount, 9) : 1,
+ sourceType: capture,
+ sizeType,
+ success: (res) => resolve(formatImage(res)),
+ fail: reject,
+ });
+ break;
+ case 'media':
+ wx.chooseMedia({
+ count: multiple ? Math.min(maxCount, 9) : 1,
+ sourceType: capture,
+ maxDuration,
+ sizeType,
+ camera,
+ success: (res) => resolve(formatMedia(res)),
+ fail: reject,
+ });
+ break;
+ case 'video':
+ wx.chooseVideo({
+ sourceType: capture,
+ compressed,
+ maxDuration,
+ camera,
+ success: (res) => resolve(formatVideo(res)),
+ fail: reject,
+ });
+ break;
+ default:
+ wx.chooseMessageFile({
+ count: multiple ? maxCount : 1,
+ type: accept,
+ success: (res) => resolve(formatFile(res)),
+ fail: reject,
+ });
+ break;
+ }
+ });
}
diff --git a/lib/action-sheet/index.js b/lib/action-sheet/index.js
index 48e5a81c..f597b7f4 100644
--- a/lib/action-sheet/index.js
+++ b/lib/action-sheet/index.js
@@ -1,76 +1,73 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var button_1 = require('../mixins/button');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
component_1.VantComponent({
- mixins: [button_1.button],
- props: {
- show: Boolean,
- title: String,
- cancelText: String,
- description: String,
- round: {
- type: Boolean,
- value: true,
+ mixins: [button_1.button],
+ props: {
+ show: Boolean,
+ title: String,
+ cancelText: String,
+ description: String,
+ round: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ actions: {
+ type: Array,
+ value: [],
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickAction: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 100,
+ methods: {
+ onSelect: function (event) {
+ var _this = this;
+ var index = event.currentTarget.dataset.index;
+ var _a = this.data, actions = _a.actions, closeOnClickAction = _a.closeOnClickAction, canIUseGetUserProfile = _a.canIUseGetUserProfile;
+ var item = actions[index];
+ if (item) {
+ this.$emit('select', item);
+ if (closeOnClickAction) {
+ this.onClose();
+ }
+ if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
+ wx.getUserProfile({
+ desc: item.getUserProfileDesc || ' ',
+ complete: function (userProfile) {
+ _this.$emit('getuserinfo', userProfile);
+ },
+ });
+ }
+ }
+ },
+ onCancel: function () {
+ this.$emit('cancel');
+ },
+ onClose: function () {
+ this.$emit('close');
+ },
+ onClickOverlay: function () {
+ this.$emit('click-overlay');
+ this.onClose();
+ },
},
- actions: {
- type: Array,
- value: [],
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- closeOnClickAction: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- onSelect: function (event) {
- var _this = this;
- var index = event.currentTarget.dataset.index;
- var _a = this.data,
- actions = _a.actions,
- closeOnClickAction = _a.closeOnClickAction,
- canIUseGetUserProfile = _a.canIUseGetUserProfile;
- var item = actions[index];
- if (item) {
- this.$emit('select', item);
- if (closeOnClickAction) {
- this.onClose();
- }
- if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
- wx.getUserProfile({
- desc: item.getUserProfileDesc || ' ',
- complete: function (userProfile) {
- _this.$emit('getuserinfo', userProfile);
- },
- });
- }
- }
- },
- onCancel: function () {
- this.$emit('cancel');
- },
- onClose: function () {
- this.$emit('close');
- },
- onClickOverlay: function () {
- this.$emit('click-overlay');
- this.onClose();
- },
- },
});
diff --git a/lib/area/index.js b/lib/area/index.js
index 6b17a07c..ed256284 100644
--- a/lib/area/index.js
+++ b/lib/area/index.js
@@ -1,266 +1,232 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var shared_1 = require('../picker/shared');
-var utils_1 = require('../common/utils');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var shared_1 = require("../picker/shared");
+var utils_1 = require("../common/utils");
var EMPTY_CODE = '000000';
component_1.VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: __assign(__assign({}, shared_1.pickerProps), {
- value: {
- type: String,
- observer: function (value) {
- this.code = value;
- this.setValues();
- },
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: __assign(__assign({}, shared_1.pickerProps), { value: {
+ type: String,
+ observer: function (value) {
+ this.code = value;
+ this.setValues();
+ },
+ }, areaList: {
+ type: Object,
+ value: {},
+ observer: 'setValues',
+ }, columnsNum: {
+ type: null,
+ value: 3,
+ }, columnsPlaceholder: {
+ type: Array,
+ observer: function (val) {
+ this.setData({
+ typeToColumnsPlaceholder: {
+ province: val[0] || '',
+ city: val[1] || '',
+ county: val[2] || '',
+ },
+ });
+ },
+ } }),
+ data: {
+ columns: [{ values: [] }, { values: [] }, { values: [] }],
+ typeToColumnsPlaceholder: {},
},
- areaList: {
- type: Object,
- value: {},
- observer: 'setValues',
- },
- columnsNum: {
- type: null,
- value: 3,
- },
- columnsPlaceholder: {
- type: Array,
- observer: function (val) {
- this.setData({
- typeToColumnsPlaceholder: {
- province: val[0] || '',
- city: val[1] || '',
- county: val[2] || '',
- },
+ mounted: function () {
+ var _this = this;
+ utils_1.requestAnimationFrame(function () {
+ _this.setValues();
});
- },
},
- }),
- data: {
- columns: [{ values: [] }, { values: [] }, { values: [] }],
- typeToColumnsPlaceholder: {},
- },
- mounted: function () {
- var _this = this;
- utils_1.requestAnimationFrame(function () {
- _this.setValues();
- });
- },
- methods: {
- getPicker: function () {
- if (this.picker == null) {
- this.picker = this.selectComponent('.van-area__picker');
- }
- return this.picker;
- },
- onCancel: function (event) {
- this.emit('cancel', event.detail);
- },
- onConfirm: function (event) {
- var index = event.detail.index;
- var value = event.detail.value;
- value = this.parseValues(value);
- this.emit('confirm', { value: value, index: index });
- },
- emit: function (type, detail) {
- detail.values = detail.value;
- delete detail.value;
- this.$emit(type, detail);
- },
- parseValues: function (values) {
- var columnsPlaceholder = this.data.columnsPlaceholder;
- return values.map(function (value, index) {
- if (
- value &&
- (!value.code || value.name === columnsPlaceholder[index])
- ) {
- return __assign(__assign({}, value), { code: '', name: '' });
- }
- return value;
- });
- },
- onChange: function (event) {
- var _this = this;
- var _a;
- var _b = event.detail,
- index = _b.index,
- picker = _b.picker,
- value = _b.value;
- this.code = value[index].code;
- (_a = this.setValues()) === null || _a === void 0
- ? void 0
- : _a.then(function () {
- _this.$emit('change', {
- picker: picker,
- values: _this.parseValues(picker.getValues()),
- index: index,
+ methods: {
+ getPicker: function () {
+ if (this.picker == null) {
+ this.picker = this.selectComponent('.van-area__picker');
+ }
+ return this.picker;
+ },
+ onCancel: function (event) {
+ this.emit('cancel', event.detail);
+ },
+ onConfirm: function (event) {
+ var index = event.detail.index;
+ var value = event.detail.value;
+ value = this.parseValues(value);
+ this.emit('confirm', { value: value, index: index });
+ },
+ emit: function (type, detail) {
+ detail.values = detail.value;
+ delete detail.value;
+ this.$emit(type, detail);
+ },
+ parseValues: function (values) {
+ var columnsPlaceholder = this.data.columnsPlaceholder;
+ return values.map(function (value, index) {
+ if (value &&
+ (!value.code || value.name === columnsPlaceholder[index])) {
+ return __assign(__assign({}, value), { code: '', name: '' });
+ }
+ return value;
});
- });
+ },
+ onChange: function (event) {
+ var _this = this;
+ var _a;
+ var _b = event.detail, index = _b.index, picker = _b.picker, value = _b.value;
+ this.code = value[index].code;
+ (_a = this.setValues()) === null || _a === void 0 ? void 0 : _a.then(function () {
+ _this.$emit('change', {
+ picker: picker,
+ values: _this.parseValues(picker.getValues()),
+ index: index,
+ });
+ });
+ },
+ getConfig: function (type) {
+ var areaList = this.data.areaList;
+ return (areaList && areaList[type + "_list"]) || {};
+ },
+ getList: function (type, code) {
+ if (type !== 'province' && !code) {
+ return [];
+ }
+ var typeToColumnsPlaceholder = this.data.typeToColumnsPlaceholder;
+ var list = this.getConfig(type);
+ var result = Object.keys(list).map(function (code) { return ({
+ code: code,
+ name: list[code],
+ }); });
+ if (code != null) {
+ // oversea code
+ if (code[0] === '9' && type === 'city') {
+ code = '9';
+ }
+ result = result.filter(function (item) { return item.code.indexOf(code) === 0; });
+ }
+ if (typeToColumnsPlaceholder[type] && result.length) {
+ // set columns placeholder
+ var codeFill = type === 'province'
+ ? ''
+ : type === 'city'
+ ? EMPTY_CODE.slice(2, 4)
+ : EMPTY_CODE.slice(4, 6);
+ result.unshift({
+ code: "" + code + codeFill,
+ name: typeToColumnsPlaceholder[type],
+ });
+ }
+ return result;
+ },
+ getIndex: function (type, code) {
+ var compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
+ var list = this.getList(type, code.slice(0, compareNum - 2));
+ // oversea code
+ if (code[0] === '9' && type === 'province') {
+ compareNum = 1;
+ }
+ code = code.slice(0, compareNum);
+ for (var i = 0; i < list.length; i++) {
+ if (list[i].code.slice(0, compareNum) === code) {
+ return i;
+ }
+ }
+ return 0;
+ },
+ setValues: function () {
+ var picker = this.getPicker();
+ if (!picker) {
+ return;
+ }
+ var code = this.code || this.getDefaultCode();
+ var provinceList = this.getList('province');
+ var cityList = this.getList('city', code.slice(0, 2));
+ var stack = [];
+ var indexes = [];
+ var columnsNum = this.data.columnsNum;
+ if (columnsNum >= 1) {
+ stack.push(picker.setColumnValues(0, provinceList, false));
+ indexes.push(this.getIndex('province', code));
+ }
+ if (columnsNum >= 2) {
+ stack.push(picker.setColumnValues(1, cityList, false));
+ indexes.push(this.getIndex('city', code));
+ if (cityList.length && code.slice(2, 4) === '00') {
+ code = cityList[0].code;
+ }
+ }
+ if (columnsNum === 3) {
+ stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false));
+ indexes.push(this.getIndex('county', code));
+ }
+ return Promise.all(stack)
+ .catch(function () { })
+ .then(function () { return picker.setIndexes(indexes); })
+ .catch(function () { });
+ },
+ getDefaultCode: function () {
+ var columnsPlaceholder = this.data.columnsPlaceholder;
+ if (columnsPlaceholder.length) {
+ return EMPTY_CODE;
+ }
+ var countyCodes = Object.keys(this.getConfig('county'));
+ if (countyCodes[0]) {
+ return countyCodes[0];
+ }
+ var cityCodes = Object.keys(this.getConfig('city'));
+ if (cityCodes[0]) {
+ return cityCodes[0];
+ }
+ return '';
+ },
+ getValues: function () {
+ var picker = this.getPicker();
+ if (!picker) {
+ return [];
+ }
+ return this.parseValues(picker.getValues().filter(function (value) { return !!value; }));
+ },
+ getDetail: function () {
+ var values = this.getValues();
+ var area = {
+ code: '',
+ country: '',
+ province: '',
+ city: '',
+ county: '',
+ };
+ if (!values.length) {
+ return area;
+ }
+ var names = values.map(function (item) { return item.name; });
+ area.code = values[values.length - 1].code;
+ if (area.code[0] === '9') {
+ area.country = names[1] || '';
+ area.province = names[2] || '';
+ }
+ else {
+ area.province = names[0] || '';
+ area.city = names[1] || '';
+ area.county = names[2] || '';
+ }
+ return area;
+ },
+ reset: function (code) {
+ this.code = code || '';
+ return this.setValues();
+ },
},
- getConfig: function (type) {
- var areaList = this.data.areaList;
- return (areaList && areaList[type + '_list']) || {};
- },
- getList: function (type, code) {
- if (type !== 'province' && !code) {
- return [];
- }
- var typeToColumnsPlaceholder = this.data.typeToColumnsPlaceholder;
- var list = this.getConfig(type);
- var result = Object.keys(list).map(function (code) {
- return {
- code: code,
- name: list[code],
- };
- });
- if (code != null) {
- // oversea code
- if (code[0] === '9' && type === 'city') {
- code = '9';
- }
- result = result.filter(function (item) {
- return item.code.indexOf(code) === 0;
- });
- }
- if (typeToColumnsPlaceholder[type] && result.length) {
- // set columns placeholder
- var codeFill =
- type === 'province'
- ? ''
- : type === 'city'
- ? EMPTY_CODE.slice(2, 4)
- : EMPTY_CODE.slice(4, 6);
- result.unshift({
- code: '' + code + codeFill,
- name: typeToColumnsPlaceholder[type],
- });
- }
- return result;
- },
- getIndex: function (type, code) {
- var compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
- var list = this.getList(type, code.slice(0, compareNum - 2));
- // oversea code
- if (code[0] === '9' && type === 'province') {
- compareNum = 1;
- }
- code = code.slice(0, compareNum);
- for (var i = 0; i < list.length; i++) {
- if (list[i].code.slice(0, compareNum) === code) {
- return i;
- }
- }
- return 0;
- },
- setValues: function () {
- var picker = this.getPicker();
- if (!picker) {
- return;
- }
- var code = this.code || this.getDefaultCode();
- var provinceList = this.getList('province');
- var cityList = this.getList('city', code.slice(0, 2));
- var stack = [];
- var indexes = [];
- var columnsNum = this.data.columnsNum;
- if (columnsNum >= 1) {
- stack.push(picker.setColumnValues(0, provinceList, false));
- indexes.push(this.getIndex('province', code));
- }
- if (columnsNum >= 2) {
- stack.push(picker.setColumnValues(1, cityList, false));
- indexes.push(this.getIndex('city', code));
- if (cityList.length && code.slice(2, 4) === '00') {
- code = cityList[0].code;
- }
- }
- if (columnsNum === 3) {
- stack.push(
- picker.setColumnValues(
- 2,
- this.getList('county', code.slice(0, 4)),
- false
- )
- );
- indexes.push(this.getIndex('county', code));
- }
- return Promise.all(stack)
- .catch(function () {})
- .then(function () {
- return picker.setIndexes(indexes);
- })
- .catch(function () {});
- },
- getDefaultCode: function () {
- var columnsPlaceholder = this.data.columnsPlaceholder;
- if (columnsPlaceholder.length) {
- return EMPTY_CODE;
- }
- var countyCodes = Object.keys(this.getConfig('county'));
- if (countyCodes[0]) {
- return countyCodes[0];
- }
- var cityCodes = Object.keys(this.getConfig('city'));
- if (cityCodes[0]) {
- return cityCodes[0];
- }
- return '';
- },
- getValues: function () {
- var picker = this.getPicker();
- if (!picker) {
- return [];
- }
- return this.parseValues(
- picker.getValues().filter(function (value) {
- return !!value;
- })
- );
- },
- getDetail: function () {
- var values = this.getValues();
- var area = {
- code: '',
- country: '',
- province: '',
- city: '',
- county: '',
- };
- if (!values.length) {
- return area;
- }
- var names = values.map(function (item) {
- return item.name;
- });
- area.code = values[values.length - 1].code;
- if (area.code[0] === '9') {
- area.country = names[1] || '';
- area.province = names[2] || '';
- } else {
- area.province = names[0] || '';
- area.city = names[1] || '';
- area.county = names[2] || '';
- }
- return area;
- },
- reset: function (code) {
- this.code = code || '';
- return this.setValues();
- },
- },
});
diff --git a/lib/button/index.js b/lib/button/index.js
index caff63c1..3a7cd6a9 100644
--- a/lib/button/index.js
+++ b/lib/button/index.js
@@ -1,71 +1,67 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var button_1 = require('../mixins/button');
-var version_1 = require('../common/version');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
+var version_1 = require("../common/version");
var mixins = [button_1.button];
if (version_1.canIUseFormFieldButton()) {
- mixins.push('wx://form-field-button');
+ mixins.push('wx://form-field-button');
}
component_1.VantComponent({
- mixins: mixins,
- classes: ['hover-class', 'loading-class'],
- data: {
- baseStyle: '',
- },
- props: {
- formType: String,
- icon: String,
- classPrefix: {
- type: String,
- value: 'van-icon',
+ mixins: mixins,
+ classes: ['hover-class', 'loading-class'],
+ data: {
+ baseStyle: '',
},
- plain: Boolean,
- block: Boolean,
- round: Boolean,
- square: Boolean,
- loading: Boolean,
- hairline: Boolean,
- disabled: Boolean,
- loadingText: String,
- customStyle: String,
- loadingType: {
- type: String,
- value: 'circular',
+ props: {
+ formType: String,
+ icon: String,
+ classPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ plain: Boolean,
+ block: Boolean,
+ round: Boolean,
+ square: Boolean,
+ loading: Boolean,
+ hairline: Boolean,
+ disabled: Boolean,
+ loadingText: String,
+ customStyle: String,
+ loadingType: {
+ type: String,
+ value: 'circular',
+ },
+ type: {
+ type: String,
+ value: 'default',
+ },
+ dataset: null,
+ size: {
+ type: String,
+ value: 'normal',
+ },
+ loadingSize: {
+ type: String,
+ value: '20px',
+ },
+ color: String,
},
- type: {
- type: String,
- value: 'default',
+ methods: {
+ onClick: function (event) {
+ var _this = this;
+ this.$emit('click', event);
+ var _a = this.data, canIUseGetUserProfile = _a.canIUseGetUserProfile, openType = _a.openType, getUserProfileDesc = _a.getUserProfileDesc, lang = _a.lang;
+ if (openType === 'getUserInfo' && canIUseGetUserProfile) {
+ wx.getUserProfile({
+ desc: getUserProfileDesc || ' ',
+ lang: lang || 'en',
+ complete: function (userProfile) {
+ _this.$emit('getuserinfo', userProfile);
+ },
+ });
+ }
+ },
},
- dataset: null,
- size: {
- type: String,
- value: 'normal',
- },
- loadingSize: {
- type: String,
- value: '20px',
- },
- color: String,
- },
- methods: {
- onClick: function (event) {
- var _this = this;
- this.$emit('click', event);
- var _a = this.data,
- canIUseGetUserProfile = _a.canIUseGetUserProfile,
- openType = _a.openType,
- getUserProfileDesc = _a.getUserProfileDesc,
- lang = _a.lang;
- if (openType === 'getUserInfo' && canIUseGetUserProfile) {
- wx.getUserProfile({
- desc: getUserProfileDesc || ' ',
- lang: lang || 'en',
- complete: function (userProfile) {
- _this.$emit('getuserinfo', userProfile);
- },
- });
- }
- },
- },
});
diff --git a/lib/calendar/components/header/index.js b/lib/calendar/components/header/index.js
index 08f230cd..cf101d04 100644
--- a/lib/calendar/components/header/index.js
+++ b/lib/calendar/components/header/index.js
@@ -1,46 +1,41 @@
-'use strict';
-var __spreadArray =
- (this && this.__spreadArray) ||
- function (to, from) {
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
- to[j] = from[i];
+ to[j] = from[i];
return to;
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../../../common/component');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../../common/component");
component_1.VantComponent({
- props: {
- title: {
- type: String,
- value: '日期选择',
+ props: {
+ title: {
+ type: String,
+ value: '日期选择',
+ },
+ subtitle: String,
+ showTitle: Boolean,
+ showSubtitle: Boolean,
+ firstDayOfWeek: {
+ type: Number,
+ observer: 'initWeekDay',
+ },
},
- subtitle: String,
- showTitle: Boolean,
- showSubtitle: Boolean,
- firstDayOfWeek: {
- type: Number,
- observer: 'initWeekDay',
+ data: {
+ weekdays: [],
},
- },
- data: {
- weekdays: [],
- },
- created: function () {
- this.initWeekDay();
- },
- methods: {
- initWeekDay: function () {
- var defaultWeeks = ['日', '一', '二', '三', '四', '五', '六'];
- var firstDayOfWeek = this.data.firstDayOfWeek || 0;
- this.setData({
- weekdays: __spreadArray(
- __spreadArray([], defaultWeeks.slice(firstDayOfWeek, 7)),
- defaultWeeks.slice(0, firstDayOfWeek)
- ),
- });
+ created: function () {
+ this.initWeekDay();
},
- onClickSubtitle: function (event) {
- this.$emit('click-subtitle', event);
+ methods: {
+ initWeekDay: function () {
+ var defaultWeeks = ['日', '一', '二', '三', '四', '五', '六'];
+ var firstDayOfWeek = this.data.firstDayOfWeek || 0;
+ this.setData({
+ weekdays: __spreadArray(__spreadArray([], defaultWeeks.slice(firstDayOfWeek, 7)), defaultWeeks.slice(0, firstDayOfWeek)),
+ });
+ },
+ onClickSubtitle: function (event) {
+ this.$emit('click-subtitle', event);
+ },
},
- },
});
diff --git a/lib/calendar/components/month/index.js b/lib/calendar/components/month/index.js
index 1dcb49aa..94521909 100644
--- a/lib/calendar/components/month/index.js
+++ b/lib/calendar/components/month/index.js
@@ -1,173 +1,158 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../../../common/component');
-var utils_1 = require('../../utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../../../common/component");
+var utils_1 = require("../../utils");
component_1.VantComponent({
- props: {
- date: {
- type: null,
- observer: 'setDays',
+ props: {
+ date: {
+ type: null,
+ observer: 'setDays',
+ },
+ type: {
+ type: String,
+ observer: 'setDays',
+ },
+ color: String,
+ minDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ maxDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ showMark: Boolean,
+ rowHeight: null,
+ formatter: {
+ type: null,
+ observer: 'setDays',
+ },
+ currentDate: {
+ type: null,
+ observer: 'setDays',
+ },
+ firstDayOfWeek: {
+ type: Number,
+ observer: 'setDays',
+ },
+ allowSameDay: Boolean,
+ showSubtitle: Boolean,
+ showMonthTitle: Boolean,
},
- type: {
- type: String,
- observer: 'setDays',
+ data: {
+ visible: true,
+ days: [],
},
- color: String,
- minDate: {
- type: null,
- observer: 'setDays',
+ methods: {
+ onClick: function (event) {
+ var index = event.currentTarget.dataset.index;
+ var item = this.data.days[index];
+ if (item.type !== 'disabled') {
+ this.$emit('click', item);
+ }
+ },
+ setDays: function () {
+ var days = [];
+ var startDate = new Date(this.data.date);
+ var year = startDate.getFullYear();
+ var month = startDate.getMonth();
+ var totalDay = utils_1.getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1);
+ for (var day = 1; day <= totalDay; day++) {
+ var date = new Date(year, month, day);
+ var type = this.getDayType(date);
+ var config = {
+ date: date,
+ type: type,
+ text: day,
+ bottomInfo: this.getBottomInfo(type),
+ };
+ if (this.data.formatter) {
+ config = this.data.formatter(config);
+ }
+ days.push(config);
+ }
+ this.setData({ days: days });
+ },
+ getMultipleDayType: function (day) {
+ var currentDate = this.data.currentDate;
+ if (!Array.isArray(currentDate)) {
+ return '';
+ }
+ var isSelected = function (date) {
+ return currentDate.some(function (item) { return utils_1.compareDay(item, date) === 0; });
+ };
+ if (isSelected(day)) {
+ var prevDay = utils_1.getPrevDay(day);
+ var nextDay = utils_1.getNextDay(day);
+ var prevSelected = isSelected(prevDay);
+ var nextSelected = isSelected(nextDay);
+ if (prevSelected && nextSelected) {
+ return 'multiple-middle';
+ }
+ if (prevSelected) {
+ return 'end';
+ }
+ return nextSelected ? 'start' : 'multiple-selected';
+ }
+ return '';
+ },
+ getRangeDayType: function (day) {
+ var _a = this.data, currentDate = _a.currentDate, allowSameDay = _a.allowSameDay;
+ if (!Array.isArray(currentDate)) {
+ return '';
+ }
+ var startDay = currentDate[0], endDay = currentDate[1];
+ if (!startDay) {
+ return '';
+ }
+ var compareToStart = utils_1.compareDay(day, startDay);
+ if (!endDay) {
+ return compareToStart === 0 ? 'start' : '';
+ }
+ var compareToEnd = utils_1.compareDay(day, endDay);
+ if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
+ return 'start-end';
+ }
+ if (compareToStart === 0) {
+ return 'start';
+ }
+ if (compareToEnd === 0) {
+ return 'end';
+ }
+ if (compareToStart > 0 && compareToEnd < 0) {
+ return 'middle';
+ }
+ return '';
+ },
+ getDayType: function (day) {
+ var _a = this.data, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate, currentDate = _a.currentDate;
+ if (utils_1.compareDay(day, minDate) < 0 || utils_1.compareDay(day, maxDate) > 0) {
+ return 'disabled';
+ }
+ if (type === 'single') {
+ return utils_1.compareDay(day, currentDate) === 0 ? 'selected' : '';
+ }
+ if (type === 'multiple') {
+ return this.getMultipleDayType(day);
+ }
+ /* istanbul ignore else */
+ if (type === 'range') {
+ return this.getRangeDayType(day);
+ }
+ return '';
+ },
+ getBottomInfo: function (type) {
+ if (this.data.type === 'range') {
+ if (type === 'start') {
+ return '开始';
+ }
+ if (type === 'end') {
+ return '结束';
+ }
+ if (type === 'start-end') {
+ return '开始/结束';
+ }
+ }
+ },
},
- maxDate: {
- type: null,
- observer: 'setDays',
- },
- showMark: Boolean,
- rowHeight: null,
- formatter: {
- type: null,
- observer: 'setDays',
- },
- currentDate: {
- type: null,
- observer: 'setDays',
- },
- firstDayOfWeek: {
- type: Number,
- observer: 'setDays',
- },
- allowSameDay: Boolean,
- showSubtitle: Boolean,
- showMonthTitle: Boolean,
- },
- data: {
- visible: true,
- days: [],
- },
- methods: {
- onClick: function (event) {
- var index = event.currentTarget.dataset.index;
- var item = this.data.days[index];
- if (item.type !== 'disabled') {
- this.$emit('click', item);
- }
- },
- setDays: function () {
- var days = [];
- var startDate = new Date(this.data.date);
- var year = startDate.getFullYear();
- var month = startDate.getMonth();
- var totalDay = utils_1.getMonthEndDay(
- startDate.getFullYear(),
- startDate.getMonth() + 1
- );
- for (var day = 1; day <= totalDay; day++) {
- var date = new Date(year, month, day);
- var type = this.getDayType(date);
- var config = {
- date: date,
- type: type,
- text: day,
- bottomInfo: this.getBottomInfo(type),
- };
- if (this.data.formatter) {
- config = this.data.formatter(config);
- }
- days.push(config);
- }
- this.setData({ days: days });
- },
- getMultipleDayType: function (day) {
- var currentDate = this.data.currentDate;
- if (!Array.isArray(currentDate)) {
- return '';
- }
- var isSelected = function (date) {
- return currentDate.some(function (item) {
- return utils_1.compareDay(item, date) === 0;
- });
- };
- if (isSelected(day)) {
- var prevDay = utils_1.getPrevDay(day);
- var nextDay = utils_1.getNextDay(day);
- var prevSelected = isSelected(prevDay);
- var nextSelected = isSelected(nextDay);
- if (prevSelected && nextSelected) {
- return 'multiple-middle';
- }
- if (prevSelected) {
- return 'end';
- }
- return nextSelected ? 'start' : 'multiple-selected';
- }
- return '';
- },
- getRangeDayType: function (day) {
- var _a = this.data,
- currentDate = _a.currentDate,
- allowSameDay = _a.allowSameDay;
- if (!Array.isArray(currentDate)) {
- return '';
- }
- var startDay = currentDate[0],
- endDay = currentDate[1];
- if (!startDay) {
- return '';
- }
- var compareToStart = utils_1.compareDay(day, startDay);
- if (!endDay) {
- return compareToStart === 0 ? 'start' : '';
- }
- var compareToEnd = utils_1.compareDay(day, endDay);
- if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
- return 'start-end';
- }
- if (compareToStart === 0) {
- return 'start';
- }
- if (compareToEnd === 0) {
- return 'end';
- }
- if (compareToStart > 0 && compareToEnd < 0) {
- return 'middle';
- }
- return '';
- },
- getDayType: function (day) {
- var _a = this.data,
- type = _a.type,
- minDate = _a.minDate,
- maxDate = _a.maxDate,
- currentDate = _a.currentDate;
- if (
- utils_1.compareDay(day, minDate) < 0 ||
- utils_1.compareDay(day, maxDate) > 0
- ) {
- return 'disabled';
- }
- if (type === 'single') {
- return utils_1.compareDay(day, currentDate) === 0 ? 'selected' : '';
- }
- if (type === 'multiple') {
- return this.getMultipleDayType(day);
- }
- /* istanbul ignore else */
- if (type === 'range') {
- return this.getRangeDayType(day);
- }
- return '';
- },
- getBottomInfo: function (type) {
- if (this.data.type === 'range') {
- if (type === 'start') {
- return '开始';
- }
- if (type === 'end') {
- return '结束';
- }
- if (type === 'start-end') {
- return '开始/结束';
- }
- }
- },
- },
});
diff --git a/lib/calendar/index.js b/lib/calendar/index.js
index 086e69d7..f1602bbd 100644
--- a/lib/calendar/index.js
+++ b/lib/calendar/index.js
@@ -1,384 +1,342 @@
-'use strict';
-var __spreadArray =
- (this && this.__spreadArray) ||
- function (to, from) {
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
- to[j] = from[i];
+ to[j] = from[i];
return to;
- };
-var __importDefault =
- (this && this.__importDefault) ||
- function (mod) {
- return mod && mod.__esModule ? mod : { default: mod };
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('./utils');
-var toast_1 = __importDefault(require('../toast/toast'));
-var utils_2 = require('../common/utils');
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+ return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("./utils");
+var toast_1 = __importDefault(require("../toast/toast"));
+var utils_2 = require("../common/utils");
var initialMinDate = utils_1.getToday().getTime();
var initialMaxDate = (function () {
- var now = utils_1.getToday();
- return new Date(
- now.getFullYear(),
- now.getMonth() + 6,
- now.getDate()
- ).getTime();
+ var now = utils_1.getToday();
+ return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime();
})();
component_1.VantComponent({
- props: {
- title: {
- type: String,
- value: '日期选择',
+ props: {
+ title: {
+ type: String,
+ value: '日期选择',
+ },
+ color: String,
+ show: {
+ type: Boolean,
+ observer: function (val) {
+ if (val) {
+ this.initRect();
+ this.scrollIntoView();
+ }
+ },
+ },
+ formatter: null,
+ confirmText: {
+ type: String,
+ value: '确定',
+ },
+ confirmDisabledText: {
+ type: String,
+ value: '确定',
+ },
+ rangePrompt: String,
+ showRangePrompt: {
+ type: Boolean,
+ value: true,
+ },
+ defaultDate: {
+ type: null,
+ observer: function (val) {
+ this.setData({ currentDate: val });
+ this.scrollIntoView();
+ },
+ },
+ allowSameDay: Boolean,
+ type: {
+ type: String,
+ value: 'single',
+ observer: 'reset',
+ },
+ minDate: {
+ type: Number,
+ value: initialMinDate,
+ },
+ maxDate: {
+ type: Number,
+ value: initialMaxDate,
+ },
+ position: {
+ type: String,
+ value: 'bottom',
+ },
+ rowHeight: {
+ type: null,
+ value: utils_1.ROW_HEIGHT,
+ },
+ round: {
+ type: Boolean,
+ value: true,
+ },
+ poppable: {
+ type: Boolean,
+ value: true,
+ },
+ showMark: {
+ type: Boolean,
+ value: true,
+ },
+ showTitle: {
+ type: Boolean,
+ value: true,
+ },
+ showConfirm: {
+ type: Boolean,
+ value: true,
+ },
+ showSubtitle: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ maxRange: {
+ type: null,
+ value: null,
+ },
+ firstDayOfWeek: {
+ type: Number,
+ value: 0,
+ },
},
- color: String,
- show: {
- type: Boolean,
- observer: function (val) {
- if (val) {
- this.initRect();
- this.scrollIntoView();
- }
- },
+ data: {
+ subtitle: '',
+ currentDate: null,
+ scrollIntoView: '',
},
- formatter: null,
- confirmText: {
- type: String,
- value: '确定',
- },
- confirmDisabledText: {
- type: String,
- value: '确定',
- },
- rangePrompt: String,
- showRangePrompt: {
- type: Boolean,
- value: true,
- },
- defaultDate: {
- type: null,
- observer: function (val) {
- this.setData({ currentDate: val });
- this.scrollIntoView();
- },
- },
- allowSameDay: Boolean,
- type: {
- type: String,
- value: 'single',
- observer: 'reset',
- },
- minDate: {
- type: Number,
- value: initialMinDate,
- },
- maxDate: {
- type: Number,
- value: initialMaxDate,
- },
- position: {
- type: String,
- value: 'bottom',
- },
- rowHeight: {
- type: null,
- value: utils_1.ROW_HEIGHT,
- },
- round: {
- type: Boolean,
- value: true,
- },
- poppable: {
- type: Boolean,
- value: true,
- },
- showMark: {
- type: Boolean,
- value: true,
- },
- showTitle: {
- type: Boolean,
- value: true,
- },
- showConfirm: {
- type: Boolean,
- value: true,
- },
- showSubtitle: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- maxRange: {
- type: null,
- value: null,
- },
- firstDayOfWeek: {
- type: Number,
- value: 0,
- },
- },
- data: {
- subtitle: '',
- currentDate: null,
- scrollIntoView: '',
- },
- created: function () {
- this.setData({
- currentDate: this.getInitialDate(this.data.defaultDate),
- });
- },
- mounted: function () {
- if (this.data.show || !this.data.poppable) {
- this.initRect();
- this.scrollIntoView();
- }
- },
- methods: {
- reset: function () {
- this.setData({ currentDate: this.getInitialDate() });
- this.scrollIntoView();
- },
- initRect: function () {
- var _this = this;
- if (this.contentObserver != null) {
- this.contentObserver.disconnect();
- }
- var contentObserver = this.createIntersectionObserver({
- thresholds: [0, 0.1, 0.9, 1],
- observeAll: true,
- });
- this.contentObserver = contentObserver;
- contentObserver.relativeTo('.van-calendar__body');
- contentObserver.observe('.month', function (res) {
- if (res.boundingClientRect.top <= res.relativeRect.top) {
- // @ts-ignore
- _this.setData({
- subtitle: utils_1.formatMonthTitle(res.dataset.date),
- });
- }
- });
- },
- limitDateRange: function (date, minDate, maxDate) {
- if (minDate === void 0) {
- minDate = null;
- }
- if (maxDate === void 0) {
- maxDate = null;
- }
- minDate = minDate || this.data.minDate;
- maxDate = maxDate || this.data.maxDate;
- if (utils_1.compareDay(date, minDate) === -1) {
- return minDate;
- }
- if (utils_1.compareDay(date, maxDate) === 1) {
- return maxDate;
- }
- return date;
- },
- getInitialDate: function (defaultDate) {
- var _this = this;
- if (defaultDate === void 0) {
- defaultDate = null;
- }
- var _a = this.data,
- type = _a.type,
- minDate = _a.minDate,
- maxDate = _a.maxDate;
- var now = utils_1.getToday().getTime();
- if (type === 'range') {
- if (!Array.isArray(defaultDate)) {
- defaultDate = [];
- }
- var _b = defaultDate || [],
- startDay = _b[0],
- endDay = _b[1];
- var start = this.limitDateRange(
- startDay || now,
- minDate,
- utils_1.getPrevDay(new Date(maxDate)).getTime()
- );
- var end = this.limitDateRange(
- endDay || now,
- utils_1.getNextDay(new Date(minDate)).getTime()
- );
- return [start, end];
- }
- if (type === 'multiple') {
- if (Array.isArray(defaultDate)) {
- return defaultDate.map(function (date) {
- return _this.limitDateRange(date);
- });
- }
- return [this.limitDateRange(now)];
- }
- if (!defaultDate || Array.isArray(defaultDate)) {
- defaultDate = now;
- }
- return this.limitDateRange(defaultDate);
- },
- scrollIntoView: function () {
- var _this = this;
- utils_2.requestAnimationFrame(function () {
- var _a = _this.data,
- currentDate = _a.currentDate,
- type = _a.type,
- show = _a.show,
- poppable = _a.poppable,
- minDate = _a.minDate,
- maxDate = _a.maxDate;
- // @ts-ignore
- var targetDate = type === 'single' ? currentDate : currentDate[0];
- var displayed = show || !poppable;
- if (!targetDate || !displayed) {
- return;
- }
- var months = utils_1.getMonths(minDate, maxDate);
- months.some(function (month, index) {
- if (utils_1.compareMonth(month, targetDate) === 0) {
- _this.setData({ scrollIntoView: 'month' + index });
- return true;
- }
- return false;
+ created: function () {
+ this.setData({
+ currentDate: this.getInitialDate(this.data.defaultDate),
});
- });
},
- onOpen: function () {
- this.$emit('open');
- },
- onOpened: function () {
- this.$emit('opened');
- },
- onClose: function () {
- this.$emit('close');
- },
- onClosed: function () {
- this.$emit('closed');
- },
- onClickDay: function (event) {
- var date = event.detail.date;
- var _a = this.data,
- type = _a.type,
- currentDate = _a.currentDate,
- allowSameDay = _a.allowSameDay;
- if (type === 'range') {
- // @ts-ignore
- var startDay = currentDate[0],
- endDay = currentDate[1];
- if (startDay && !endDay) {
- var compareToStart = utils_1.compareDay(date, startDay);
- if (compareToStart === 1) {
- this.select([startDay, date], true);
- } else if (compareToStart === -1) {
- this.select([date, null]);
- } else if (allowSameDay) {
- this.select([date, date]);
- }
- } else {
- this.select([date, null]);
+ mounted: function () {
+ if (this.data.show || !this.data.poppable) {
+ this.initRect();
+ this.scrollIntoView();
}
- } else if (type === 'multiple') {
- var selectedIndex_1;
- // @ts-ignore
- var selected = currentDate.some(function (dateItem, index) {
- var equal = utils_1.compareDay(dateItem, date) === 0;
- if (equal) {
- selectedIndex_1 = index;
- }
- return equal;
- });
- if (selected) {
- // @ts-ignore
- var cancelDate = currentDate.splice(selectedIndex_1, 1);
- this.setData({ currentDate: currentDate });
- this.unselect(cancelDate);
- } else {
- // @ts-ignore
- this.select(__spreadArray(__spreadArray([], currentDate), [date]));
- }
- } else {
- this.select(date, true);
- }
},
- unselect: function (dateArray) {
- var date = dateArray[0];
- if (date) {
- this.$emit('unselect', utils_1.copyDates(date));
- }
- },
- select: function (date, complete) {
- if (complete && this.data.type === 'range') {
- var valid = this.checkRange(date);
- if (!valid) {
- // auto selected to max range if showConfirm
- if (this.data.showConfirm) {
- this.emit([
- date[0],
- utils_1.getDayByOffset(date[0], this.data.maxRange - 1),
- ]);
- } else {
+ methods: {
+ reset: function () {
+ this.setData({ currentDate: this.getInitialDate() });
+ this.scrollIntoView();
+ },
+ initRect: function () {
+ var _this = this;
+ if (this.contentObserver != null) {
+ this.contentObserver.disconnect();
+ }
+ var contentObserver = this.createIntersectionObserver({
+ thresholds: [0, 0.1, 0.9, 1],
+ observeAll: true,
+ });
+ this.contentObserver = contentObserver;
+ contentObserver.relativeTo('.van-calendar__body');
+ contentObserver.observe('.month', function (res) {
+ if (res.boundingClientRect.top <= res.relativeRect.top) {
+ // @ts-ignore
+ _this.setData({ subtitle: utils_1.formatMonthTitle(res.dataset.date) });
+ }
+ });
+ },
+ limitDateRange: function (date, minDate, maxDate) {
+ if (minDate === void 0) { minDate = null; }
+ if (maxDate === void 0) { maxDate = null; }
+ minDate = minDate || this.data.minDate;
+ maxDate = maxDate || this.data.maxDate;
+ if (utils_1.compareDay(date, minDate) === -1) {
+ return minDate;
+ }
+ if (utils_1.compareDay(date, maxDate) === 1) {
+ return maxDate;
+ }
+ return date;
+ },
+ getInitialDate: function (defaultDate) {
+ var _this = this;
+ if (defaultDate === void 0) { defaultDate = null; }
+ var _a = this.data, type = _a.type, minDate = _a.minDate, maxDate = _a.maxDate;
+ var now = utils_1.getToday().getTime();
+ if (type === 'range') {
+ if (!Array.isArray(defaultDate)) {
+ defaultDate = [];
+ }
+ var _b = defaultDate || [], startDay = _b[0], endDay = _b[1];
+ var start = this.limitDateRange(startDay || now, minDate, utils_1.getPrevDay(new Date(maxDate)).getTime());
+ var end = this.limitDateRange(endDay || now, utils_1.getNextDay(new Date(minDate)).getTime());
+ return [start, end];
+ }
+ if (type === 'multiple') {
+ if (Array.isArray(defaultDate)) {
+ return defaultDate.map(function (date) { return _this.limitDateRange(date); });
+ }
+ return [this.limitDateRange(now)];
+ }
+ if (!defaultDate || Array.isArray(defaultDate)) {
+ defaultDate = now;
+ }
+ return this.limitDateRange(defaultDate);
+ },
+ scrollIntoView: function () {
+ var _this = this;
+ utils_2.requestAnimationFrame(function () {
+ var _a = _this.data, currentDate = _a.currentDate, type = _a.type, show = _a.show, poppable = _a.poppable, minDate = _a.minDate, maxDate = _a.maxDate;
+ // @ts-ignore
+ var targetDate = type === 'single' ? currentDate : currentDate[0];
+ var displayed = show || !poppable;
+ if (!targetDate || !displayed) {
+ return;
+ }
+ var months = utils_1.getMonths(minDate, maxDate);
+ months.some(function (month, index) {
+ if (utils_1.compareMonth(month, targetDate) === 0) {
+ _this.setData({ scrollIntoView: "month" + index });
+ return true;
+ }
+ return false;
+ });
+ });
+ },
+ onOpen: function () {
+ this.$emit('open');
+ },
+ onOpened: function () {
+ this.$emit('opened');
+ },
+ onClose: function () {
+ this.$emit('close');
+ },
+ onClosed: function () {
+ this.$emit('closed');
+ },
+ onClickDay: function (event) {
+ var date = event.detail.date;
+ var _a = this.data, type = _a.type, currentDate = _a.currentDate, allowSameDay = _a.allowSameDay;
+ if (type === 'range') {
+ // @ts-ignore
+ var startDay = currentDate[0], endDay = currentDate[1];
+ if (startDay && !endDay) {
+ var compareToStart = utils_1.compareDay(date, startDay);
+ if (compareToStart === 1) {
+ this.select([startDay, date], true);
+ }
+ else if (compareToStart === -1) {
+ this.select([date, null]);
+ }
+ else if (allowSameDay) {
+ this.select([date, date]);
+ }
+ }
+ else {
+ this.select([date, null]);
+ }
+ }
+ else if (type === 'multiple') {
+ var selectedIndex_1;
+ // @ts-ignore
+ var selected = currentDate.some(function (dateItem, index) {
+ var equal = utils_1.compareDay(dateItem, date) === 0;
+ if (equal) {
+ selectedIndex_1 = index;
+ }
+ return equal;
+ });
+ if (selected) {
+ // @ts-ignore
+ var cancelDate = currentDate.splice(selectedIndex_1, 1);
+ this.setData({ currentDate: currentDate });
+ this.unselect(cancelDate);
+ }
+ else {
+ // @ts-ignore
+ this.select(__spreadArray(__spreadArray([], currentDate), [date]));
+ }
+ }
+ else {
+ this.select(date, true);
+ }
+ },
+ unselect: function (dateArray) {
+ var date = dateArray[0];
+ if (date) {
+ this.$emit('unselect', utils_1.copyDates(date));
+ }
+ },
+ select: function (date, complete) {
+ if (complete && this.data.type === 'range') {
+ var valid = this.checkRange(date);
+ if (!valid) {
+ // auto selected to max range if showConfirm
+ if (this.data.showConfirm) {
+ this.emit([
+ date[0],
+ utils_1.getDayByOffset(date[0], this.data.maxRange - 1),
+ ]);
+ }
+ else {
+ this.emit(date);
+ }
+ return;
+ }
+ }
this.emit(date);
- }
- return;
- }
- }
- this.emit(date);
- if (complete && !this.data.showConfirm) {
- this.onConfirm();
- }
+ if (complete && !this.data.showConfirm) {
+ this.onConfirm();
+ }
+ },
+ emit: function (date) {
+ var getTime = function (date) {
+ return date instanceof Date ? date.getTime() : date;
+ };
+ this.setData({
+ currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
+ });
+ this.$emit('select', utils_1.copyDates(date));
+ },
+ checkRange: function (date) {
+ var _a = this.data, maxRange = _a.maxRange, rangePrompt = _a.rangePrompt, showRangePrompt = _a.showRangePrompt;
+ if (maxRange && utils_1.calcDateNum(date) > maxRange) {
+ if (showRangePrompt) {
+ toast_1.default({
+ context: this,
+ message: rangePrompt || "\u9009\u62E9\u5929\u6570\u4E0D\u80FD\u8D85\u8FC7 " + maxRange + " \u5929",
+ });
+ }
+ this.$emit('over-range');
+ return false;
+ }
+ return true;
+ },
+ onConfirm: function () {
+ var _this = this;
+ if (this.data.type === 'range' &&
+ !this.checkRange(this.data.currentDate)) {
+ return;
+ }
+ wx.nextTick(function () {
+ // @ts-ignore
+ _this.$emit('confirm', utils_1.copyDates(_this.data.currentDate));
+ });
+ },
+ onClickSubtitle: function (event) {
+ this.$emit('click-subtitle', event);
+ },
},
- emit: function (date) {
- var getTime = function (date) {
- return date instanceof Date ? date.getTime() : date;
- };
- this.setData({
- currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
- });
- this.$emit('select', utils_1.copyDates(date));
- },
- checkRange: function (date) {
- var _a = this.data,
- maxRange = _a.maxRange,
- rangePrompt = _a.rangePrompt,
- showRangePrompt = _a.showRangePrompt;
- if (maxRange && utils_1.calcDateNum(date) > maxRange) {
- if (showRangePrompt) {
- toast_1.default({
- context: this,
- message:
- rangePrompt ||
- '\u9009\u62E9\u5929\u6570\u4E0D\u80FD\u8D85\u8FC7 ' +
- maxRange +
- ' \u5929',
- });
- }
- this.$emit('over-range');
- return false;
- }
- return true;
- },
- onConfirm: function () {
- var _this = this;
- if (
- this.data.type === 'range' &&
- !this.checkRange(this.data.currentDate)
- ) {
- return;
- }
- wx.nextTick(function () {
- // @ts-ignore
- _this.$emit('confirm', utils_1.copyDates(_this.data.currentDate));
- });
- },
- onClickSubtitle: function (event) {
- this.$emit('click-subtitle', event);
- },
- },
});
diff --git a/lib/calendar/utils.js b/lib/calendar/utils.js
index 37e14c2a..337c9ede 100644
--- a/lib/calendar/utils.js
+++ b/lib/calendar/utils.js
@@ -1,97 +1,97 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.getMonths = exports.getMonthEndDay = exports.copyDates = exports.calcDateNum = exports.getToday = exports.getNextDay = exports.getPrevDay = exports.getDayByOffset = exports.compareDay = exports.compareMonth = exports.formatMonthTitle = exports.ROW_HEIGHT = void 0;
exports.ROW_HEIGHT = 64;
function formatMonthTitle(date) {
- if (!(date instanceof Date)) {
- date = new Date(date);
- }
- return date.getFullYear() + '\u5E74' + (date.getMonth() + 1) + '\u6708';
+ if (!(date instanceof Date)) {
+ date = new Date(date);
+ }
+ return date.getFullYear() + "\u5E74" + (date.getMonth() + 1) + "\u6708";
}
exports.formatMonthTitle = formatMonthTitle;
function compareMonth(date1, date2) {
- if (!(date1 instanceof Date)) {
- date1 = new Date(date1);
- }
- if (!(date2 instanceof Date)) {
- date2 = new Date(date2);
- }
- var year1 = date1.getFullYear();
- var year2 = date2.getFullYear();
- var month1 = date1.getMonth();
- var month2 = date2.getMonth();
- if (year1 === year2) {
- return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
- }
- return year1 > year2 ? 1 : -1;
+ if (!(date1 instanceof Date)) {
+ date1 = new Date(date1);
+ }
+ if (!(date2 instanceof Date)) {
+ date2 = new Date(date2);
+ }
+ var year1 = date1.getFullYear();
+ var year2 = date2.getFullYear();
+ var month1 = date1.getMonth();
+ var month2 = date2.getMonth();
+ if (year1 === year2) {
+ return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
+ }
+ return year1 > year2 ? 1 : -1;
}
exports.compareMonth = compareMonth;
function compareDay(day1, day2) {
- if (!(day1 instanceof Date)) {
- day1 = new Date(day1);
- }
- if (!(day2 instanceof Date)) {
- day2 = new Date(day2);
- }
- var compareMonthResult = compareMonth(day1, day2);
- if (compareMonthResult === 0) {
- var date1 = day1.getDate();
- var date2 = day2.getDate();
- return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
- }
- return compareMonthResult;
+ if (!(day1 instanceof Date)) {
+ day1 = new Date(day1);
+ }
+ if (!(day2 instanceof Date)) {
+ day2 = new Date(day2);
+ }
+ var compareMonthResult = compareMonth(day1, day2);
+ if (compareMonthResult === 0) {
+ var date1 = day1.getDate();
+ var date2 = day2.getDate();
+ return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
+ }
+ return compareMonthResult;
}
exports.compareDay = compareDay;
function getDayByOffset(date, offset) {
- date = new Date(date);
- date.setDate(date.getDate() + offset);
- return date;
+ date = new Date(date);
+ date.setDate(date.getDate() + offset);
+ return date;
}
exports.getDayByOffset = getDayByOffset;
function getPrevDay(date) {
- return getDayByOffset(date, -1);
+ return getDayByOffset(date, -1);
}
exports.getPrevDay = getPrevDay;
function getNextDay(date) {
- return getDayByOffset(date, 1);
+ return getDayByOffset(date, 1);
}
exports.getNextDay = getNextDay;
function getToday() {
- var today = new Date();
- today.setHours(0, 0, 0, 0);
- return today;
+ var today = new Date();
+ today.setHours(0, 0, 0, 0);
+ return today;
}
exports.getToday = getToday;
function calcDateNum(date) {
- var day1 = new Date(date[0]).getTime();
- var day2 = new Date(date[1]).getTime();
- return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
+ var day1 = new Date(date[0]).getTime();
+ var day2 = new Date(date[1]).getTime();
+ return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
}
exports.calcDateNum = calcDateNum;
function copyDates(dates) {
- if (Array.isArray(dates)) {
- return dates.map(function (date) {
- if (date === null) {
- return date;
- }
- return new Date(date);
- });
- }
- return new Date(dates);
+ if (Array.isArray(dates)) {
+ return dates.map(function (date) {
+ if (date === null) {
+ return date;
+ }
+ return new Date(date);
+ });
+ }
+ return new Date(dates);
}
exports.copyDates = copyDates;
function getMonthEndDay(year, month) {
- return 32 - new Date(year, month - 1, 32).getDate();
+ return 32 - new Date(year, month - 1, 32).getDate();
}
exports.getMonthEndDay = getMonthEndDay;
function getMonths(minDate, maxDate) {
- var months = [];
- var cursor = new Date(minDate);
- cursor.setDate(1);
- do {
- months.push(cursor.getTime());
- cursor.setMonth(cursor.getMonth() + 1);
- } while (compareMonth(cursor, maxDate) !== 1);
- return months;
+ var months = [];
+ var cursor = new Date(minDate);
+ cursor.setDate(1);
+ do {
+ months.push(cursor.getTime());
+ cursor.setMonth(cursor.getMonth() + 1);
+ } while (compareMonth(cursor, maxDate) !== 1);
+ return months;
}
exports.getMonths = getMonths;
diff --git a/lib/card/index.js b/lib/card/index.js
index cb0f9827..b1048260 100644
--- a/lib/card/index.js
+++ b/lib/card/index.js
@@ -1,51 +1,51 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var link_1 = require('../mixins/link');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var link_1 = require("../mixins/link");
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: [
- 'num-class',
- 'desc-class',
- 'thumb-class',
- 'title-class',
- 'price-class',
- 'origin-price-class',
- ],
- mixins: [link_1.link],
- props: {
- tag: String,
- num: String,
- desc: String,
- thumb: String,
- title: String,
- price: {
- type: String,
- observer: 'updatePrice',
+ classes: [
+ 'num-class',
+ 'desc-class',
+ 'thumb-class',
+ 'title-class',
+ 'price-class',
+ 'origin-price-class',
+ ],
+ mixins: [link_1.link],
+ props: {
+ tag: String,
+ num: String,
+ desc: String,
+ thumb: String,
+ title: String,
+ price: {
+ type: String,
+ observer: 'updatePrice',
+ },
+ centered: Boolean,
+ lazyLoad: Boolean,
+ thumbLink: String,
+ originPrice: String,
+ thumbMode: {
+ type: String,
+ value: 'aspectFit',
+ },
+ currency: {
+ type: String,
+ value: '¥',
+ },
},
- centered: Boolean,
- lazyLoad: Boolean,
- thumbLink: String,
- originPrice: String,
- thumbMode: {
- type: String,
- value: 'aspectFit',
+ methods: {
+ updatePrice: function () {
+ var price = this.data.price;
+ var priceArr = price.toString().split('.');
+ this.setData({
+ integerStr: priceArr[0],
+ decimalStr: priceArr[1] ? "." + priceArr[1] : '',
+ });
+ },
+ onClickThumb: function () {
+ this.jumpLink('thumbLink');
+ },
},
- currency: {
- type: String,
- value: '¥',
- },
- },
- methods: {
- updatePrice: function () {
- var price = this.data.price;
- var priceArr = price.toString().split('.');
- this.setData({
- integerStr: priceArr[0],
- decimalStr: priceArr[1] ? '.' + priceArr[1] : '',
- });
- },
- onClickThumb: function () {
- this.jumpLink('thumbLink');
- },
- },
});
diff --git a/lib/cell-group/index.js b/lib/cell-group/index.js
index fc0f6645..cf294f0b 100644
--- a/lib/cell-group/index.js
+++ b/lib/cell-group/index.js
@@ -1,13 +1,13 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- title: String,
- border: {
- type: Boolean,
- value: true,
+ props: {
+ title: String,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ inset: Boolean,
},
- inset: Boolean,
- },
});
diff --git a/lib/cell/index.js b/lib/cell/index.js
index 7a18c9f2..d2703827 100644
--- a/lib/cell/index.js
+++ b/lib/cell/index.js
@@ -1,40 +1,40 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var link_1 = require('../mixins/link');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var link_1 = require("../mixins/link");
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: [
- 'title-class',
- 'label-class',
- 'value-class',
- 'right-icon-class',
- 'hover-class',
- ],
- mixins: [link_1.link],
- props: {
- title: null,
- value: null,
- icon: String,
- size: String,
- label: String,
- center: Boolean,
- isLink: Boolean,
- required: Boolean,
- clickable: Boolean,
- titleWidth: String,
- customStyle: String,
- arrowDirection: String,
- useLabelSlot: Boolean,
- border: {
- type: Boolean,
- value: true,
+ classes: [
+ 'title-class',
+ 'label-class',
+ 'value-class',
+ 'right-icon-class',
+ 'hover-class',
+ ],
+ mixins: [link_1.link],
+ props: {
+ title: null,
+ value: null,
+ icon: String,
+ size: String,
+ label: String,
+ center: Boolean,
+ isLink: Boolean,
+ required: Boolean,
+ clickable: Boolean,
+ titleWidth: String,
+ customStyle: String,
+ arrowDirection: String,
+ useLabelSlot: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ titleStyle: String,
},
- titleStyle: String,
- },
- methods: {
- onClick: function (event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ methods: {
+ onClick: function (event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
},
- },
});
diff --git a/lib/checkbox-group/index.js b/lib/checkbox-group/index.js
index 96aec51c..7cdaccfd 100644
--- a/lib/checkbox-group/index.js
+++ b/lib/checkbox-group/index.js
@@ -1,44 +1,39 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var relation_1 = require('../common/relation');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
component_1.VantComponent({
- field: true,
- relation: relation_1.useChildren('checkbox', function (target) {
- this.updateChild(target);
- }),
- props: {
- max: Number,
- value: {
- type: Array,
- observer: 'updateChildren',
+ field: true,
+ relation: relation_1.useChildren('checkbox', function (target) {
+ this.updateChild(target);
+ }),
+ props: {
+ max: Number,
+ value: {
+ type: Array,
+ observer: 'updateChildren',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ direction: {
+ type: String,
+ value: 'vertical',
+ },
},
- disabled: {
- type: Boolean,
- observer: 'updateChildren',
+ methods: {
+ updateChildren: function () {
+ var _this = this;
+ this.children.forEach(function (child) { return _this.updateChild(child); });
+ },
+ updateChild: function (child) {
+ var _a = this.data, value = _a.value, disabled = _a.disabled, direction = _a.direction;
+ child.setData({
+ value: value.indexOf(child.data.name) !== -1,
+ parentDisabled: disabled,
+ direction: direction,
+ });
+ },
},
- direction: {
- type: String,
- value: 'vertical',
- },
- },
- methods: {
- updateChildren: function () {
- var _this = this;
- this.children.forEach(function (child) {
- return _this.updateChild(child);
- });
- },
- updateChild: function (child) {
- var _a = this.data,
- value = _a.value,
- disabled = _a.disabled,
- direction = _a.direction;
- child.setData({
- value: value.indexOf(child.data.name) !== -1,
- parentDisabled: disabled,
- direction: direction,
- });
- },
- },
});
diff --git a/lib/checkbox/index.js b/lib/checkbox/index.js
index c607f292..0fc809f7 100644
--- a/lib/checkbox/index.js
+++ b/lib/checkbox/index.js
@@ -1,84 +1,79 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var relation_1 = require('../common/relation');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
function emit(target, value) {
- target.$emit('input', value);
- target.$emit('change', value);
+ target.$emit('input', value);
+ target.$emit('change', value);
}
component_1.VantComponent({
- field: true,
- relation: relation_1.useParent('checkbox-group'),
- classes: ['icon-class', 'label-class'],
- props: {
- value: Boolean,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: {
- type: String,
- value: 'right',
+ field: true,
+ relation: relation_1.useParent('checkbox-group'),
+ classes: ['icon-class', 'label-class'],
+ props: {
+ value: Boolean,
+ disabled: Boolean,
+ useIconSlot: Boolean,
+ checkedColor: String,
+ labelPosition: {
+ type: String,
+ value: 'right',
+ },
+ labelDisabled: Boolean,
+ shape: {
+ type: String,
+ value: 'round',
+ },
+ iconSize: {
+ type: null,
+ value: 20,
+ },
},
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round',
+ data: {
+ parentDisabled: false,
+ direction: 'vertical',
},
- iconSize: {
- type: null,
- value: 20,
+ methods: {
+ emitChange: function (value) {
+ if (this.parent) {
+ this.setParentValue(this.parent, value);
+ }
+ else {
+ emit(this, value);
+ }
+ },
+ toggle: function () {
+ var _a = this.data, parentDisabled = _a.parentDisabled, disabled = _a.disabled, value = _a.value;
+ if (!disabled && !parentDisabled) {
+ this.emitChange(!value);
+ }
+ },
+ onClickLabel: function () {
+ var _a = this.data, labelDisabled = _a.labelDisabled, parentDisabled = _a.parentDisabled, disabled = _a.disabled, value = _a.value;
+ if (!disabled && !labelDisabled && !parentDisabled) {
+ this.emitChange(!value);
+ }
+ },
+ setParentValue: function (parent, value) {
+ var parentValue = parent.data.value.slice();
+ var name = this.data.name;
+ var max = parent.data.max;
+ if (value) {
+ if (max && parentValue.length >= max) {
+ return;
+ }
+ if (parentValue.indexOf(name) === -1) {
+ parentValue.push(name);
+ emit(parent, parentValue);
+ }
+ }
+ else {
+ var index = parentValue.indexOf(name);
+ if (index !== -1) {
+ parentValue.splice(index, 1);
+ emit(parent, parentValue);
+ }
+ }
+ },
},
- },
- data: {
- parentDisabled: false,
- direction: 'vertical',
- },
- methods: {
- emitChange: function (value) {
- if (this.parent) {
- this.setParentValue(this.parent, value);
- } else {
- emit(this, value);
- }
- },
- toggle: function () {
- var _a = this.data,
- parentDisabled = _a.parentDisabled,
- disabled = _a.disabled,
- value = _a.value;
- if (!disabled && !parentDisabled) {
- this.emitChange(!value);
- }
- },
- onClickLabel: function () {
- var _a = this.data,
- labelDisabled = _a.labelDisabled,
- parentDisabled = _a.parentDisabled,
- disabled = _a.disabled,
- value = _a.value;
- if (!disabled && !labelDisabled && !parentDisabled) {
- this.emitChange(!value);
- }
- },
- setParentValue: function (parent, value) {
- var parentValue = parent.data.value.slice();
- var name = this.data.name;
- var max = parent.data.max;
- if (value) {
- if (max && parentValue.length >= max) {
- return;
- }
- if (parentValue.indexOf(name) === -1) {
- parentValue.push(name);
- emit(parent, parentValue);
- }
- } else {
- var index = parentValue.indexOf(name);
- if (index !== -1) {
- parentValue.splice(index, 1);
- emit(parent, parentValue);
- }
- }
- },
- },
});
diff --git a/lib/circle/canvas.js b/lib/circle/canvas.js
index dbee1d73..d81df747 100644
--- a/lib/circle/canvas.js
+++ b/lib/circle/canvas.js
@@ -1,47 +1,47 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.adaptor = void 0;
function adaptor(ctx) {
- // @ts-ignore
- return Object.assign(ctx, {
- setStrokeStyle: function (val) {
- ctx.strokeStyle = val;
- },
- setLineWidth: function (val) {
- ctx.lineWidth = val;
- },
- setLineCap: function (val) {
- ctx.lineCap = val;
- },
- setFillStyle: function (val) {
- ctx.fillStyle = val;
- },
- setFontSize: function (val) {
- ctx.font = String(val);
- },
- setGlobalAlpha: function (val) {
- ctx.globalAlpha = val;
- },
- setLineJoin: function (val) {
- ctx.lineJoin = val;
- },
- setTextAlign: function (val) {
- ctx.textAlign = val;
- },
- setMiterLimit: function (val) {
- ctx.miterLimit = val;
- },
- setShadow: function (offsetX, offsetY, blur, color) {
- ctx.shadowOffsetX = offsetX;
- ctx.shadowOffsetY = offsetY;
- ctx.shadowBlur = blur;
- ctx.shadowColor = color;
- },
- setTextBaseline: function (val) {
- ctx.textBaseline = val;
- },
- createCircularGradient: function () {},
- draw: function () {},
- });
+ // @ts-ignore
+ return Object.assign(ctx, {
+ setStrokeStyle: function (val) {
+ ctx.strokeStyle = val;
+ },
+ setLineWidth: function (val) {
+ ctx.lineWidth = val;
+ },
+ setLineCap: function (val) {
+ ctx.lineCap = val;
+ },
+ setFillStyle: function (val) {
+ ctx.fillStyle = val;
+ },
+ setFontSize: function (val) {
+ ctx.font = String(val);
+ },
+ setGlobalAlpha: function (val) {
+ ctx.globalAlpha = val;
+ },
+ setLineJoin: function (val) {
+ ctx.lineJoin = val;
+ },
+ setTextAlign: function (val) {
+ ctx.textAlign = val;
+ },
+ setMiterLimit: function (val) {
+ ctx.miterLimit = val;
+ },
+ setShadow: function (offsetX, offsetY, blur, color) {
+ ctx.shadowOffsetX = offsetX;
+ ctx.shadowOffsetY = offsetY;
+ ctx.shadowBlur = blur;
+ ctx.shadowColor = color;
+ },
+ setTextBaseline: function (val) {
+ ctx.textBaseline = val;
+ },
+ createCircularGradient: function () { },
+ draw: function () { },
+ });
}
exports.adaptor = adaptor;
diff --git a/lib/circle/index.js b/lib/circle/index.js
index 416c0bd3..250ba1cc 100644
--- a/lib/circle/index.js
+++ b/lib/circle/index.js
@@ -1,217 +1,203 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var color_1 = require('../common/color');
-var component_1 = require('../common/component');
-var utils_1 = require('../common/utils');
-var validator_1 = require('../common/validator');
-var version_1 = require('../common/version');
-var canvas_1 = require('./canvas');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var color_1 = require("../common/color");
+var component_1 = require("../common/component");
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
+var version_1 = require("../common/version");
+var canvas_1 = require("./canvas");
function format(rate) {
- return Math.min(Math.max(rate, 0), 100);
+ return Math.min(Math.max(rate, 0), 100);
}
var PERIMETER = 2 * Math.PI;
var BEGIN_ANGLE = -Math.PI / 2;
var STEP = 1;
component_1.VantComponent({
- props: {
- text: String,
- lineCap: {
- type: String,
- value: 'round',
+ props: {
+ text: String,
+ lineCap: {
+ type: String,
+ value: 'round',
+ },
+ value: {
+ type: Number,
+ value: 0,
+ observer: 'reRender',
+ },
+ speed: {
+ type: Number,
+ value: 50,
+ },
+ size: {
+ type: Number,
+ value: 100,
+ observer: function () {
+ this.drawCircle(this.currentValue);
+ },
+ },
+ fill: String,
+ layerColor: {
+ type: String,
+ value: color_1.WHITE,
+ },
+ color: {
+ type: null,
+ value: color_1.BLUE,
+ observer: function () {
+ var _this = this;
+ this.setHoverColor().then(function () {
+ _this.drawCircle(_this.currentValue);
+ });
+ },
+ },
+ type: {
+ type: String,
+ value: '',
+ },
+ strokeWidth: {
+ type: Number,
+ value: 4,
+ },
+ clockwise: {
+ type: Boolean,
+ value: true,
+ },
},
- value: {
- type: Number,
- value: 0,
- observer: 'reRender',
+ data: {
+ hoverColor: color_1.BLUE,
},
- speed: {
- type: Number,
- value: 50,
- },
- size: {
- type: Number,
- value: 100,
- observer: function () {
- this.drawCircle(this.currentValue);
- },
- },
- fill: String,
- layerColor: {
- type: String,
- value: color_1.WHITE,
- },
- color: {
- type: null,
- value: color_1.BLUE,
- observer: function () {
- var _this = this;
- this.setHoverColor().then(function () {
- _this.drawCircle(_this.currentValue);
- });
- },
- },
- type: {
- type: String,
- value: '',
- },
- strokeWidth: {
- type: Number,
- value: 4,
- },
- clockwise: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- hoverColor: color_1.BLUE,
- },
- methods: {
- getContext: function () {
- var _this = this;
- var _a = this.data,
- type = _a.type,
- size = _a.size;
- if (type === '' || !version_1.canIUseCanvas2d()) {
- var ctx = wx.createCanvasContext('van-circle', this);
- return Promise.resolve(ctx);
- }
- var dpr = utils_1.getSystemInfoSync().pixelRatio;
- return new Promise(function (resolve) {
- wx.createSelectorQuery()
- .in(_this)
- .select('#van-circle')
- .node()
- .exec(function (res) {
- var canvas = res[0].node;
- var ctx = canvas.getContext(type);
- if (!_this.inited) {
- _this.inited = true;
- canvas.width = size * dpr;
- canvas.height = size * dpr;
- ctx.scale(dpr, dpr);
+ methods: {
+ getContext: function () {
+ var _this = this;
+ var _a = this.data, type = _a.type, size = _a.size;
+ if (type === '' || !version_1.canIUseCanvas2d()) {
+ var ctx = wx.createCanvasContext('van-circle', this);
+ return Promise.resolve(ctx);
}
- resolve(canvas_1.adaptor(ctx));
- });
- });
- },
- setHoverColor: function () {
- var _this = this;
- var _a = this.data,
- color = _a.color,
- size = _a.size;
- if (validator_1.isObj(color)) {
- return this.getContext().then(function (context) {
- var LinearColor = context.createLinearGradient(size, 0, 0, 0);
- Object.keys(color)
- .sort(function (a, b) {
- return parseFloat(a) - parseFloat(b);
- })
- .map(function (key) {
- return LinearColor.addColorStop(
- parseFloat(key) / 100,
- color[key]
- );
+ var dpr = utils_1.getSystemInfoSync().pixelRatio;
+ return new Promise(function (resolve) {
+ wx.createSelectorQuery()
+ .in(_this)
+ .select('#van-circle')
+ .node()
+ .exec(function (res) {
+ var canvas = res[0].node;
+ var ctx = canvas.getContext(type);
+ if (!_this.inited) {
+ _this.inited = true;
+ canvas.width = size * dpr;
+ canvas.height = size * dpr;
+ ctx.scale(dpr, dpr);
+ }
+ resolve(canvas_1.adaptor(ctx));
+ });
});
- _this.hoverColor = LinearColor;
- });
- }
- this.hoverColor = color;
- return Promise.resolve();
- },
- presetCanvas: function (context, strokeStyle, beginAngle, endAngle, fill) {
- var _a = this.data,
- strokeWidth = _a.strokeWidth,
- lineCap = _a.lineCap,
- clockwise = _a.clockwise,
- size = _a.size;
- var position = size / 2;
- var radius = position - strokeWidth / 2;
- context.setStrokeStyle(strokeStyle);
- context.setLineWidth(strokeWidth);
- context.setLineCap(lineCap);
- context.beginPath();
- context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
- context.stroke();
- if (fill) {
- context.setFillStyle(fill);
- context.fill();
- }
- },
- renderLayerCircle: function (context) {
- var _a = this.data,
- layerColor = _a.layerColor,
- fill = _a.fill;
- this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
- },
- renderHoverCircle: function (context, formatValue) {
- var clockwise = this.data.clockwise;
- // 结束角度
- var progress = PERIMETER * (formatValue / 100);
- var endAngle = clockwise
- ? BEGIN_ANGLE + progress
- : 3 * Math.PI - (BEGIN_ANGLE + progress);
- this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
- },
- drawCircle: function (currentValue) {
- var _this = this;
- var size = this.data.size;
- this.getContext().then(function (context) {
- context.clearRect(0, 0, size, size);
- _this.renderLayerCircle(context);
- var formatValue = format(currentValue);
- if (formatValue !== 0) {
- _this.renderHoverCircle(context, formatValue);
- }
- context.draw();
- });
- },
- reRender: function () {
- var _this = this;
- // tofector 动画暂时没有想到好的解决方案
- var _a = this.data,
- value = _a.value,
- speed = _a.speed;
- if (speed <= 0 || speed > 1000) {
- this.drawCircle(value);
- return;
- }
- this.clearMockInterval();
- this.currentValue = this.currentValue || 0;
- var run = function () {
- _this.interval = setTimeout(function () {
- if (_this.currentValue !== value) {
- if (Math.abs(_this.currentValue - value) < STEP) {
- _this.currentValue = value;
- } else if (_this.currentValue < value) {
- _this.currentValue += STEP;
- } else {
- _this.currentValue -= STEP;
+ },
+ setHoverColor: function () {
+ var _this = this;
+ var _a = this.data, color = _a.color, size = _a.size;
+ if (validator_1.isObj(color)) {
+ return this.getContext().then(function (context) {
+ var LinearColor = context.createLinearGradient(size, 0, 0, 0);
+ Object.keys(color)
+ .sort(function (a, b) { return parseFloat(a) - parseFloat(b); })
+ .map(function (key) {
+ return LinearColor.addColorStop(parseFloat(key) / 100, color[key]);
+ });
+ _this.hoverColor = LinearColor;
+ });
}
- _this.drawCircle(_this.currentValue);
+ this.hoverColor = color;
+ return Promise.resolve();
+ },
+ presetCanvas: function (context, strokeStyle, beginAngle, endAngle, fill) {
+ var _a = this.data, strokeWidth = _a.strokeWidth, lineCap = _a.lineCap, clockwise = _a.clockwise, size = _a.size;
+ var position = size / 2;
+ var radius = position - strokeWidth / 2;
+ context.setStrokeStyle(strokeStyle);
+ context.setLineWidth(strokeWidth);
+ context.setLineCap(lineCap);
+ context.beginPath();
+ context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
+ context.stroke();
+ if (fill) {
+ context.setFillStyle(fill);
+ context.fill();
+ }
+ },
+ renderLayerCircle: function (context) {
+ var _a = this.data, layerColor = _a.layerColor, fill = _a.fill;
+ this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
+ },
+ renderHoverCircle: function (context, formatValue) {
+ var clockwise = this.data.clockwise;
+ // 结束角度
+ var progress = PERIMETER * (formatValue / 100);
+ var endAngle = clockwise
+ ? BEGIN_ANGLE + progress
+ : 3 * Math.PI - (BEGIN_ANGLE + progress);
+ this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
+ },
+ drawCircle: function (currentValue) {
+ var _this = this;
+ var size = this.data.size;
+ this.getContext().then(function (context) {
+ context.clearRect(0, 0, size, size);
+ _this.renderLayerCircle(context);
+ var formatValue = format(currentValue);
+ if (formatValue !== 0) {
+ _this.renderHoverCircle(context, formatValue);
+ }
+ context.draw();
+ });
+ },
+ reRender: function () {
+ var _this = this;
+ // tofector 动画暂时没有想到好的解决方案
+ var _a = this.data, value = _a.value, speed = _a.speed;
+ if (speed <= 0 || speed > 1000) {
+ this.drawCircle(value);
+ return;
+ }
+ this.clearMockInterval();
+ this.currentValue = this.currentValue || 0;
+ var run = function () {
+ _this.interval = setTimeout(function () {
+ if (_this.currentValue !== value) {
+ if (Math.abs(_this.currentValue - value) < STEP) {
+ _this.currentValue = value;
+ }
+ else if (_this.currentValue < value) {
+ _this.currentValue += STEP;
+ }
+ else {
+ _this.currentValue -= STEP;
+ }
+ _this.drawCircle(_this.currentValue);
+ run();
+ }
+ else {
+ _this.clearMockInterval();
+ }
+ }, 1000 / speed);
+ };
run();
- } else {
- _this.clearMockInterval();
- }
- }, 1000 / speed);
- };
- run();
+ },
+ clearMockInterval: function () {
+ if (this.interval) {
+ clearTimeout(this.interval);
+ this.interval = null;
+ }
+ },
},
- clearMockInterval: function () {
- if (this.interval) {
- clearTimeout(this.interval);
- this.interval = null;
- }
+ mounted: function () {
+ var _this = this;
+ this.currentValue = this.data.value;
+ this.setHoverColor().then(function () {
+ _this.drawCircle(_this.currentValue);
+ });
+ },
+ destroyed: function () {
+ this.clearMockInterval();
},
- },
- mounted: function () {
- var _this = this;
- this.currentValue = this.data.value;
- this.setHoverColor().then(function () {
- _this.drawCircle(_this.currentValue);
- });
- },
- destroyed: function () {
- this.clearMockInterval();
- },
});
diff --git a/lib/col/index.js b/lib/col/index.js
index a33c44b9..b1b265eb 100644
--- a/lib/col/index.js
+++ b/lib/col/index.js
@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var relation_1 = require('../common/relation');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
component_1.VantComponent({
- relation: relation_1.useParent('row'),
- props: {
- span: Number,
- offset: Number,
- },
+ relation: relation_1.useParent('row'),
+ props: {
+ span: Number,
+ offset: Number,
+ },
});
diff --git a/lib/collapse-item/animate.js b/lib/collapse-item/animate.js
index 43173837..1bdeca24 100644
--- a/lib/collapse-item/animate.js
+++ b/lib/collapse-item/animate.js
@@ -1,77 +1,65 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.setContentAnimate = void 0;
-var version_1 = require('../common/version');
-var utils_1 = require('../common/utils');
+var version_1 = require("../common/version");
+var utils_1 = require("../common/utils");
function useAnimate(context, expanded, mounted, height) {
- var selector = '.van-collapse-item__wrapper';
- if (expanded) {
- context.animate(
- selector,
- [
- { height: 0, ease: 'ease-in-out', offset: 0 },
- { height: height + 'px', ease: 'ease-in-out', offset: 1 },
- { height: 'auto', ease: 'ease-in-out', offset: 1 },
- ],
- mounted ? 300 : 0,
- function () {
- context.clearAnimation(selector);
- }
- );
- return;
- }
- context.animate(
- selector,
- [
- { height: height + 'px', ease: 'ease-in-out', offset: 0 },
- { height: 0, ease: 'ease-in-out', offset: 1 },
- ],
- 300,
- function () {
- context.clearAnimation(selector);
+ var selector = '.van-collapse-item__wrapper';
+ if (expanded) {
+ context.animate(selector, [
+ { height: 0, ease: 'ease-in-out', offset: 0 },
+ { height: height + "px", ease: 'ease-in-out', offset: 1 },
+ { height: "auto", ease: 'ease-in-out', offset: 1 },
+ ], mounted ? 300 : 0, function () {
+ context.clearAnimation(selector);
+ });
+ return;
}
- );
+ context.animate(selector, [
+ { height: height + "px", ease: 'ease-in-out', offset: 0 },
+ { height: 0, ease: 'ease-in-out', offset: 1 },
+ ], 300, function () {
+ context.clearAnimation(selector);
+ });
}
function useAnimation(context, expanded, mounted, height) {
- var animation = wx.createAnimation({
- duration: 0,
- timingFunction: 'ease-in-out',
- });
- if (expanded) {
- if (height === 0) {
- animation.height('auto').top(1).step();
- } else {
- animation
- .height(height)
- .top(1)
- .step({
- duration: mounted ? 300 : 1,
- })
- .height('auto')
- .step();
- }
- context.setData({
- animation: animation.export(),
+ var animation = wx.createAnimation({
+ duration: 0,
+ timingFunction: 'ease-in-out',
+ });
+ if (expanded) {
+ if (height === 0) {
+ animation.height('auto').top(1).step();
+ }
+ else {
+ animation
+ .height(height)
+ .top(1)
+ .step({
+ duration: mounted ? 300 : 1,
+ })
+ .height('auto')
+ .step();
+ }
+ context.setData({
+ animation: animation.export(),
+ });
+ return;
+ }
+ animation.height(height).top(0).step({ duration: 1 }).height(0).step({
+ duration: 300,
+ });
+ context.setData({
+ animation: animation.export(),
});
- return;
- }
- animation.height(height).top(0).step({ duration: 1 }).height(0).step({
- duration: 300,
- });
- context.setData({
- animation: animation.export(),
- });
}
function setContentAnimate(context, expanded, mounted) {
- utils_1
- .getRect(context, '.van-collapse-item__content')
- .then(function (rect) {
- return rect.height;
- })
- .then(function (height) {
- version_1.canIUseAnimate()
- ? useAnimate(context, expanded, mounted, height)
- : useAnimation(context, expanded, mounted, height);
+ utils_1.getRect(context, '.van-collapse-item__content')
+ .then(function (rect) { return rect.height; })
+ .then(function (height) {
+ version_1.canIUseAnimate()
+ ? useAnimate(context, expanded, mounted, height)
+ : useAnimation(context, expanded, mounted, height);
});
}
exports.setContentAnimate = setContentAnimate;
diff --git a/lib/collapse-item/index.js b/lib/collapse-item/index.js
index b30315cf..86af6f02 100644
--- a/lib/collapse-item/index.js
+++ b/lib/collapse-item/index.js
@@ -1,68 +1,61 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var animate_1 = require('./animate');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var animate_1 = require("./animate");
component_1.VantComponent({
- classes: ['title-class', 'content-class'],
- relation: relation_1.useParent('collapse'),
- props: {
- name: null,
- title: null,
- value: null,
- icon: String,
- label: String,
- disabled: Boolean,
- clickable: Boolean,
- border: {
- type: Boolean,
- value: true,
+ classes: ['title-class', 'content-class'],
+ relation: relation_1.useParent('collapse'),
+ props: {
+ name: null,
+ title: null,
+ value: null,
+ icon: String,
+ label: String,
+ disabled: Boolean,
+ clickable: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ isLink: {
+ type: Boolean,
+ value: true,
+ },
},
- isLink: {
- type: Boolean,
- value: true,
+ data: {
+ expanded: false,
},
- },
- data: {
- expanded: false,
- },
- mounted: function () {
- this.updateExpanded();
- this.mounted = true;
- },
- methods: {
- updateExpanded: function () {
- if (!this.parent) {
- return;
- }
- var _a = this.parent.data,
- value = _a.value,
- accordion = _a.accordion;
- var _b = this.parent.children,
- children = _b === void 0 ? [] : _b;
- var name = this.data.name;
- var index = children.indexOf(this);
- var currentName = name == null ? index : name;
- var expanded = accordion
- ? value === currentName
- : (value || []).some(function (name) {
- return name === currentName;
- });
- if (expanded !== this.data.expanded) {
- animate_1.setContentAnimate(this, expanded, this.mounted);
- }
- this.setData({ index: index, expanded: expanded });
+ mounted: function () {
+ this.updateExpanded();
+ this.mounted = true;
},
- onClick: function () {
- if (this.data.disabled) {
- return;
- }
- var _a = this.data,
- name = _a.name,
- expanded = _a.expanded;
- var index = this.parent.children.indexOf(this);
- var currentName = name == null ? index : name;
- this.parent.switch(currentName, !expanded);
+ methods: {
+ updateExpanded: function () {
+ if (!this.parent) {
+ return;
+ }
+ var _a = this.parent.data, value = _a.value, accordion = _a.accordion;
+ var _b = this.parent.children, children = _b === void 0 ? [] : _b;
+ var name = this.data.name;
+ var index = children.indexOf(this);
+ var currentName = name == null ? index : name;
+ var expanded = accordion
+ ? value === currentName
+ : (value || []).some(function (name) { return name === currentName; });
+ if (expanded !== this.data.expanded) {
+ animate_1.setContentAnimate(this, expanded, this.mounted);
+ }
+ this.setData({ index: index, expanded: expanded });
+ },
+ onClick: function () {
+ if (this.data.disabled) {
+ return;
+ }
+ var _a = this.data, name = _a.name, expanded = _a.expanded;
+ var index = this.parent.children.indexOf(this);
+ var currentName = name == null ? index : name;
+ this.parent.switch(currentName, !expanded);
+ },
},
- },
});
diff --git a/lib/collapse/index.js b/lib/collapse/index.js
index 4e2c0973..7745f0f3 100644
--- a/lib/collapse/index.js
+++ b/lib/collapse/index.js
@@ -1,50 +1,48 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useChildren('collapse-item'),
- props: {
- value: {
- type: null,
- observer: 'updateExpanded',
+ relation: relation_1.useChildren('collapse-item'),
+ props: {
+ value: {
+ type: null,
+ observer: 'updateExpanded',
+ },
+ accordion: {
+ type: Boolean,
+ observer: 'updateExpanded',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ },
},
- accordion: {
- type: Boolean,
- observer: 'updateExpanded',
- },
- border: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updateExpanded: function () {
- this.children.forEach(function (child) {
- child.updateExpanded();
- });
- },
- switch: function (name, expanded) {
- var _a = this.data,
- accordion = _a.accordion,
- value = _a.value;
- var changeItem = name;
- if (!accordion) {
- name = expanded
- ? (value || []).concat(name)
- : (value || []).filter(function (activeName) {
- return activeName !== name;
+ methods: {
+ updateExpanded: function () {
+ this.children.forEach(function (child) {
+ child.updateExpanded();
});
- } else {
- name = expanded ? name : '';
- }
- if (expanded) {
- this.$emit('open', changeItem);
- } else {
- this.$emit('close', changeItem);
- }
- this.$emit('change', name);
- this.$emit('input', name);
+ },
+ switch: function (name, expanded) {
+ var _a = this.data, accordion = _a.accordion, value = _a.value;
+ var changeItem = name;
+ if (!accordion) {
+ name = expanded
+ ? (value || []).concat(name)
+ : (value || []).filter(function (activeName) { return activeName !== name; });
+ }
+ else {
+ name = expanded ? name : '';
+ }
+ if (expanded) {
+ this.$emit('open', changeItem);
+ }
+ else {
+ this.$emit('close', changeItem);
+ }
+ this.$emit('change', name);
+ this.$emit('input', name);
+ },
},
- },
});
diff --git a/lib/common/color.js b/lib/common/color.js
index 885acaa7..008a45a3 100644
--- a/lib/common/color.js
+++ b/lib/common/color.js
@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.GRAY_DARK = exports.GRAY = exports.ORANGE = exports.GREEN = exports.WHITE = exports.BLUE = exports.RED = void 0;
exports.RED = '#ee0a24';
exports.BLUE = '#1989fa';
diff --git a/lib/common/component.js b/lib/common/component.js
index 2274506e..f1ab5c91 100644
--- a/lib/common/component.js
+++ b/lib/common/component.js
@@ -1,48 +1,48 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.VantComponent = void 0;
-var basic_1 = require('../mixins/basic');
+var basic_1 = require("../mixins/basic");
function mapKeys(source, target, map) {
- Object.keys(map).forEach(function (key) {
- if (source[key]) {
- target[map[key]] = source[key];
- }
- });
+ Object.keys(map).forEach(function (key) {
+ if (source[key]) {
+ target[map[key]] = source[key];
+ }
+ });
}
function VantComponent(vantOptions) {
- var options = {};
- mapKeys(vantOptions, options, {
- data: 'data',
- props: 'properties',
- mixins: 'behaviors',
- methods: 'methods',
- beforeCreate: 'created',
- created: 'attached',
- mounted: 'ready',
- destroyed: 'detached',
- classes: 'externalClasses',
- });
- // add default externalClasses
- options.externalClasses = options.externalClasses || [];
- options.externalClasses.push('custom-class');
- // add default behaviors
- options.behaviors = options.behaviors || [];
- options.behaviors.push(basic_1.basic);
- // add relations
- var relation = vantOptions.relation;
- if (relation) {
- options.relations = relation.relations;
- options.behaviors.push(relation.mixin);
- }
- // map field to form-field behavior
- if (vantOptions.field) {
- options.behaviors.push('wx://form-field');
- }
- // add default options
- options.options = {
- multipleSlots: true,
- addGlobalClass: true,
- };
- Component(options);
+ var options = {};
+ mapKeys(vantOptions, options, {
+ data: 'data',
+ props: 'properties',
+ mixins: 'behaviors',
+ methods: 'methods',
+ beforeCreate: 'created',
+ created: 'attached',
+ mounted: 'ready',
+ destroyed: 'detached',
+ classes: 'externalClasses',
+ });
+ // add default externalClasses
+ options.externalClasses = options.externalClasses || [];
+ options.externalClasses.push('custom-class');
+ // add default behaviors
+ options.behaviors = options.behaviors || [];
+ options.behaviors.push(basic_1.basic);
+ // add relations
+ var relation = vantOptions.relation;
+ if (relation) {
+ options.relations = relation.relations;
+ options.behaviors.push(relation.mixin);
+ }
+ // map field to form-field behavior
+ if (vantOptions.field) {
+ options.behaviors.push('wx://form-field');
+ }
+ // add default options
+ options.options = {
+ multipleSlots: true,
+ addGlobalClass: true,
+ };
+ Component(options);
}
exports.VantComponent = VantComponent;
diff --git a/lib/common/relation.js b/lib/common/relation.js
index fcf9824c..bcf3f8a0 100644
--- a/lib/common/relation.js
+++ b/lib/common/relation.js
@@ -1,79 +1,65 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.useChildren = exports.useParent = void 0;
function useParent(name, onEffect) {
- var _a;
- var path = '../' + name + '/index';
- return {
- relations:
- ((_a = {}),
- (_a[path] = {
- type: 'ancestor',
- linked: function () {
- onEffect && onEffect.call(this);
- },
- linkChanged: function () {
- onEffect && onEffect.call(this);
- },
- unlinked: function () {
- onEffect && onEffect.call(this);
- },
- }),
- _a),
- mixin: Behavior({
- created: function () {
- var _this = this;
- Object.defineProperty(this, 'parent', {
- get: function () {
- return _this.getRelationNodes(path)[0];
- },
- });
- Object.defineProperty(this, 'index', {
- // @ts-ignore
- get: function () {
- var _a, _b;
- return (_b =
- (_a = _this.parent) === null || _a === void 0
- ? void 0
- : _a.children) === null || _b === void 0
- ? void 0
- : _b.indexOf(_this);
- },
- });
- },
- }),
- };
+ var _a;
+ var path = "../" + name + "/index";
+ return {
+ relations: (_a = {},
+ _a[path] = {
+ type: 'ancestor',
+ linked: function () {
+ onEffect && onEffect.call(this);
+ },
+ linkChanged: function () {
+ onEffect && onEffect.call(this);
+ },
+ unlinked: function () {
+ onEffect && onEffect.call(this);
+ },
+ },
+ _a),
+ mixin: Behavior({
+ created: function () {
+ var _this = this;
+ Object.defineProperty(this, 'parent', {
+ get: function () { return _this.getRelationNodes(path)[0]; },
+ });
+ Object.defineProperty(this, 'index', {
+ // @ts-ignore
+ get: function () { var _a, _b; return (_b = (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.indexOf(_this); },
+ });
+ },
+ }),
+ };
}
exports.useParent = useParent;
function useChildren(name, onEffect) {
- var _a;
- var path = '../' + name + '/index';
- return {
- relations:
- ((_a = {}),
- (_a[path] = {
- type: 'descendant',
- linked: function (target) {
- onEffect && onEffect.call(this, target);
- },
- linkChanged: function (target) {
- onEffect && onEffect.call(this, target);
- },
- unlinked: function (target) {
- onEffect && onEffect.call(this, target);
- },
- }),
- _a),
- mixin: Behavior({
- created: function () {
- var _this = this;
- Object.defineProperty(this, 'children', {
- get: function () {
- return _this.getRelationNodes(path) || [];
- },
- });
- },
- }),
- };
+ var _a;
+ var path = "../" + name + "/index";
+ return {
+ relations: (_a = {},
+ _a[path] = {
+ type: 'descendant',
+ linked: function (target) {
+ onEffect && onEffect.call(this, target);
+ },
+ linkChanged: function (target) {
+ onEffect && onEffect.call(this, target);
+ },
+ unlinked: function (target) {
+ onEffect && onEffect.call(this, target);
+ },
+ },
+ _a),
+ mixin: Behavior({
+ created: function () {
+ var _this = this;
+ Object.defineProperty(this, 'children', {
+ get: function () { return _this.getRelationNodes(path) || []; },
+ });
+ },
+ }),
+ };
}
exports.useChildren = useChildren;
diff --git a/lib/common/utils.js b/lib/common/utils.js
index e37fb2e1..5b1bd196 100644
--- a/lib/common/utils.js
+++ b/lib/common/utils.js
@@ -1,120 +1,113 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.getCurrentPage = exports.toPromise = exports.groupSetData = exports.getAllRect = exports.getRect = exports.pickExclude = exports.requestAnimationFrame = exports.addUnit = exports.getSystemInfoSync = exports.nextTick = exports.range = exports.isDef = void 0;
-var validator_1 = require('./validator');
-var version_1 = require('./version');
-var validator_2 = require('./validator');
-Object.defineProperty(exports, 'isDef', {
- enumerable: true,
- get: function () {
- return validator_2.isDef;
- },
-});
+var validator_1 = require("./validator");
+var version_1 = require("./version");
+var validator_2 = require("./validator");
+Object.defineProperty(exports, "isDef", { enumerable: true, get: function () { return validator_2.isDef; } });
function range(num, min, max) {
- return Math.min(Math.max(num, min), max);
+ return Math.min(Math.max(num, min), max);
}
exports.range = range;
function nextTick(cb) {
- if (version_1.canIUseNextTick()) {
- wx.nextTick(cb);
- } else {
- setTimeout(function () {
- cb();
- }, 1000 / 30);
- }
+ if (version_1.canIUseNextTick()) {
+ wx.nextTick(cb);
+ }
+ else {
+ setTimeout(function () {
+ cb();
+ }, 1000 / 30);
+ }
}
exports.nextTick = nextTick;
var systemInfo;
function getSystemInfoSync() {
- if (systemInfo == null) {
- systemInfo = wx.getSystemInfoSync();
- }
- return systemInfo;
+ if (systemInfo == null) {
+ systemInfo = wx.getSystemInfoSync();
+ }
+ return systemInfo;
}
exports.getSystemInfoSync = getSystemInfoSync;
function addUnit(value) {
- if (!validator_1.isDef(value)) {
- return undefined;
- }
- value = String(value);
- return validator_1.isNumber(value) ? value + 'px' : value;
+ if (!validator_1.isDef(value)) {
+ return undefined;
+ }
+ value = String(value);
+ return validator_1.isNumber(value) ? value + "px" : value;
}
exports.addUnit = addUnit;
function requestAnimationFrame(cb) {
- var systemInfo = getSystemInfoSync();
- if (systemInfo.platform === 'devtools') {
- return setTimeout(function () {
- cb();
- }, 1000 / 30);
- }
- return wx
- .createSelectorQuery()
- .selectViewport()
- .boundingClientRect()
- .exec(function () {
- cb();
+ var systemInfo = getSystemInfoSync();
+ if (systemInfo.platform === 'devtools') {
+ return setTimeout(function () {
+ cb();
+ }, 1000 / 30);
+ }
+ return wx
+ .createSelectorQuery()
+ .selectViewport()
+ .boundingClientRect()
+ .exec(function () {
+ cb();
});
}
exports.requestAnimationFrame = requestAnimationFrame;
function pickExclude(obj, keys) {
- if (!validator_1.isPlainObject(obj)) {
- return {};
- }
- return Object.keys(obj).reduce(function (prev, key) {
- if (!keys.includes(key)) {
- prev[key] = obj[key];
+ if (!validator_1.isPlainObject(obj)) {
+ return {};
}
- return prev;
- }, {});
+ return Object.keys(obj).reduce(function (prev, key) {
+ if (!keys.includes(key)) {
+ prev[key] = obj[key];
+ }
+ return prev;
+ }, {});
}
exports.pickExclude = pickExclude;
function getRect(context, selector) {
- return new Promise(function (resolve) {
- wx.createSelectorQuery()
- .in(context)
- .select(selector)
- .boundingClientRect()
- .exec(function (rect) {
- if (rect === void 0) {
- rect = [];
- }
- return resolve(rect[0]);
- });
- });
+ return new Promise(function (resolve) {
+ wx.createSelectorQuery()
+ .in(context)
+ .select(selector)
+ .boundingClientRect()
+ .exec(function (rect) {
+ if (rect === void 0) { rect = []; }
+ return resolve(rect[0]);
+ });
+ });
}
exports.getRect = getRect;
function getAllRect(context, selector) {
- return new Promise(function (resolve) {
- wx.createSelectorQuery()
- .in(context)
- .selectAll(selector)
- .boundingClientRect()
- .exec(function (rect) {
- if (rect === void 0) {
- rect = [];
- }
- return resolve(rect[0]);
- });
- });
+ return new Promise(function (resolve) {
+ wx.createSelectorQuery()
+ .in(context)
+ .selectAll(selector)
+ .boundingClientRect()
+ .exec(function (rect) {
+ if (rect === void 0) { rect = []; }
+ return resolve(rect[0]);
+ });
+ });
}
exports.getAllRect = getAllRect;
function groupSetData(context, cb) {
- if (version_1.canIUseGroupSetData()) {
- context.groupSetData(cb);
- } else {
- cb();
- }
+ if (version_1.canIUseGroupSetData()) {
+ context.groupSetData(cb);
+ }
+ else {
+ cb();
+ }
}
exports.groupSetData = groupSetData;
function toPromise(promiseLike) {
- if (validator_1.isPromise(promiseLike)) {
- return promiseLike;
- }
- return Promise.resolve(promiseLike);
+ if (validator_1.isPromise(promiseLike)) {
+ return promiseLike;
+ }
+ return Promise.resolve(promiseLike);
}
exports.toPromise = toPromise;
function getCurrentPage() {
- var pages = getCurrentPages();
- return pages[pages.length - 1];
+ var pages = getCurrentPages();
+ return pages[pages.length - 1];
}
exports.getCurrentPage = getCurrentPage;
diff --git a/lib/common/validator.js b/lib/common/validator.js
index 798f0548..169e796e 100644
--- a/lib/common/validator.js
+++ b/lib/common/validator.js
@@ -1,43 +1,43 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.isVideoUrl = exports.isImageUrl = exports.isBoolean = exports.isNumber = exports.isObj = exports.isDef = exports.isPromise = exports.isPlainObject = exports.isFunction = void 0;
// eslint-disable-next-line @typescript-eslint/ban-types
function isFunction(val) {
- return typeof val === 'function';
+ return typeof val === 'function';
}
exports.isFunction = isFunction;
function isPlainObject(val) {
- return val !== null && typeof val === 'object' && !Array.isArray(val);
+ return val !== null && typeof val === 'object' && !Array.isArray(val);
}
exports.isPlainObject = isPlainObject;
function isPromise(val) {
- return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
+ return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
}
exports.isPromise = isPromise;
function isDef(value) {
- return value !== undefined && value !== null;
+ return value !== undefined && value !== null;
}
exports.isDef = isDef;
function isObj(x) {
- var type = typeof x;
- return x !== null && (type === 'object' || type === 'function');
+ var type = typeof x;
+ return x !== null && (type === 'object' || type === 'function');
}
exports.isObj = isObj;
function isNumber(value) {
- return /^\d+(\.\d+)?$/.test(value);
+ return /^\d+(\.\d+)?$/.test(value);
}
exports.isNumber = isNumber;
function isBoolean(value) {
- return typeof value === 'boolean';
+ return typeof value === 'boolean';
}
exports.isBoolean = isBoolean;
var IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
var VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i;
function isImageUrl(url) {
- return IMAGE_REGEXP.test(url);
+ return IMAGE_REGEXP.test(url);
}
exports.isImageUrl = isImageUrl;
function isVideoUrl(url) {
- return VIDEO_REGEXP.test(url);
+ return VIDEO_REGEXP.test(url);
}
exports.isVideoUrl = isVideoUrl;
diff --git a/lib/common/version.js b/lib/common/version.js
index c7dc5dbf..dbe62db6 100644
--- a/lib/common/version.js
+++ b/lib/common/version.js
@@ -1,58 +1,58 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.canIUseGetUserProfile = exports.canIUseCanvas2d = exports.canIUseNextTick = exports.canIUseGroupSetData = exports.canIUseAnimate = exports.canIUseFormFieldButton = exports.canIUseModel = void 0;
-var utils_1 = require('./utils');
+var utils_1 = require("./utils");
function compareVersion(v1, v2) {
- v1 = v1.split('.');
- v2 = v2.split('.');
- var len = Math.max(v1.length, v2.length);
- while (v1.length < len) {
- v1.push('0');
- }
- while (v2.length < len) {
- v2.push('0');
- }
- for (var i = 0; i < len; i++) {
- var num1 = parseInt(v1[i], 10);
- var num2 = parseInt(v2[i], 10);
- if (num1 > num2) {
- return 1;
+ v1 = v1.split('.');
+ v2 = v2.split('.');
+ var len = Math.max(v1.length, v2.length);
+ while (v1.length < len) {
+ v1.push('0');
}
- if (num1 < num2) {
- return -1;
+ while (v2.length < len) {
+ v2.push('0');
}
- }
- return 0;
+ for (var i = 0; i < len; i++) {
+ var num1 = parseInt(v1[i], 10);
+ var num2 = parseInt(v2[i], 10);
+ if (num1 > num2) {
+ return 1;
+ }
+ if (num1 < num2) {
+ return -1;
+ }
+ }
+ return 0;
}
function gte(version) {
- var system = utils_1.getSystemInfoSync();
- return compareVersion(system.SDKVersion, version) >= 0;
+ var system = utils_1.getSystemInfoSync();
+ return compareVersion(system.SDKVersion, version) >= 0;
}
function canIUseModel() {
- return gte('2.9.3');
+ return gte('2.9.3');
}
exports.canIUseModel = canIUseModel;
function canIUseFormFieldButton() {
- return gte('2.10.3');
+ return gte('2.10.3');
}
exports.canIUseFormFieldButton = canIUseFormFieldButton;
function canIUseAnimate() {
- return gte('2.9.0');
+ return gte('2.9.0');
}
exports.canIUseAnimate = canIUseAnimate;
function canIUseGroupSetData() {
- return gte('2.4.0');
+ return gte('2.4.0');
}
exports.canIUseGroupSetData = canIUseGroupSetData;
function canIUseNextTick() {
- return wx.canIUse('nextTick');
+ return wx.canIUse('nextTick');
}
exports.canIUseNextTick = canIUseNextTick;
function canIUseCanvas2d() {
- return gte('2.9.0');
+ return gte('2.9.0');
}
exports.canIUseCanvas2d = canIUseCanvas2d;
function canIUseGetUserProfile() {
- return !!wx.getUserProfile;
+ return !!wx.getUserProfile;
}
exports.canIUseGetUserProfile = canIUseGetUserProfile;
diff --git a/lib/config-provider/index.js b/lib/config-provider/index.js
index 341d7d94..62c1d927 100644
--- a/lib/config-provider/index.js
+++ b/lib/config-provider/index.js
@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- themeVars: {
- type: Object,
- value: {},
+ props: {
+ themeVars: {
+ type: Object,
+ value: {},
+ },
},
- },
});
diff --git a/lib/count-down/index.js b/lib/count-down/index.js
index 348d4898..64fa5fb0 100644
--- a/lib/count-down/index.js
+++ b/lib/count-down/index.js
@@ -1,103 +1,104 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('./utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("./utils");
function simpleTick(fn) {
- return setTimeout(fn, 30);
+ return setTimeout(fn, 30);
}
component_1.VantComponent({
- props: {
- useSlot: Boolean,
- millisecond: Boolean,
- time: {
- type: Number,
- observer: 'reset',
+ props: {
+ useSlot: Boolean,
+ millisecond: Boolean,
+ time: {
+ type: Number,
+ observer: 'reset',
+ },
+ format: {
+ type: String,
+ value: 'HH:mm:ss',
+ },
+ autoStart: {
+ type: Boolean,
+ value: true,
+ },
},
- format: {
- type: String,
- value: 'HH:mm:ss',
+ data: {
+ timeData: utils_1.parseTimeData(0),
+ formattedTime: '0',
},
- autoStart: {
- type: Boolean,
- value: true,
+ destroyed: function () {
+ clearTimeout(this.tid);
+ this.tid = null;
},
- },
- data: {
- timeData: utils_1.parseTimeData(0),
- formattedTime: '0',
- },
- destroyed: function () {
- clearTimeout(this.tid);
- this.tid = null;
- },
- methods: {
- // 开始
- start: function () {
- if (this.counting) {
- return;
- }
- this.counting = true;
- this.endTime = Date.now() + this.remain;
- this.tick();
+ methods: {
+ // 开始
+ start: function () {
+ if (this.counting) {
+ return;
+ }
+ this.counting = true;
+ this.endTime = Date.now() + this.remain;
+ this.tick();
+ },
+ // 暂停
+ pause: function () {
+ this.counting = false;
+ clearTimeout(this.tid);
+ },
+ // 重置
+ reset: function () {
+ this.pause();
+ this.remain = this.data.time;
+ this.setRemain(this.remain);
+ if (this.data.autoStart) {
+ this.start();
+ }
+ },
+ tick: function () {
+ if (this.data.millisecond) {
+ this.microTick();
+ }
+ else {
+ this.macroTick();
+ }
+ },
+ microTick: function () {
+ var _this = this;
+ this.tid = simpleTick(function () {
+ _this.setRemain(_this.getRemain());
+ if (_this.remain !== 0) {
+ _this.microTick();
+ }
+ });
+ },
+ macroTick: function () {
+ var _this = this;
+ this.tid = simpleTick(function () {
+ var remain = _this.getRemain();
+ if (!utils_1.isSameSecond(remain, _this.remain) || remain === 0) {
+ _this.setRemain(remain);
+ }
+ if (_this.remain !== 0) {
+ _this.macroTick();
+ }
+ });
+ },
+ getRemain: function () {
+ return Math.max(this.endTime - Date.now(), 0);
+ },
+ setRemain: function (remain) {
+ this.remain = remain;
+ var timeData = utils_1.parseTimeData(remain);
+ if (this.data.useSlot) {
+ this.$emit('change', timeData);
+ }
+ this.setData({
+ formattedTime: utils_1.parseFormat(this.data.format, timeData),
+ });
+ if (remain === 0) {
+ this.pause();
+ this.$emit('finish');
+ }
+ },
},
- // 暂停
- pause: function () {
- this.counting = false;
- clearTimeout(this.tid);
- },
- // 重置
- reset: function () {
- this.pause();
- this.remain = this.data.time;
- this.setRemain(this.remain);
- if (this.data.autoStart) {
- this.start();
- }
- },
- tick: function () {
- if (this.data.millisecond) {
- this.microTick();
- } else {
- this.macroTick();
- }
- },
- microTick: function () {
- var _this = this;
- this.tid = simpleTick(function () {
- _this.setRemain(_this.getRemain());
- if (_this.remain !== 0) {
- _this.microTick();
- }
- });
- },
- macroTick: function () {
- var _this = this;
- this.tid = simpleTick(function () {
- var remain = _this.getRemain();
- if (!utils_1.isSameSecond(remain, _this.remain) || remain === 0) {
- _this.setRemain(remain);
- }
- if (_this.remain !== 0) {
- _this.macroTick();
- }
- });
- },
- getRemain: function () {
- return Math.max(this.endTime - Date.now(), 0);
- },
- setRemain: function (remain) {
- this.remain = remain;
- var timeData = utils_1.parseTimeData(remain);
- if (this.data.useSlot) {
- this.$emit('change', timeData);
- }
- this.setData({
- formattedTime: utils_1.parseFormat(this.data.format, timeData),
- });
- if (remain === 0) {
- this.pause();
- this.$emit('finish');
- }
- },
- },
});
diff --git a/lib/count-down/utils.js b/lib/count-down/utils.js
index 10864a21..a7cfa5f5 100644
--- a/lib/count-down/utils.js
+++ b/lib/count-down/utils.js
@@ -1,65 +1,64 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.isSameSecond = exports.parseFormat = exports.parseTimeData = void 0;
function padZero(num, targetLength) {
- if (targetLength === void 0) {
- targetLength = 2;
- }
- var str = num + '';
- while (str.length < targetLength) {
- str = '0' + str;
- }
- return str;
+ if (targetLength === void 0) { targetLength = 2; }
+ var str = num + '';
+ while (str.length < targetLength) {
+ str = '0' + str;
+ }
+ return str;
}
var SECOND = 1000;
var MINUTE = 60 * SECOND;
var HOUR = 60 * MINUTE;
var DAY = 24 * HOUR;
function parseTimeData(time) {
- var days = Math.floor(time / DAY);
- var hours = Math.floor((time % DAY) / HOUR);
- var minutes = Math.floor((time % HOUR) / MINUTE);
- var seconds = Math.floor((time % MINUTE) / SECOND);
- var milliseconds = Math.floor(time % SECOND);
- return {
- days: days,
- hours: hours,
- minutes: minutes,
- seconds: seconds,
- milliseconds: milliseconds,
- };
+ var days = Math.floor(time / DAY);
+ var hours = Math.floor((time % DAY) / HOUR);
+ var minutes = Math.floor((time % HOUR) / MINUTE);
+ var seconds = Math.floor((time % MINUTE) / SECOND);
+ var milliseconds = Math.floor(time % SECOND);
+ return {
+ days: days,
+ hours: hours,
+ minutes: minutes,
+ seconds: seconds,
+ milliseconds: milliseconds,
+ };
}
exports.parseTimeData = parseTimeData;
function parseFormat(format, timeData) {
- var days = timeData.days;
- var hours = timeData.hours,
- minutes = timeData.minutes,
- seconds = timeData.seconds,
- milliseconds = timeData.milliseconds;
- if (format.indexOf('DD') === -1) {
- hours += days * 24;
- } else {
- format = format.replace('DD', padZero(days));
- }
- if (format.indexOf('HH') === -1) {
- minutes += hours * 60;
- } else {
- format = format.replace('HH', padZero(hours));
- }
- if (format.indexOf('mm') === -1) {
- seconds += minutes * 60;
- } else {
- format = format.replace('mm', padZero(minutes));
- }
- if (format.indexOf('ss') === -1) {
- milliseconds += seconds * 1000;
- } else {
- format = format.replace('ss', padZero(seconds));
- }
- return format.replace('SSS', padZero(milliseconds, 3));
+ var days = timeData.days;
+ var hours = timeData.hours, minutes = timeData.minutes, seconds = timeData.seconds, milliseconds = timeData.milliseconds;
+ if (format.indexOf('DD') === -1) {
+ hours += days * 24;
+ }
+ else {
+ format = format.replace('DD', padZero(days));
+ }
+ if (format.indexOf('HH') === -1) {
+ minutes += hours * 60;
+ }
+ else {
+ format = format.replace('HH', padZero(hours));
+ }
+ if (format.indexOf('mm') === -1) {
+ seconds += minutes * 60;
+ }
+ else {
+ format = format.replace('mm', padZero(minutes));
+ }
+ if (format.indexOf('ss') === -1) {
+ milliseconds += seconds * 1000;
+ }
+ else {
+ format = format.replace('ss', padZero(seconds));
+ }
+ return format.replace('SSS', padZero(milliseconds, 3));
}
exports.parseFormat = parseFormat;
function isSameSecond(time1, time2) {
- return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+ return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
}
exports.isSameSecond = isSameSecond;
diff --git a/lib/datetime-picker/index.js b/lib/datetime-picker/index.js
index 6444056a..5465adf4 100644
--- a/lib/datetime-picker/index.js
+++ b/lib/datetime-picker/index.js
@@ -1,375 +1,325 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-var __spreadArray =
- (this && this.__spreadArray) ||
- function (to, from) {
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
- to[j] = from[i];
+ to[j] = from[i];
return to;
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var validator_1 = require('../common/validator');
-var shared_1 = require('../picker/shared');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var validator_1 = require("../common/validator");
+var shared_1 = require("../picker/shared");
var currentYear = new Date().getFullYear();
function isValidDate(date) {
- return validator_1.isDef(date) && !isNaN(new Date(date).getTime());
+ return validator_1.isDef(date) && !isNaN(new Date(date).getTime());
}
function range(num, min, max) {
- return Math.min(Math.max(num, min), max);
+ return Math.min(Math.max(num, min), max);
}
function padZero(val) {
- return ('00' + val).slice(-2);
+ return ("00" + val).slice(-2);
}
function times(n, iteratee) {
- var index = -1;
- var result = Array(n < 0 ? 0 : n);
- while (++index < n) {
- result[index] = iteratee(index);
- }
- return result;
+ var index = -1;
+ var result = Array(n < 0 ? 0 : n);
+ while (++index < n) {
+ result[index] = iteratee(index);
+ }
+ return result;
}
function getTrueValue(formattedValue) {
- if (formattedValue === undefined) {
- formattedValue = '1';
- }
- while (isNaN(parseInt(formattedValue, 10))) {
- formattedValue = formattedValue.slice(1);
- }
- return parseInt(formattedValue, 10);
+ if (formattedValue === undefined) {
+ formattedValue = '1';
+ }
+ while (isNaN(parseInt(formattedValue, 10))) {
+ formattedValue = formattedValue.slice(1);
+ }
+ return parseInt(formattedValue, 10);
}
function getMonthEndDay(year, month) {
- return 32 - new Date(year, month - 1, 32).getDate();
+ return 32 - new Date(year, month - 1, 32).getDate();
}
-var defaultFormatter = function (type, value) {
- return value;
-};
+var defaultFormatter = function (type, value) { return value; };
component_1.VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: __assign(__assign({}, shared_1.pickerProps), {
- value: {
- type: null,
- observer: 'updateValue',
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: __assign(__assign({}, shared_1.pickerProps), { value: {
+ type: null,
+ observer: 'updateValue',
+ }, filter: null, type: {
+ type: String,
+ value: 'datetime',
+ observer: 'updateValue',
+ }, showToolbar: {
+ type: Boolean,
+ value: true,
+ }, formatter: {
+ type: null,
+ value: defaultFormatter,
+ }, minDate: {
+ type: Number,
+ value: new Date(currentYear - 10, 0, 1).getTime(),
+ observer: 'updateValue',
+ }, maxDate: {
+ type: Number,
+ value: new Date(currentYear + 10, 11, 31).getTime(),
+ observer: 'updateValue',
+ }, minHour: {
+ type: Number,
+ value: 0,
+ observer: 'updateValue',
+ }, maxHour: {
+ type: Number,
+ value: 23,
+ observer: 'updateValue',
+ }, minMinute: {
+ type: Number,
+ value: 0,
+ observer: 'updateValue',
+ }, maxMinute: {
+ type: Number,
+ value: 59,
+ observer: 'updateValue',
+ } }),
+ data: {
+ innerValue: Date.now(),
+ columns: [],
},
- filter: null,
- type: {
- type: String,
- value: 'datetime',
- observer: 'updateValue',
- },
- showToolbar: {
- type: Boolean,
- value: true,
- },
- formatter: {
- type: null,
- value: defaultFormatter,
- },
- minDate: {
- type: Number,
- value: new Date(currentYear - 10, 0, 1).getTime(),
- observer: 'updateValue',
- },
- maxDate: {
- type: Number,
- value: new Date(currentYear + 10, 11, 31).getTime(),
- observer: 'updateValue',
- },
- minHour: {
- type: Number,
- value: 0,
- observer: 'updateValue',
- },
- maxHour: {
- type: Number,
- value: 23,
- observer: 'updateValue',
- },
- minMinute: {
- type: Number,
- value: 0,
- observer: 'updateValue',
- },
- maxMinute: {
- type: Number,
- value: 59,
- observer: 'updateValue',
- },
- }),
- data: {
- innerValue: Date.now(),
- columns: [],
- },
- methods: {
- updateValue: function () {
- var _this = this;
- var data = this.data;
- var val = this.correctValue(data.value);
- var isEqual = val === data.innerValue;
- this.updateColumnValue(val).then(function () {
- if (!isEqual) {
- _this.$emit('input', val);
- }
- });
- },
- getPicker: function () {
- if (this.picker == null) {
- this.picker = this.selectComponent('.van-datetime-picker');
- var picker_1 = this.picker;
- var setColumnValues_1 = picker_1.setColumnValues;
- picker_1.setColumnValues = function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
- }
- return setColumnValues_1.apply(
- picker_1,
- __spreadArray(__spreadArray([], args), [false])
- );
- };
- }
- return this.picker;
- },
- updateColumns: function () {
- var _a = this.data.formatter,
- formatter = _a === void 0 ? defaultFormatter : _a;
- var results = this.getOriginColumns().map(function (column) {
- return {
- values: column.values.map(function (value) {
- return formatter(column.type, value);
- }),
- };
- });
- return this.set({ columns: results });
- },
- getOriginColumns: function () {
- var filter = this.data.filter;
- var results = this.getRanges().map(function (_a) {
- var type = _a.type,
- range = _a.range;
- var values = times(range[1] - range[0] + 1, function (index) {
- var value = range[0] + index;
- return type === 'year' ? '' + value : padZero(value);
- });
- if (filter) {
- values = filter(type, values);
- }
- return { type: type, values: values };
- });
- return results;
- },
- getRanges: function () {
- var data = this.data;
- if (data.type === 'time') {
- return [
- {
- type: 'hour',
- range: [data.minHour, data.maxHour],
- },
- {
- type: 'minute',
- range: [data.minMinute, data.maxMinute],
- },
- ];
- }
- var _a = this.getBoundary('max', data.innerValue),
- maxYear = _a.maxYear,
- maxDate = _a.maxDate,
- maxMonth = _a.maxMonth,
- maxHour = _a.maxHour,
- maxMinute = _a.maxMinute;
- var _b = this.getBoundary('min', data.innerValue),
- minYear = _b.minYear,
- minDate = _b.minDate,
- minMonth = _b.minMonth,
- minHour = _b.minHour,
- minMinute = _b.minMinute;
- var result = [
- {
- type: 'year',
- range: [minYear, maxYear],
+ methods: {
+ updateValue: function () {
+ var _this = this;
+ var data = this.data;
+ var val = this.correctValue(data.value);
+ var isEqual = val === data.innerValue;
+ this.updateColumnValue(val).then(function () {
+ if (!isEqual) {
+ _this.$emit('input', val);
+ }
+ });
},
- {
- type: 'month',
- range: [minMonth, maxMonth],
- },
- {
- type: 'day',
- range: [minDate, maxDate],
- },
- {
- type: 'hour',
- range: [minHour, maxHour],
- },
- {
- type: 'minute',
- range: [minMinute, maxMinute],
- },
- ];
- if (data.type === 'date') result.splice(3, 2);
- if (data.type === 'year-month') result.splice(2, 3);
- return result;
- },
- correctValue: function (value) {
- var data = this.data;
- // validate value
- var isDateType = data.type !== 'time';
- if (isDateType && !isValidDate(value)) {
- value = data.minDate;
- } else if (!isDateType && !value) {
- var minHour = data.minHour;
- value = padZero(minHour) + ':00';
- }
- // time type
- if (!isDateType) {
- var _a = value.split(':'),
- hour = _a[0],
- minute = _a[1];
- hour = padZero(range(hour, data.minHour, data.maxHour));
- minute = padZero(range(minute, data.minMinute, data.maxMinute));
- return hour + ':' + minute;
- }
- // date type
- value = Math.max(value, data.minDate);
- value = Math.min(value, data.maxDate);
- return value;
- },
- getBoundary: function (type, innerValue) {
- var _a;
- var value = new Date(innerValue);
- var boundary = new Date(this.data[type + 'Date']);
- var year = boundary.getFullYear();
- var month = 1;
- var date = 1;
- var hour = 0;
- var minute = 0;
- if (type === 'max') {
- month = 12;
- date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
- hour = 23;
- minute = 59;
- }
- if (value.getFullYear() === year) {
- month = boundary.getMonth() + 1;
- if (value.getMonth() + 1 === month) {
- date = boundary.getDate();
- if (value.getDate() === date) {
- hour = boundary.getHours();
- if (value.getHours() === hour) {
- minute = boundary.getMinutes();
+ getPicker: function () {
+ if (this.picker == null) {
+ this.picker = this.selectComponent('.van-datetime-picker');
+ var picker_1 = this.picker;
+ var setColumnValues_1 = picker_1.setColumnValues;
+ picker_1.setColumnValues = function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ return setColumnValues_1.apply(picker_1, __spreadArray(__spreadArray([], args), [false]));
+ };
}
- }
- }
- }
- return (
- (_a = {}),
- (_a[type + 'Year'] = year),
- (_a[type + 'Month'] = month),
- (_a[type + 'Date'] = date),
- (_a[type + 'Hour'] = hour),
- (_a[type + 'Minute'] = minute),
- _a
- );
+ return this.picker;
+ },
+ updateColumns: function () {
+ var _a = this.data.formatter, formatter = _a === void 0 ? defaultFormatter : _a;
+ var results = this.getOriginColumns().map(function (column) { return ({
+ values: column.values.map(function (value) { return formatter(column.type, value); }),
+ }); });
+ return this.set({ columns: results });
+ },
+ getOriginColumns: function () {
+ var filter = this.data.filter;
+ var results = this.getRanges().map(function (_a) {
+ var type = _a.type, range = _a.range;
+ var values = times(range[1] - range[0] + 1, function (index) {
+ var value = range[0] + index;
+ return type === 'year' ? "" + value : padZero(value);
+ });
+ if (filter) {
+ values = filter(type, values);
+ }
+ return { type: type, values: values };
+ });
+ return results;
+ },
+ getRanges: function () {
+ var data = this.data;
+ if (data.type === 'time') {
+ return [
+ {
+ type: 'hour',
+ range: [data.minHour, data.maxHour],
+ },
+ {
+ type: 'minute',
+ range: [data.minMinute, data.maxMinute],
+ },
+ ];
+ }
+ var _a = this.getBoundary('max', data.innerValue), maxYear = _a.maxYear, maxDate = _a.maxDate, maxMonth = _a.maxMonth, maxHour = _a.maxHour, maxMinute = _a.maxMinute;
+ var _b = this.getBoundary('min', data.innerValue), minYear = _b.minYear, minDate = _b.minDate, minMonth = _b.minMonth, minHour = _b.minHour, minMinute = _b.minMinute;
+ var result = [
+ {
+ type: 'year',
+ range: [minYear, maxYear],
+ },
+ {
+ type: 'month',
+ range: [minMonth, maxMonth],
+ },
+ {
+ type: 'day',
+ range: [minDate, maxDate],
+ },
+ {
+ type: 'hour',
+ range: [minHour, maxHour],
+ },
+ {
+ type: 'minute',
+ range: [minMinute, maxMinute],
+ },
+ ];
+ if (data.type === 'date')
+ result.splice(3, 2);
+ if (data.type === 'year-month')
+ result.splice(2, 3);
+ return result;
+ },
+ correctValue: function (value) {
+ var data = this.data;
+ // validate value
+ var isDateType = data.type !== 'time';
+ if (isDateType && !isValidDate(value)) {
+ value = data.minDate;
+ }
+ else if (!isDateType && !value) {
+ var minHour = data.minHour;
+ value = padZero(minHour) + ":00";
+ }
+ // time type
+ if (!isDateType) {
+ var _a = value.split(':'), hour = _a[0], minute = _a[1];
+ hour = padZero(range(hour, data.minHour, data.maxHour));
+ minute = padZero(range(minute, data.minMinute, data.maxMinute));
+ return hour + ":" + minute;
+ }
+ // date type
+ value = Math.max(value, data.minDate);
+ value = Math.min(value, data.maxDate);
+ return value;
+ },
+ getBoundary: function (type, innerValue) {
+ var _a;
+ var value = new Date(innerValue);
+ var boundary = new Date(this.data[type + "Date"]);
+ var year = boundary.getFullYear();
+ var month = 1;
+ var date = 1;
+ var hour = 0;
+ var minute = 0;
+ if (type === 'max') {
+ month = 12;
+ date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+ hour = 23;
+ minute = 59;
+ }
+ if (value.getFullYear() === year) {
+ month = boundary.getMonth() + 1;
+ if (value.getMonth() + 1 === month) {
+ date = boundary.getDate();
+ if (value.getDate() === date) {
+ hour = boundary.getHours();
+ if (value.getHours() === hour) {
+ minute = boundary.getMinutes();
+ }
+ }
+ }
+ }
+ return _a = {},
+ _a[type + "Year"] = year,
+ _a[type + "Month"] = month,
+ _a[type + "Date"] = date,
+ _a[type + "Hour"] = hour,
+ _a[type + "Minute"] = minute,
+ _a;
+ },
+ onCancel: function () {
+ this.$emit('cancel');
+ },
+ onConfirm: function () {
+ this.$emit('confirm', this.data.innerValue);
+ },
+ onChange: function () {
+ var _this = this;
+ var data = this.data;
+ var value;
+ var picker = this.getPicker();
+ var originColumns = this.getOriginColumns();
+ if (data.type === 'time') {
+ var indexes = picker.getIndexes();
+ value = +originColumns[0].values[indexes[0]] + ":" + +originColumns[1]
+ .values[indexes[1]];
+ }
+ else {
+ var indexes = picker.getIndexes();
+ var values = indexes.map(function (value, index) { return originColumns[index].values[value]; });
+ var year = getTrueValue(values[0]);
+ var month = getTrueValue(values[1]);
+ var maxDate = getMonthEndDay(year, month);
+ var date = getTrueValue(values[2]);
+ if (data.type === 'year-month') {
+ date = 1;
+ }
+ date = date > maxDate ? maxDate : date;
+ var hour = 0;
+ var minute = 0;
+ if (data.type === 'datetime') {
+ hour = getTrueValue(values[3]);
+ minute = getTrueValue(values[4]);
+ }
+ value = new Date(year, month - 1, date, hour, minute);
+ }
+ value = this.correctValue(value);
+ this.updateColumnValue(value).then(function () {
+ _this.$emit('input', value);
+ _this.$emit('change', picker);
+ });
+ },
+ updateColumnValue: function (value) {
+ var _this = this;
+ var values = [];
+ var type = this.data.type;
+ var formatter = this.data.formatter || defaultFormatter;
+ var picker = this.getPicker();
+ if (type === 'time') {
+ var pair = value.split(':');
+ values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
+ }
+ else {
+ var date = new Date(value);
+ values = [
+ formatter('year', "" + date.getFullYear()),
+ formatter('month', padZero(date.getMonth() + 1)),
+ ];
+ if (type === 'date') {
+ values.push(formatter('day', padZero(date.getDate())));
+ }
+ if (type === 'datetime') {
+ values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes())));
+ }
+ }
+ return this.set({ innerValue: value })
+ .then(function () { return _this.updateColumns(); })
+ .then(function () { return picker.setValues(values); });
+ },
},
- onCancel: function () {
- this.$emit('cancel');
- },
- onConfirm: function () {
- this.$emit('confirm', this.data.innerValue);
- },
- onChange: function () {
- var _this = this;
- var data = this.data;
- var value;
- var picker = this.getPicker();
- var originColumns = this.getOriginColumns();
- if (data.type === 'time') {
- var indexes = picker.getIndexes();
- value =
- +originColumns[0].values[indexes[0]] +
- ':' +
- +originColumns[1].values[indexes[1]];
- } else {
- var indexes = picker.getIndexes();
- var values = indexes.map(function (value, index) {
- return originColumns[index].values[value];
- });
- var year = getTrueValue(values[0]);
- var month = getTrueValue(values[1]);
- var maxDate = getMonthEndDay(year, month);
- var date = getTrueValue(values[2]);
- if (data.type === 'year-month') {
- date = 1;
- }
- date = date > maxDate ? maxDate : date;
- var hour = 0;
- var minute = 0;
- if (data.type === 'datetime') {
- hour = getTrueValue(values[3]);
- minute = getTrueValue(values[4]);
- }
- value = new Date(year, month - 1, date, hour, minute);
- }
- value = this.correctValue(value);
- this.updateColumnValue(value).then(function () {
- _this.$emit('input', value);
- _this.$emit('change', picker);
- });
- },
- updateColumnValue: function (value) {
- var _this = this;
- var values = [];
- var type = this.data.type;
- var formatter = this.data.formatter || defaultFormatter;
- var picker = this.getPicker();
- if (type === 'time') {
- var pair = value.split(':');
- values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
- } else {
- var date = new Date(value);
- values = [
- formatter('year', '' + date.getFullYear()),
- formatter('month', padZero(date.getMonth() + 1)),
- ];
- if (type === 'date') {
- values.push(formatter('day', padZero(date.getDate())));
- }
- if (type === 'datetime') {
- values.push(
- formatter('day', padZero(date.getDate())),
- formatter('hour', padZero(date.getHours())),
- formatter('minute', padZero(date.getMinutes()))
- );
- }
- }
- return this.set({ innerValue: value })
- .then(function () {
- return _this.updateColumns();
- })
- .then(function () {
- return picker.setValues(values);
+ created: function () {
+ var _this = this;
+ var innerValue = this.correctValue(this.data.value);
+ this.updateColumnValue(innerValue).then(function () {
+ _this.$emit('input', innerValue);
});
},
- },
- created: function () {
- var _this = this;
- var innerValue = this.correctValue(this.data.value);
- this.updateColumnValue(innerValue).then(function () {
- _this.$emit('input', innerValue);
- });
- },
});
diff --git a/lib/dialog/dialog.js b/lib/dialog/dialog.js
index d90d8ea4..0cba6ab4 100644
--- a/lib/dialog/dialog.js
+++ b/lib/dialog/dialog.js
@@ -1,104 +1,90 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
var queue = [];
var defaultOptions = {
- show: false,
- title: '',
- width: null,
- theme: 'default',
- message: '',
- zIndex: 100,
- overlay: true,
- selector: '#van-dialog',
- className: '',
- asyncClose: false,
- beforeClose: null,
- transition: 'scale',
- customStyle: '',
- messageAlign: '',
- overlayStyle: '',
- confirmButtonText: '确认',
- cancelButtonText: '取消',
- showConfirmButton: true,
- showCancelButton: false,
- closeOnClickOverlay: false,
- confirmButtonOpenType: '',
+ show: false,
+ title: '',
+ width: null,
+ theme: 'default',
+ message: '',
+ zIndex: 100,
+ overlay: true,
+ selector: '#van-dialog',
+ className: '',
+ asyncClose: false,
+ beforeClose: null,
+ transition: 'scale',
+ customStyle: '',
+ messageAlign: '',
+ overlayStyle: '',
+ confirmButtonText: '确认',
+ cancelButtonText: '取消',
+ showConfirmButton: true,
+ showCancelButton: false,
+ closeOnClickOverlay: false,
+ confirmButtonOpenType: '',
};
var currentOptions = __assign({}, defaultOptions);
function getContext() {
- var pages = getCurrentPages();
- return pages[pages.length - 1];
+ var pages = getCurrentPages();
+ return pages[pages.length - 1];
}
var Dialog = function (options) {
- options = __assign(__assign({}, currentOptions), options);
- return new Promise(function (resolve, reject) {
- var context = options.context || getContext();
- var dialog = context.selectComponent(options.selector);
- delete options.context;
- delete options.selector;
- if (dialog) {
- dialog.setData(
- __assign(
- {
- callback: function (action, instance) {
- action === 'confirm' ? resolve(instance) : reject(instance);
- },
- },
- options
- )
- );
- wx.nextTick(function () {
- dialog.setData({ show: true });
- });
- queue.push(dialog);
- } else {
- console.warn(
- '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
- );
- }
- });
-};
-Dialog.alert = function (options) {
- return Dialog(options);
+ options = __assign(__assign({}, currentOptions), options);
+ return new Promise(function (resolve, reject) {
+ var context = options.context || getContext();
+ var dialog = context.selectComponent(options.selector);
+ delete options.context;
+ delete options.selector;
+ if (dialog) {
+ dialog.setData(__assign({ callback: function (action, instance) {
+ action === 'confirm' ? resolve(instance) : reject(instance);
+ } }, options));
+ wx.nextTick(function () {
+ dialog.setData({ show: true });
+ });
+ queue.push(dialog);
+ }
+ else {
+ console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确');
+ }
+ });
};
+Dialog.alert = function (options) { return Dialog(options); };
Dialog.confirm = function (options) {
- return Dialog(__assign({ showCancelButton: true }, options));
+ return Dialog(__assign({ showCancelButton: true }, options));
};
Dialog.close = function () {
- queue.forEach(function (dialog) {
- dialog.close();
- });
- queue = [];
+ queue.forEach(function (dialog) {
+ dialog.close();
+ });
+ queue = [];
};
Dialog.stopLoading = function () {
- queue.forEach(function (dialog) {
- dialog.stopLoading();
- });
+ queue.forEach(function (dialog) {
+ dialog.stopLoading();
+ });
};
Dialog.currentOptions = currentOptions;
Dialog.defaultOptions = defaultOptions;
Dialog.setDefaultOptions = function (options) {
- currentOptions = __assign(__assign({}, currentOptions), options);
- Dialog.currentOptions = currentOptions;
+ currentOptions = __assign(__assign({}, currentOptions), options);
+ Dialog.currentOptions = currentOptions;
};
Dialog.resetDefaultOptions = function () {
- currentOptions = __assign({}, defaultOptions);
- Dialog.currentOptions = currentOptions;
+ currentOptions = __assign({}, defaultOptions);
+ Dialog.currentOptions = currentOptions;
};
Dialog.resetDefaultOptions();
exports.default = Dialog;
diff --git a/lib/dialog/index.js b/lib/dialog/index.js
index 135ce71f..c066fc11 100644
--- a/lib/dialog/index.js
+++ b/lib/dialog/index.js
@@ -1,126 +1,127 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var button_1 = require('../mixins/button');
-var color_1 = require('../common/color');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
+var color_1 = require("../common/color");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- mixins: [button_1.button],
- props: {
- show: {
- type: Boolean,
- observer: function (show) {
- !show && this.stopLoading();
- },
- },
- title: String,
- message: String,
- theme: {
- type: String,
- value: 'default',
- },
- useSlot: Boolean,
- className: String,
- customStyle: String,
- asyncClose: Boolean,
- messageAlign: String,
- beforeClose: null,
- overlayStyle: String,
- useTitleSlot: Boolean,
- showCancelButton: Boolean,
- closeOnClickOverlay: Boolean,
- confirmButtonOpenType: String,
- width: null,
- zIndex: {
- type: Number,
- value: 2000,
- },
- confirmButtonText: {
- type: String,
- value: '确认',
- },
- cancelButtonText: {
- type: String,
- value: '取消',
- },
- confirmButtonColor: {
- type: String,
- value: color_1.RED,
- },
- cancelButtonColor: {
- type: String,
- value: color_1.GRAY,
- },
- showConfirmButton: {
- type: Boolean,
- value: true,
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- transition: {
- type: String,
- value: 'scale',
- },
- },
- data: {
- loading: {
- confirm: false,
- cancel: false,
- },
- callback: function () {},
- },
- methods: {
- onConfirm: function () {
- this.handleAction('confirm');
- },
- onCancel: function () {
- this.handleAction('cancel');
- },
- onClickOverlay: function () {
- this.close('overlay');
- },
- close: function (action) {
- var _this = this;
- this.setData({ show: false });
- wx.nextTick(function () {
- _this.$emit('close', action);
- var callback = _this.data.callback;
- if (callback) {
- callback(action, _this);
- }
- });
- },
- stopLoading: function () {
- this.setData({
- loading: {
- confirm: false,
- cancel: false,
+ mixins: [button_1.button],
+ props: {
+ show: {
+ type: Boolean,
+ observer: function (show) {
+ !show && this.stopLoading();
+ },
+ },
+ title: String,
+ message: String,
+ theme: {
+ type: String,
+ value: 'default',
+ },
+ useSlot: Boolean,
+ className: String,
+ customStyle: String,
+ asyncClose: Boolean,
+ messageAlign: String,
+ beforeClose: null,
+ overlayStyle: String,
+ useTitleSlot: Boolean,
+ showCancelButton: Boolean,
+ closeOnClickOverlay: Boolean,
+ confirmButtonOpenType: String,
+ width: null,
+ zIndex: {
+ type: Number,
+ value: 2000,
+ },
+ confirmButtonText: {
+ type: String,
+ value: '确认',
+ },
+ cancelButtonText: {
+ type: String,
+ value: '取消',
+ },
+ confirmButtonColor: {
+ type: String,
+ value: color_1.RED,
+ },
+ cancelButtonColor: {
+ type: String,
+ value: color_1.GRAY,
+ },
+ showConfirmButton: {
+ type: Boolean,
+ value: true,
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ transition: {
+ type: String,
+ value: 'scale',
},
- });
},
- handleAction: function (action) {
- var _a;
- var _this = this;
- this.$emit(action, { dialog: this });
- var _b = this.data,
- asyncClose = _b.asyncClose,
- beforeClose = _b.beforeClose;
- if (!asyncClose && !beforeClose) {
- this.close(action);
- return;
- }
- this.setData(((_a = {}), (_a['loading.' + action] = true), _a));
- if (beforeClose) {
- utils_1.toPromise(beforeClose(action)).then(function (value) {
- if (value) {
- _this.close(action);
- } else {
- _this.stopLoading();
- }
- });
- }
+ data: {
+ loading: {
+ confirm: false,
+ cancel: false,
+ },
+ callback: (function () { }),
+ },
+ methods: {
+ onConfirm: function () {
+ this.handleAction('confirm');
+ },
+ onCancel: function () {
+ this.handleAction('cancel');
+ },
+ onClickOverlay: function () {
+ this.close('overlay');
+ },
+ close: function (action) {
+ var _this = this;
+ this.setData({ show: false });
+ wx.nextTick(function () {
+ _this.$emit('close', action);
+ var callback = _this.data.callback;
+ if (callback) {
+ callback(action, _this);
+ }
+ });
+ },
+ stopLoading: function () {
+ this.setData({
+ loading: {
+ confirm: false,
+ cancel: false,
+ },
+ });
+ },
+ handleAction: function (action) {
+ var _a;
+ var _this = this;
+ this.$emit(action, { dialog: this });
+ var _b = this.data, asyncClose = _b.asyncClose, beforeClose = _b.beforeClose;
+ if (!asyncClose && !beforeClose) {
+ this.close(action);
+ return;
+ }
+ this.setData((_a = {},
+ _a["loading." + action] = true,
+ _a));
+ if (beforeClose) {
+ utils_1.toPromise(beforeClose(action)).then(function (value) {
+ if (value) {
+ _this.close(action);
+ }
+ else {
+ _this.stopLoading();
+ }
+ });
+ }
+ },
},
- },
});
diff --git a/lib/divider/index.js b/lib/divider/index.js
index b643841f..4523fef1 100644
--- a/lib/divider/index.js
+++ b/lib/divider/index.js
@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- dashed: Boolean,
- hairline: Boolean,
- contentPosition: String,
- fontSize: String,
- borderColor: String,
- textColor: String,
- customStyle: String,
- },
+ props: {
+ dashed: Boolean,
+ hairline: Boolean,
+ contentPosition: String,
+ fontSize: String,
+ borderColor: String,
+ textColor: String,
+ customStyle: String,
+ },
});
diff --git a/lib/dropdown-item/index.js b/lib/dropdown-item/index.js
index aac47c99..8a81b6aa 100644
--- a/lib/dropdown-item/index.js
+++ b/lib/dropdown-item/index.js
@@ -1,117 +1,107 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var relation_1 = require('../common/relation');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
component_1.VantComponent({
- field: true,
- relation: relation_1.useParent('dropdown-menu', function () {
- this.updateDataFromParent();
- }),
- props: {
- value: {
- type: null,
- observer: 'rerender',
+ field: true,
+ relation: relation_1.useParent('dropdown-menu', function () {
+ this.updateDataFromParent();
+ }),
+ props: {
+ value: {
+ type: null,
+ observer: 'rerender',
+ },
+ title: {
+ type: String,
+ observer: 'rerender',
+ },
+ disabled: Boolean,
+ titleClass: {
+ type: String,
+ observer: 'rerender',
+ },
+ options: {
+ type: Array,
+ value: [],
+ observer: 'rerender',
+ },
+ popupStyle: String,
},
- title: {
- type: String,
- observer: 'rerender',
+ data: {
+ transition: true,
+ showPopup: false,
+ showWrapper: false,
+ displayTitle: '',
},
- disabled: Boolean,
- titleClass: {
- type: String,
- observer: 'rerender',
- },
- options: {
- type: Array,
- value: [],
- observer: 'rerender',
- },
- popupStyle: String,
- },
- data: {
- transition: true,
- showPopup: false,
- showWrapper: false,
- displayTitle: '',
- },
- methods: {
- rerender: function () {
- var _this = this;
- wx.nextTick(function () {
- var _a;
- (_a = _this.parent) === null || _a === void 0
- ? void 0
- : _a.updateItemListData();
- });
- },
- updateDataFromParent: function () {
- if (this.parent) {
- var _a = this.parent.data,
- overlay = _a.overlay,
- duration = _a.duration,
- activeColor = _a.activeColor,
- closeOnClickOverlay = _a.closeOnClickOverlay,
- direction = _a.direction;
- this.setData({
- overlay: overlay,
- duration: duration,
- activeColor: activeColor,
- closeOnClickOverlay: closeOnClickOverlay,
- direction: direction,
- });
- }
- },
- onOpen: function () {
- this.$emit('open');
- },
- onOpened: function () {
- this.$emit('opened');
- },
- onClose: function () {
- this.$emit('close');
- },
- onClosed: function () {
- this.$emit('closed');
- this.setData({ showWrapper: false });
- },
- onOptionTap: function (event) {
- var option = event.currentTarget.dataset.option;
- var value = option.value;
- var shouldEmitChange = this.data.value !== value;
- this.setData({ showPopup: false, value: value });
- this.$emit('close');
- this.rerender();
- if (shouldEmitChange) {
- this.$emit('change', value);
- }
- },
- toggle: function (show, options) {
- var _this = this;
- var _a;
- if (options === void 0) {
- options = {};
- }
- var showPopup = this.data.showPopup;
- if (typeof show !== 'boolean') {
- show = !showPopup;
- }
- if (show === showPopup) {
- return;
- }
- this.setData({
- transition: !options.immediate,
- showPopup: show,
- });
- if (show) {
- (_a = this.parent) === null || _a === void 0
- ? void 0
- : _a.getChildWrapperStyle().then(function (wrapperStyle) {
- _this.setData({ wrapperStyle: wrapperStyle, showWrapper: true });
- _this.rerender();
+ methods: {
+ rerender: function () {
+ var _this = this;
+ wx.nextTick(function () {
+ var _a;
+ (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData();
});
- } else {
- this.rerender();
- }
+ },
+ updateDataFromParent: function () {
+ if (this.parent) {
+ var _a = this.parent.data, overlay = _a.overlay, duration = _a.duration, activeColor = _a.activeColor, closeOnClickOverlay = _a.closeOnClickOverlay, direction = _a.direction;
+ this.setData({
+ overlay: overlay,
+ duration: duration,
+ activeColor: activeColor,
+ closeOnClickOverlay: closeOnClickOverlay,
+ direction: direction,
+ });
+ }
+ },
+ onOpen: function () {
+ this.$emit('open');
+ },
+ onOpened: function () {
+ this.$emit('opened');
+ },
+ onClose: function () {
+ this.$emit('close');
+ },
+ onClosed: function () {
+ this.$emit('closed');
+ this.setData({ showWrapper: false });
+ },
+ onOptionTap: function (event) {
+ var option = event.currentTarget.dataset.option;
+ var value = option.value;
+ var shouldEmitChange = this.data.value !== value;
+ this.setData({ showPopup: false, value: value });
+ this.$emit('close');
+ this.rerender();
+ if (shouldEmitChange) {
+ this.$emit('change', value);
+ }
+ },
+ toggle: function (show, options) {
+ var _this = this;
+ var _a;
+ if (options === void 0) { options = {}; }
+ var showPopup = this.data.showPopup;
+ if (typeof show !== 'boolean') {
+ show = !showPopup;
+ }
+ if (show === showPopup) {
+ return;
+ }
+ this.setData({
+ transition: !options.immediate,
+ showPopup: show,
+ });
+ if (show) {
+ (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then(function (wrapperStyle) {
+ _this.setData({ wrapperStyle: wrapperStyle, showWrapper: true });
+ _this.rerender();
+ });
+ }
+ else {
+ this.rerender();
+ }
+ },
},
- },
});
diff --git a/lib/dropdown-item/shared.js b/lib/dropdown-item/shared.js
index db8b17d5..c8ad2e54 100644
--- a/lib/dropdown-item/shared.js
+++ b/lib/dropdown-item/shared.js
@@ -1,2 +1,2 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
diff --git a/lib/dropdown-menu/index.js b/lib/dropdown-menu/index.js
index 9c27c647..af6f8c06 100644
--- a/lib/dropdown-menu/index.js
+++ b/lib/dropdown-menu/index.js
@@ -1,126 +1,117 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var utils_1 = require("../common/utils");
var ARRAY = [];
component_1.VantComponent({
- field: true,
- relation: relation_1.useChildren('dropdown-item', function () {
- this.updateItemListData();
- }),
- props: {
- activeColor: {
- type: String,
- observer: 'updateChildrenData',
+ field: true,
+ relation: relation_1.useChildren('dropdown-item', function () {
+ this.updateItemListData();
+ }),
+ props: {
+ activeColor: {
+ type: String,
+ observer: 'updateChildrenData',
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildrenData',
+ },
+ zIndex: {
+ type: Number,
+ value: 10,
+ },
+ duration: {
+ type: Number,
+ value: 200,
+ observer: 'updateChildrenData',
+ },
+ direction: {
+ type: String,
+ value: 'down',
+ observer: 'updateChildrenData',
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildrenData',
+ },
+ closeOnClickOutside: {
+ type: Boolean,
+ value: true,
+ },
},
- overlay: {
- type: Boolean,
- value: true,
- observer: 'updateChildrenData',
+ data: {
+ itemListData: [],
},
- zIndex: {
- type: Number,
- value: 10,
+ beforeCreate: function () {
+ var windowHeight = utils_1.getSystemInfoSync().windowHeight;
+ this.windowHeight = windowHeight;
+ ARRAY.push(this);
},
- duration: {
- type: Number,
- value: 200,
- observer: 'updateChildrenData',
+ destroyed: function () {
+ var _this = this;
+ ARRAY = ARRAY.filter(function (item) { return item !== _this; });
},
- direction: {
- type: String,
- value: 'down',
- observer: 'updateChildrenData',
+ methods: {
+ updateItemListData: function () {
+ this.setData({
+ itemListData: this.children.map(function (child) { return child.data; }),
+ });
+ },
+ updateChildrenData: function () {
+ this.children.forEach(function (child) {
+ child.updateDataFromParent();
+ });
+ },
+ toggleItem: function (active) {
+ this.children.forEach(function (item, index) {
+ var showPopup = item.data.showPopup;
+ if (index === active) {
+ item.toggle();
+ }
+ else if (showPopup) {
+ item.toggle(false, { immediate: true });
+ }
+ });
+ },
+ close: function () {
+ this.children.forEach(function (child) {
+ child.toggle(false, { immediate: true });
+ });
+ },
+ getChildWrapperStyle: function () {
+ var _this = this;
+ var _a = this.data, zIndex = _a.zIndex, direction = _a.direction;
+ return utils_1.getRect(this, '.van-dropdown-menu').then(function (rect) {
+ var _a = rect.top, top = _a === void 0 ? 0 : _a, _b = rect.bottom, bottom = _b === void 0 ? 0 : _b;
+ var offset = direction === 'down' ? bottom : _this.windowHeight - top;
+ var wrapperStyle = "z-index: " + zIndex + ";";
+ if (direction === 'down') {
+ wrapperStyle += "top: " + utils_1.addUnit(offset) + ";";
+ }
+ else {
+ wrapperStyle += "bottom: " + utils_1.addUnit(offset) + ";";
+ }
+ return wrapperStyle;
+ });
+ },
+ onTitleTap: function (event) {
+ var _this = this;
+ var index = event.currentTarget.dataset.index;
+ var child = this.children[index];
+ if (!child.data.disabled) {
+ ARRAY.forEach(function (menuItem) {
+ if (menuItem &&
+ menuItem.data.closeOnClickOutside &&
+ menuItem !== _this) {
+ menuItem.close();
+ }
+ });
+ this.toggleItem(index);
+ }
+ },
},
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- observer: 'updateChildrenData',
- },
- closeOnClickOutside: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- itemListData: [],
- },
- beforeCreate: function () {
- var windowHeight = utils_1.getSystemInfoSync().windowHeight;
- this.windowHeight = windowHeight;
- ARRAY.push(this);
- },
- destroyed: function () {
- var _this = this;
- ARRAY = ARRAY.filter(function (item) {
- return item !== _this;
- });
- },
- methods: {
- updateItemListData: function () {
- this.setData({
- itemListData: this.children.map(function (child) {
- return child.data;
- }),
- });
- },
- updateChildrenData: function () {
- this.children.forEach(function (child) {
- child.updateDataFromParent();
- });
- },
- toggleItem: function (active) {
- this.children.forEach(function (item, index) {
- var showPopup = item.data.showPopup;
- if (index === active) {
- item.toggle();
- } else if (showPopup) {
- item.toggle(false, { immediate: true });
- }
- });
- },
- close: function () {
- this.children.forEach(function (child) {
- child.toggle(false, { immediate: true });
- });
- },
- getChildWrapperStyle: function () {
- var _this = this;
- var _a = this.data,
- zIndex = _a.zIndex,
- direction = _a.direction;
- return utils_1.getRect(this, '.van-dropdown-menu').then(function (rect) {
- var _a = rect.top,
- top = _a === void 0 ? 0 : _a,
- _b = rect.bottom,
- bottom = _b === void 0 ? 0 : _b;
- var offset = direction === 'down' ? bottom : _this.windowHeight - top;
- var wrapperStyle = 'z-index: ' + zIndex + ';';
- if (direction === 'down') {
- wrapperStyle += 'top: ' + utils_1.addUnit(offset) + ';';
- } else {
- wrapperStyle += 'bottom: ' + utils_1.addUnit(offset) + ';';
- }
- return wrapperStyle;
- });
- },
- onTitleTap: function (event) {
- var _this = this;
- var index = event.currentTarget.dataset.index;
- var child = this.children[index];
- if (!child.data.disabled) {
- ARRAY.forEach(function (menuItem) {
- if (
- menuItem &&
- menuItem.data.closeOnClickOutside &&
- menuItem !== _this
- ) {
- menuItem.close();
- }
- });
- this.toggleItem(index);
- }
- },
- },
});
diff --git a/lib/empty/index.js b/lib/empty/index.js
index d5b20259..1b380681 100644
--- a/lib/empty/index.js
+++ b/lib/empty/index.js
@@ -1,12 +1,12 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- description: String,
- image: {
- type: String,
- value: 'default',
+ props: {
+ description: String,
+ image: {
+ type: String,
+ value: 'default',
+ },
},
- },
});
diff --git a/lib/field/index.js b/lib/field/index.js
index 680bfa7d..fa5e93d0 100644
--- a/lib/field/index.js
+++ b/lib/field/index.js
@@ -1,165 +1,122 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var utils_1 = require('../common/utils');
-var component_1 = require('../common/component');
-var props_1 = require('./props');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../common/utils");
+var component_1 = require("../common/component");
+var props_1 = require("./props");
component_1.VantComponent({
- field: true,
- classes: ['input-class', 'right-icon-class', 'label-class'],
- props: __assign(
- __assign(
- __assign(__assign({}, props_1.commonProps), props_1.inputProps),
- props_1.textareaProps
- ),
- {
- size: String,
- icon: String,
- label: String,
- error: Boolean,
- center: Boolean,
- isLink: Boolean,
- leftIcon: String,
- rightIcon: String,
- autosize: null,
- required: Boolean,
- iconClass: String,
- clickable: Boolean,
- inputAlign: String,
- customStyle: String,
- errorMessage: String,
- arrowDirection: String,
- showWordLimit: Boolean,
- errorMessageAlign: String,
- readonly: {
- type: Boolean,
- observer: 'setShowClear',
- },
- clearable: {
- type: Boolean,
- observer: 'setShowClear',
- },
- clearTrigger: {
- type: String,
- value: 'focus',
- },
- border: {
- type: Boolean,
- value: true,
- },
- titleWidth: {
- type: String,
- value: '6.2em',
- },
- clearIcon: {
- type: String,
- value: 'clear',
- },
- }
- ),
- data: {
- focused: false,
- innerValue: '',
- showClear: false,
- },
- created: function () {
- this.value = this.data.value;
- this.setData({ innerValue: this.value });
- },
- methods: {
- onInput: function (event) {
- var _a = (event.detail || {}).value,
- value = _a === void 0 ? '' : _a;
- this.value = value;
- this.setShowClear();
- this.emitChange();
+ field: true,
+ classes: ['input-class', 'right-icon-class', 'label-class'],
+ props: __assign(__assign(__assign(__assign({}, props_1.commonProps), props_1.inputProps), props_1.textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: null, required: Boolean, iconClass: String, clickable: Boolean, inputAlign: String, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, readonly: {
+ type: Boolean,
+ observer: 'setShowClear',
+ }, clearable: {
+ type: Boolean,
+ observer: 'setShowClear',
+ }, clearTrigger: {
+ type: String,
+ value: 'focus',
+ }, border: {
+ type: Boolean,
+ value: true,
+ }, titleWidth: {
+ type: String,
+ value: '6.2em',
+ }, clearIcon: {
+ type: String,
+ value: 'clear',
+ } }),
+ data: {
+ focused: false,
+ innerValue: '',
+ showClear: false,
},
- onFocus: function (event) {
- this.focused = true;
- this.setShowClear();
- this.$emit('focus', event.detail);
+ created: function () {
+ this.value = this.data.value;
+ this.setData({ innerValue: this.value });
},
- onBlur: function (event) {
- this.focused = false;
- this.setShowClear();
- this.$emit('blur', event.detail);
+ methods: {
+ onInput: function (event) {
+ var _a = (event.detail || {}).value, value = _a === void 0 ? '' : _a;
+ this.value = value;
+ this.setShowClear();
+ this.emitChange();
+ },
+ onFocus: function (event) {
+ this.focused = true;
+ this.setShowClear();
+ this.$emit('focus', event.detail);
+ },
+ onBlur: function (event) {
+ this.focused = false;
+ this.setShowClear();
+ this.$emit('blur', event.detail);
+ },
+ onClickIcon: function () {
+ this.$emit('click-icon');
+ },
+ onClickInput: function (event) {
+ this.$emit('click-input', event.detail);
+ },
+ onClear: function () {
+ var _this = this;
+ this.setData({ innerValue: '' });
+ this.value = '';
+ this.setShowClear();
+ utils_1.nextTick(function () {
+ _this.emitChange();
+ _this.$emit('clear', '');
+ });
+ },
+ onConfirm: function (event) {
+ var _a = (event.detail || {}).value, value = _a === void 0 ? '' : _a;
+ this.value = value;
+ this.setShowClear();
+ this.$emit('confirm', value);
+ },
+ setValue: function (value) {
+ this.value = value;
+ this.setShowClear();
+ if (value === '') {
+ this.setData({ innerValue: '' });
+ }
+ this.emitChange();
+ },
+ onLineChange: function (event) {
+ this.$emit('linechange', event.detail);
+ },
+ onKeyboardHeightChange: function (event) {
+ this.$emit('keyboardheightchange', event.detail);
+ },
+ emitChange: function () {
+ var _this = this;
+ this.setData({ value: this.value });
+ utils_1.nextTick(function () {
+ _this.$emit('input', _this.value);
+ _this.$emit('change', _this.value);
+ });
+ },
+ setShowClear: function () {
+ var _a = this.data, clearable = _a.clearable, readonly = _a.readonly, clearTrigger = _a.clearTrigger;
+ var _b = this, focused = _b.focused, value = _b.value;
+ var showClear = false;
+ if (clearable && !readonly) {
+ var hasValue = !!value;
+ var trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
+ showClear = hasValue && trigger;
+ }
+ this.setData({ showClear: showClear });
+ },
+ noop: function () { },
},
- onClickIcon: function () {
- this.$emit('click-icon');
- },
- onClickInput: function (event) {
- this.$emit('click-input', event.detail);
- },
- onClear: function () {
- var _this = this;
- this.setData({ innerValue: '' });
- this.value = '';
- this.setShowClear();
- utils_1.nextTick(function () {
- _this.emitChange();
- _this.$emit('clear', '');
- });
- },
- onConfirm: function (event) {
- var _a = (event.detail || {}).value,
- value = _a === void 0 ? '' : _a;
- this.value = value;
- this.setShowClear();
- this.$emit('confirm', value);
- },
- setValue: function (value) {
- this.value = value;
- this.setShowClear();
- if (value === '') {
- this.setData({ innerValue: '' });
- }
- this.emitChange();
- },
- onLineChange: function (event) {
- this.$emit('linechange', event.detail);
- },
- onKeyboardHeightChange: function (event) {
- this.$emit('keyboardheightchange', event.detail);
- },
- emitChange: function () {
- var _this = this;
- this.setData({ value: this.value });
- utils_1.nextTick(function () {
- _this.$emit('input', _this.value);
- _this.$emit('change', _this.value);
- });
- },
- setShowClear: function () {
- var _a = this.data,
- clearable = _a.clearable,
- readonly = _a.readonly,
- clearTrigger = _a.clearTrigger;
- var _b = this,
- focused = _b.focused,
- value = _b.value;
- var showClear = false;
- if (clearable && !readonly) {
- var hasValue = !!value;
- var trigger =
- clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
- showClear = hasValue && trigger;
- }
- this.setData({ showClear: showClear });
- },
- noop: function () {},
- },
});
diff --git a/lib/field/props.js b/lib/field/props.js
index 6ce703be..bf01165a 100644
--- a/lib/field/props.js
+++ b/lib/field/props.js
@@ -1,66 +1,66 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.textareaProps = exports.inputProps = exports.commonProps = void 0;
exports.commonProps = {
- value: {
- type: String,
- observer: function (value) {
- if (value !== this.value) {
- this.setData({ innerValue: value });
- this.value = value;
- }
+ value: {
+ type: String,
+ observer: function (value) {
+ if (value !== this.value) {
+ this.setData({ innerValue: value });
+ this.value = value;
+ }
+ },
},
- },
- placeholder: String,
- placeholderStyle: String,
- placeholderClass: String,
- disabled: Boolean,
- maxlength: {
- type: Number,
- value: -1,
- },
- cursorSpacing: {
- type: Number,
- value: 50,
- },
- autoFocus: Boolean,
- focus: Boolean,
- cursor: {
- type: Number,
- value: -1,
- },
- selectionStart: {
- type: Number,
- value: -1,
- },
- selectionEnd: {
- type: Number,
- value: -1,
- },
- adjustPosition: {
- type: Boolean,
- value: true,
- },
- holdKeyboard: Boolean,
+ placeholder: String,
+ placeholderStyle: String,
+ placeholderClass: String,
+ disabled: Boolean,
+ maxlength: {
+ type: Number,
+ value: -1,
+ },
+ cursorSpacing: {
+ type: Number,
+ value: 50,
+ },
+ autoFocus: Boolean,
+ focus: Boolean,
+ cursor: {
+ type: Number,
+ value: -1,
+ },
+ selectionStart: {
+ type: Number,
+ value: -1,
+ },
+ selectionEnd: {
+ type: Number,
+ value: -1,
+ },
+ adjustPosition: {
+ type: Boolean,
+ value: true,
+ },
+ holdKeyboard: Boolean,
};
exports.inputProps = {
- type: {
- type: String,
- value: 'text',
- },
- password: Boolean,
- confirmType: String,
- confirmHold: Boolean,
+ type: {
+ type: String,
+ value: 'text',
+ },
+ password: Boolean,
+ confirmType: String,
+ confirmHold: Boolean,
};
exports.textareaProps = {
- autoHeight: Boolean,
- fixed: Boolean,
- showConfirmBar: {
- type: Boolean,
- value: true,
- },
- disableDefaultPadding: {
- type: Boolean,
- value: true,
- },
+ autoHeight: Boolean,
+ fixed: Boolean,
+ showConfirmBar: {
+ type: Boolean,
+ value: true,
+ },
+ disableDefaultPadding: {
+ type: Boolean,
+ value: true,
+ },
};
diff --git a/lib/goods-action-button/index.js b/lib/goods-action-button/index.js
index 465a79f9..df55d640 100644
--- a/lib/goods-action-button/index.js
+++ b/lib/goods-action-button/index.js
@@ -1,39 +1,38 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var button_1 = require('../mixins/button');
-var link_1 = require('../mixins/link');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var button_1 = require("../mixins/button");
+var link_1 = require("../mixins/link");
component_1.VantComponent({
- mixins: [link_1.link, button_1.button],
- relation: relation_1.useParent('goods-action'),
- props: {
- text: String,
- color: String,
- loading: Boolean,
- disabled: Boolean,
- plain: Boolean,
- type: {
- type: String,
- value: 'danger',
+ mixins: [link_1.link, button_1.button],
+ relation: relation_1.useParent('goods-action'),
+ props: {
+ text: String,
+ color: String,
+ loading: Boolean,
+ disabled: Boolean,
+ plain: Boolean,
+ type: {
+ type: String,
+ value: 'danger',
+ },
},
- },
- methods: {
- onClick: function (event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ methods: {
+ onClick: function (event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
+ updateStyle: function () {
+ if (this.parent == null) {
+ return;
+ }
+ var index = this.index;
+ var _a = this.parent.children, children = _a === void 0 ? [] : _a;
+ this.setData({
+ isFirst: index === 0,
+ isLast: index === children.length - 1,
+ });
+ },
},
- updateStyle: function () {
- if (this.parent == null) {
- return;
- }
- var index = this.index;
- var _a = this.parent.children,
- children = _a === void 0 ? [] : _a;
- this.setData({
- isFirst: index === 0,
- isLast: index === children.length - 1,
- });
- },
- },
});
diff --git a/lib/goods-action-icon/index.js b/lib/goods-action-icon/index.js
index 252ccbe6..71db344e 100644
--- a/lib/goods-action-icon/index.js
+++ b/lib/goods-action-icon/index.js
@@ -1,23 +1,23 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var button_1 = require('../mixins/button');
-var link_1 = require('../mixins/link');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
+var link_1 = require("../mixins/link");
component_1.VantComponent({
- classes: ['icon-class', 'text-class'],
- mixins: [link_1.link, button_1.button],
- props: {
- text: String,
- dot: Boolean,
- info: String,
- icon: String,
- disabled: Boolean,
- loading: Boolean,
- },
- methods: {
- onClick: function (event) {
- this.$emit('click', event.detail);
- this.jumpLink();
+ classes: ['icon-class', 'text-class'],
+ mixins: [link_1.link, button_1.button],
+ props: {
+ text: String,
+ dot: Boolean,
+ info: String,
+ icon: String,
+ disabled: Boolean,
+ loading: Boolean,
+ },
+ methods: {
+ onClick: function (event) {
+ this.$emit('click', event.detail);
+ this.jumpLink();
+ },
},
- },
});
diff --git a/lib/goods-action/index.js b/lib/goods-action/index.js
index b58ba946..1684934b 100644
--- a/lib/goods-action/index.js
+++ b/lib/goods-action/index.js
@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useChildren('goods-action-button', function () {
- this.children.forEach(function (item) {
- item.updateStyle();
- });
- }),
- props: {
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
+ relation: relation_1.useChildren('goods-action-button', function () {
+ this.children.forEach(function (item) {
+ item.updateStyle();
+ });
+ }),
+ props: {
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- },
});
diff --git a/lib/grid-item/index.js b/lib/grid-item/index.js
index bf7b27b6..0597f340 100644
--- a/lib/grid-item/index.js
+++ b/lib/grid-item/index.js
@@ -1,64 +1,54 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var link_1 = require('../mixins/link');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var link_1 = require("../mixins/link");
component_1.VantComponent({
- relation: relation_1.useParent('grid'),
- classes: ['content-class', 'icon-class', 'text-class'],
- mixins: [link_1.link],
- props: {
- icon: String,
- iconColor: String,
- iconPrefix: {
- type: String,
- value: 'van-icon',
+ relation: relation_1.useParent('grid'),
+ classes: ['content-class', 'icon-class', 'text-class'],
+ mixins: [link_1.link],
+ props: {
+ icon: String,
+ iconColor: String,
+ iconPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ dot: Boolean,
+ info: null,
+ badge: null,
+ text: String,
+ useSlot: Boolean,
},
- dot: Boolean,
- info: null,
- badge: null,
- text: String,
- useSlot: Boolean,
- },
- data: {
- viewStyle: '',
- },
- mounted: function () {
- this.updateStyle();
- },
- methods: {
- updateStyle: function () {
- if (!this.parent) {
- return;
- }
- var _a = this.parent,
- data = _a.data,
- children = _a.children;
- var columnNum = data.columnNum,
- border = data.border,
- square = data.square,
- gutter = data.gutter,
- clickable = data.clickable,
- center = data.center,
- direction = data.direction,
- reverse = data.reverse,
- iconSize = data.iconSize;
- this.setData({
- center: center,
- border: border,
- square: square,
- gutter: gutter,
- clickable: clickable,
- direction: direction,
- reverse: reverse,
- iconSize: iconSize,
- index: children.indexOf(this),
- columnNum: columnNum,
- });
+ data: {
+ viewStyle: '',
},
- onClick: function () {
- this.$emit('click');
- this.jumpLink();
+ mounted: function () {
+ this.updateStyle();
+ },
+ methods: {
+ updateStyle: function () {
+ if (!this.parent) {
+ return;
+ }
+ var _a = this.parent, data = _a.data, children = _a.children;
+ var columnNum = data.columnNum, border = data.border, square = data.square, gutter = data.gutter, clickable = data.clickable, center = data.center, direction = data.direction, reverse = data.reverse, iconSize = data.iconSize;
+ this.setData({
+ center: center,
+ border: border,
+ square: square,
+ gutter: gutter,
+ clickable: clickable,
+ direction: direction,
+ reverse: reverse,
+ iconSize: iconSize,
+ index: children.indexOf(this),
+ columnNum: columnNum,
+ });
+ },
+ onClick: function () {
+ this.$emit('click');
+ this.jumpLink();
+ },
},
- },
});
diff --git a/lib/grid/index.js b/lib/grid/index.js
index 2de31e04..7ba86bba 100644
--- a/lib/grid/index.js
+++ b/lib/grid/index.js
@@ -1,57 +1,57 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useChildren('grid-item'),
- props: {
- square: {
- type: Boolean,
- observer: 'updateChildren',
+ relation: relation_1.useChildren('grid-item'),
+ props: {
+ square: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ gutter: {
+ type: null,
+ value: 0,
+ observer: 'updateChildren',
+ },
+ clickable: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
+ columnNum: {
+ type: Number,
+ value: 4,
+ observer: 'updateChildren',
+ },
+ center: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildren',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ observer: 'updateChildren',
+ },
+ direction: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ iconSize: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ reverse: {
+ type: Boolean,
+ value: false,
+ observer: 'updateChildren',
+ },
},
- gutter: {
- type: null,
- value: 0,
- observer: 'updateChildren',
+ methods: {
+ updateChildren: function () {
+ this.children.forEach(function (child) {
+ child.updateStyle();
+ });
+ },
},
- clickable: {
- type: Boolean,
- observer: 'updateChildren',
- },
- columnNum: {
- type: Number,
- value: 4,
- observer: 'updateChildren',
- },
- center: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- border: {
- type: Boolean,
- value: true,
- observer: 'updateChildren',
- },
- direction: {
- type: String,
- observer: 'updateChildren',
- },
- iconSize: {
- type: String,
- observer: 'updateChildren',
- },
- reverse: {
- type: Boolean,
- value: false,
- observer: 'updateChildren',
- },
- },
- methods: {
- updateChildren: function () {
- this.children.forEach(function (child) {
- child.updateStyle();
- });
- },
- },
});
diff --git a/lib/icon/index.js b/lib/icon/index.js
index 28839c38..8c310e89 100644
--- a/lib/icon/index.js
+++ b/lib/icon/index.js
@@ -1,22 +1,22 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- dot: Boolean,
- info: null,
- size: null,
- color: String,
- customStyle: String,
- classPrefix: {
- type: String,
- value: 'van-icon',
+ props: {
+ dot: Boolean,
+ info: null,
+ size: null,
+ color: String,
+ customStyle: String,
+ classPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
+ name: String,
},
- name: String,
- },
- methods: {
- onClick: function () {
- this.$emit('click');
+ methods: {
+ onClick: function () {
+ this.$emit('click');
+ },
},
- },
});
diff --git a/lib/icon/index.wxss b/lib/icon/index.wxss
index b97b6e78..442556fc 100644
--- a/lib/icon/index.wxss
+++ b/lib/icon/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-exchange:before{content:"\e6af"}.van-icon-eye:before{content:"\e6b0"}.van-icon-enlarge:before{content:"\e6b1"}.van-icon-expand-o:before{content:"\e6b2"}.van-icon-eye-o:before{content:"\e6b3"}.van-icon-expand:before{content:"\e6b4"}.van-icon-filter-o:before{content:"\e6b5"}.van-icon-fire:before{content:"\e6b6"}.van-icon-fail:before{content:"\e6b7"}.van-icon-failure:before{content:"\e6b8"}.van-icon-fire-o:before{content:"\e6b9"}.van-icon-flag-o:before{content:"\e6ba"}.van-icon-font:before{content:"\e6bb"}.van-icon-font-o:before{content:"\e6bc"}.van-icon-gem-o:before{content:"\e6bd"}.van-icon-flower-o:before{content:"\e6be"}.van-icon-gem:before{content:"\e6bf"}.van-icon-gift-card:before{content:"\e6c0"}.van-icon-friends:before{content:"\e6c1"}.van-icon-friends-o:before{content:"\e6c2"}.van-icon-gold-coin:before{content:"\e6c3"}.van-icon-gold-coin-o:before{content:"\e6c4"}.van-icon-good-job-o:before{content:"\e6c5"}.van-icon-gift:before{content:"\e6c6"}.van-icon-gift-o:before{content:"\e6c7"}.van-icon-gift-card-o:before{content:"\e6c8"}.van-icon-good-job:before{content:"\e6c9"}.van-icon-home-o:before{content:"\e6ca"}.van-icon-goods-collect:before{content:"\e6cb"}.van-icon-graphic:before{content:"\e6cc"}.van-icon-goods-collect-o:before{content:"\e6cd"}.van-icon-hot-o:before{content:"\e6ce"}.van-icon-info:before{content:"\e6cf"}.van-icon-hotel-o:before{content:"\e6d0"}.van-icon-info-o:before{content:"\e6d1"}.van-icon-hot-sale-o:before{content:"\e6d2"}.van-icon-hot:before{content:"\e6d3"}.van-icon-like:before{content:"\e6d4"}.van-icon-idcard:before{content:"\e6d5"}.van-icon-invitation:before{content:"\e6d6"}.van-icon-like-o:before{content:"\e6d7"}.van-icon-hot-sale:before{content:"\e6d8"}.van-icon-location-o:before{content:"\e6d9"}.van-icon-location:before{content:"\e6da"}.van-icon-label:before{content:"\e6db"}.van-icon-lock:before{content:"\e6dc"}.van-icon-label-o:before{content:"\e6dd"}.van-icon-map-marked:before{content:"\e6de"}.van-icon-logistics:before{content:"\e6df"}.van-icon-manager:before{content:"\e6e0"}.van-icon-more:before{content:"\e6e1"}.van-icon-live:before{content:"\e6e2"}.van-icon-manager-o:before{content:"\e6e3"}.van-icon-medal:before{content:"\e6e4"}.van-icon-more-o:before{content:"\e6e5"}.van-icon-music-o:before{content:"\e6e6"}.van-icon-music:before{content:"\e6e7"}.van-icon-new-arrival-o:before{content:"\e6e8"}.van-icon-medal-o:before{content:"\e6e9"}.van-icon-new-o:before{content:"\e6ea"}.van-icon-free-postage:before{content:"\e6eb"}.van-icon-newspaper-o:before{content:"\e6ec"}.van-icon-new-arrival:before{content:"\e6ed"}.van-icon-minus:before{content:"\e6ee"}.van-icon-orders-o:before{content:"\e6ef"}.van-icon-new:before{content:"\e6f0"}.van-icon-paid:before{content:"\e6f1"}.van-icon-notes-o:before{content:"\e6f2"}.van-icon-other-pay:before{content:"\e6f3"}.van-icon-pause-circle:before{content:"\e6f4"}.van-icon-pause:before{content:"\e6f5"}.van-icon-pause-circle-o:before{content:"\e6f6"}.van-icon-peer-pay:before{content:"\e6f7"}.van-icon-pending-payment:before{content:"\e6f8"}.van-icon-passed:before{content:"\e6f9"}.van-icon-plus:before{content:"\e6fa"}.van-icon-phone-circle-o:before{content:"\e6fb"}.van-icon-phone-o:before{content:"\e6fc"}.van-icon-printer:before{content:"\e6fd"}.van-icon-photo-fail:before{content:"\e6fe"}.van-icon-phone:before{content:"\e6ff"}.van-icon-photo-o:before{content:"\e700"}.van-icon-play-circle:before{content:"\e701"}.van-icon-play:before{content:"\e702"}.van-icon-phone-circle:before{content:"\e703"}.van-icon-point-gift-o:before{content:"\e704"}.van-icon-point-gift:before{content:"\e705"}.van-icon-play-circle-o:before{content:"\e706"}.van-icon-shrink:before{content:"\e707"}.van-icon-photo:before{content:"\e708"}.van-icon-qr:before{content:"\e709"}.van-icon-qr-invalid:before{content:"\e70a"}.van-icon-question-o:before{content:"\e70b"}.van-icon-revoke:before{content:"\e70c"}.van-icon-replay:before{content:"\e70d"}.van-icon-service:before{content:"\e70e"}.van-icon-question:before{content:"\e70f"}.van-icon-search:before{content:"\e710"}.van-icon-refund-o:before{content:"\e711"}.van-icon-service-o:before{content:"\e712"}.van-icon-scan:before{content:"\e713"}.van-icon-share:before{content:"\e714"}.van-icon-send-gift-o:before{content:"\e715"}.van-icon-share-o:before{content:"\e716"}.van-icon-setting:before{content:"\e717"}.van-icon-points:before{content:"\e718"}.van-icon-photograph:before{content:"\e719"}.van-icon-shop:before{content:"\e71a"}.van-icon-shop-o:before{content:"\e71b"}.van-icon-shop-collect-o:before{content:"\e71c"}.van-icon-shop-collect:before{content:"\e71d"}.van-icon-smile:before{content:"\e71e"}.van-icon-shopping-cart-o:before{content:"\e71f"}.van-icon-sign:before{content:"\e720"}.van-icon-sort:before{content:"\e721"}.van-icon-star-o:before{content:"\e722"}.van-icon-smile-comment-o:before{content:"\e723"}.van-icon-stop:before{content:"\e724"}.van-icon-stop-circle-o:before{content:"\e725"}.van-icon-smile-o:before{content:"\e726"}.van-icon-star:before{content:"\e727"}.van-icon-success:before{content:"\e728"}.van-icon-stop-circle:before{content:"\e729"}.van-icon-records:before{content:"\e72a"}.van-icon-shopping-cart:before{content:"\e72b"}.van-icon-tosend:before{content:"\e72c"}.van-icon-todo-list:before{content:"\e72d"}.van-icon-thumb-circle-o:before{content:"\e72e"}.van-icon-thumb-circle:before{content:"\e72f"}.van-icon-umbrella-circle:before{content:"\e730"}.van-icon-underway:before{content:"\e731"}.van-icon-upgrade:before{content:"\e732"}.van-icon-todo-list-o:before{content:"\e733"}.van-icon-tv-o:before{content:"\e734"}.van-icon-underway-o:before{content:"\e735"}.van-icon-user-o:before{content:"\e736"}.van-icon-vip-card-o:before{content:"\e737"}.van-icon-vip-card:before{content:"\e738"}.van-icon-send-gift:before{content:"\e739"}.van-icon-wap-home:before{content:"\e73a"}.van-icon-wap-nav:before{content:"\e73b"}.van-icon-volume-o:before{content:"\e73c"}.van-icon-video:before{content:"\e73d"}.van-icon-wap-home-o:before{content:"\e73e"}.van-icon-volume:before{content:"\e73f"}.van-icon-warning:before{content:"\e740"}.van-icon-weapp-nav:before{content:"\e741"}.van-icon-wechat-pay:before{content:"\e742"}.van-icon-warning-o:before{content:"\e743"}.van-icon-wechat:before{content:"\e744"}.van-icon-setting-o:before{content:"\e745"}.van-icon-youzan-shield:before{content:"\e746"}.van-icon-warn-o:before{content:"\e747"}.van-icon-smile-comment:before{content:"\e748"}.van-icon-user-circle-o:before{content:"\e749"}.van-icon-video-o:before{content:"\e74a"}.van-icon-add-square:before{content:"\e65c"}.van-icon-add:before{content:"\e65d"}.van-icon-arrow-down:before{content:"\e65e"}.van-icon-arrow-up:before{content:"\e65f"}.van-icon-arrow:before{content:"\e660"}.van-icon-after-sale:before{content:"\e661"}.van-icon-add-o:before{content:"\e662"}.van-icon-alipay:before{content:"\e663"}.van-icon-ascending:before{content:"\e664"}.van-icon-apps-o:before{content:"\e665"}.van-icon-aim:before{content:"\e666"}.van-icon-award:before{content:"\e667"}.van-icon-arrow-left:before{content:"\e668"}.van-icon-award-o:before{content:"\e669"}.van-icon-audio:before{content:"\e66a"}.van-icon-bag-o:before{content:"\e66b"}.van-icon-balance-list:before{content:"\e66c"}.van-icon-back-top:before{content:"\e66d"}.van-icon-bag:before{content:"\e66e"}.van-icon-balance-pay:before{content:"\e66f"}.van-icon-balance-o:before{content:"\e670"}.van-icon-bar-chart-o:before{content:"\e671"}.van-icon-bars:before{content:"\e672"}.van-icon-balance-list-o:before{content:"\e673"}.van-icon-birthday-cake-o:before{content:"\e674"}.van-icon-bookmark:before{content:"\e675"}.van-icon-bill:before{content:"\e676"}.van-icon-bell:before{content:"\e677"}.van-icon-browsing-history-o:before{content:"\e678"}.van-icon-browsing-history:before{content:"\e679"}.van-icon-bookmark-o:before{content:"\e67a"}.van-icon-bulb-o:before{content:"\e67b"}.van-icon-bullhorn-o:before{content:"\e67c"}.van-icon-bill-o:before{content:"\e67d"}.van-icon-calendar-o:before{content:"\e67e"}.van-icon-brush-o:before{content:"\e67f"}.van-icon-card:before{content:"\e680"}.van-icon-cart-o:before{content:"\e681"}.van-icon-cart-circle:before{content:"\e682"}.van-icon-cart-circle-o:before{content:"\e683"}.van-icon-cart:before{content:"\e684"}.van-icon-cash-on-deliver:before{content:"\e685"}.van-icon-cash-back-record:before{content:"\e686"}.van-icon-cashier-o:before{content:"\e687"}.van-icon-chart-trending-o:before{content:"\e688"}.van-icon-certificate:before{content:"\e689"}.van-icon-chat:before{content:"\e68a"}.van-icon-clear:before{content:"\e68b"}.van-icon-chat-o:before{content:"\e68c"}.van-icon-checked:before{content:"\e68d"}.van-icon-clock:before{content:"\e68e"}.van-icon-clock-o:before{content:"\e68f"}.van-icon-close:before{content:"\e690"}.van-icon-closed-eye:before{content:"\e691"}.van-icon-circle:before{content:"\e692"}.van-icon-cluster-o:before{content:"\e693"}.van-icon-column:before{content:"\e694"}.van-icon-comment-circle-o:before{content:"\e695"}.van-icon-cluster:before{content:"\e696"}.van-icon-comment:before{content:"\e697"}.van-icon-comment-o:before{content:"\e698"}.van-icon-comment-circle:before{content:"\e699"}.van-icon-completed:before{content:"\e69a"}.van-icon-credit-pay:before{content:"\e69b"}.van-icon-coupon:before{content:"\e69c"}.van-icon-debit-pay:before{content:"\e69d"}.van-icon-coupon-o:before{content:"\e69e"}.van-icon-contact:before{content:"\e69f"}.van-icon-descending:before{content:"\e6a0"}.van-icon-desktop-o:before{content:"\e6a1"}.van-icon-diamond-o:before{content:"\e6a2"}.van-icon-description:before{content:"\e6a3"}.van-icon-delete:before{content:"\e6a4"}.van-icon-diamond:before{content:"\e6a5"}.van-icon-delete-o:before{content:"\e6a6"}.van-icon-cross:before{content:"\e6a7"}.van-icon-edit:before{content:"\e6a8"}.van-icon-ellipsis:before{content:"\e6a9"}.van-icon-down:before{content:"\e6aa"}.van-icon-discount:before{content:"\e6ab"}.van-icon-ecard-pay:before{content:"\e6ac"}.van-icon-envelop-o:before{content:"\e6ae"}.van-icon-shield-o:before{content:"\e74b"}@font-face{font-weight:400;font-style:normal;font-display:auto;font-family:vant-icon;src:url(//at.alicdn.com/t/font_2553510_3bs9b5licix.woff2?t=1626956973644) format("woff2"),url(//at.alicdn.com/t/font_2553510_3bs9b5licix.woff?t=1626956973644) format("woff"),url(//at.alicdn.com/t/font_2553510_3bs9b5licix.ttf?t=1626956973644) format("truetype")}:host{display:inline-flex;align-items:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
\ No newline at end of file
+@import '../common/index.wxss';.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-exchange:before{content:"\e6af"}.van-icon-eye:before{content:"\e6b0"}.van-icon-enlarge:before{content:"\e6b1"}.van-icon-expand-o:before{content:"\e6b2"}.van-icon-eye-o:before{content:"\e6b3"}.van-icon-expand:before{content:"\e6b4"}.van-icon-filter-o:before{content:"\e6b5"}.van-icon-fire:before{content:"\e6b6"}.van-icon-fail:before{content:"\e6b7"}.van-icon-failure:before{content:"\e6b8"}.van-icon-fire-o:before{content:"\e6b9"}.van-icon-flag-o:before{content:"\e6ba"}.van-icon-font:before{content:"\e6bb"}.van-icon-font-o:before{content:"\e6bc"}.van-icon-gem-o:before{content:"\e6bd"}.van-icon-flower-o:before{content:"\e6be"}.van-icon-gem:before{content:"\e6bf"}.van-icon-gift-card:before{content:"\e6c0"}.van-icon-friends:before{content:"\e6c1"}.van-icon-friends-o:before{content:"\e6c2"}.van-icon-gold-coin:before{content:"\e6c3"}.van-icon-gold-coin-o:before{content:"\e6c4"}.van-icon-good-job-o:before{content:"\e6c5"}.van-icon-gift:before{content:"\e6c6"}.van-icon-gift-o:before{content:"\e6c7"}.van-icon-gift-card-o:before{content:"\e6c8"}.van-icon-good-job:before{content:"\e6c9"}.van-icon-home-o:before{content:"\e6ca"}.van-icon-goods-collect:before{content:"\e6cb"}.van-icon-graphic:before{content:"\e6cc"}.van-icon-goods-collect-o:before{content:"\e6cd"}.van-icon-hot-o:before{content:"\e6ce"}.van-icon-info:before{content:"\e6cf"}.van-icon-hotel-o:before{content:"\e6d0"}.van-icon-info-o:before{content:"\e6d1"}.van-icon-hot-sale-o:before{content:"\e6d2"}.van-icon-hot:before{content:"\e6d3"}.van-icon-like:before{content:"\e6d4"}.van-icon-idcard:before{content:"\e6d5"}.van-icon-invitation:before{content:"\e6d6"}.van-icon-like-o:before{content:"\e6d7"}.van-icon-hot-sale:before{content:"\e6d8"}.van-icon-location-o:before{content:"\e6d9"}.van-icon-location:before{content:"\e6da"}.van-icon-label:before{content:"\e6db"}.van-icon-lock:before{content:"\e6dc"}.van-icon-label-o:before{content:"\e6dd"}.van-icon-map-marked:before{content:"\e6de"}.van-icon-logistics:before{content:"\e6df"}.van-icon-manager:before{content:"\e6e0"}.van-icon-more:before{content:"\e6e1"}.van-icon-live:before{content:"\e6e2"}.van-icon-manager-o:before{content:"\e6e3"}.van-icon-medal:before{content:"\e6e4"}.van-icon-more-o:before{content:"\e6e5"}.van-icon-music-o:before{content:"\e6e6"}.van-icon-music:before{content:"\e6e7"}.van-icon-new-arrival-o:before{content:"\e6e8"}.van-icon-medal-o:before{content:"\e6e9"}.van-icon-new-o:before{content:"\e6ea"}.van-icon-free-postage:before{content:"\e6eb"}.van-icon-newspaper-o:before{content:"\e6ec"}.van-icon-new-arrival:before{content:"\e6ed"}.van-icon-minus:before{content:"\e6ee"}.van-icon-orders-o:before{content:"\e6ef"}.van-icon-new:before{content:"\e6f0"}.van-icon-paid:before{content:"\e6f1"}.van-icon-notes-o:before{content:"\e6f2"}.van-icon-other-pay:before{content:"\e6f3"}.van-icon-pause-circle:before{content:"\e6f4"}.van-icon-pause:before{content:"\e6f5"}.van-icon-pause-circle-o:before{content:"\e6f6"}.van-icon-peer-pay:before{content:"\e6f7"}.van-icon-pending-payment:before{content:"\e6f8"}.van-icon-passed:before{content:"\e6f9"}.van-icon-plus:before{content:"\e6fa"}.van-icon-phone-circle-o:before{content:"\e6fb"}.van-icon-phone-o:before{content:"\e6fc"}.van-icon-printer:before{content:"\e6fd"}.van-icon-photo-fail:before{content:"\e6fe"}.van-icon-phone:before{content:"\e6ff"}.van-icon-photo-o:before{content:"\e700"}.van-icon-play-circle:before{content:"\e701"}.van-icon-play:before{content:"\e702"}.van-icon-phone-circle:before{content:"\e703"}.van-icon-point-gift-o:before{content:"\e704"}.van-icon-point-gift:before{content:"\e705"}.van-icon-play-circle-o:before{content:"\e706"}.van-icon-shrink:before{content:"\e707"}.van-icon-photo:before{content:"\e708"}.van-icon-qr:before{content:"\e709"}.van-icon-qr-invalid:before{content:"\e70a"}.van-icon-question-o:before{content:"\e70b"}.van-icon-revoke:before{content:"\e70c"}.van-icon-replay:before{content:"\e70d"}.van-icon-service:before{content:"\e70e"}.van-icon-question:before{content:"\e70f"}.van-icon-search:before{content:"\e710"}.van-icon-refund-o:before{content:"\e711"}.van-icon-service-o:before{content:"\e712"}.van-icon-scan:before{content:"\e713"}.van-icon-share:before{content:"\e714"}.van-icon-send-gift-o:before{content:"\e715"}.van-icon-share-o:before{content:"\e716"}.van-icon-setting:before{content:"\e717"}.van-icon-points:before{content:"\e718"}.van-icon-photograph:before{content:"\e719"}.van-icon-shop:before{content:"\e71a"}.van-icon-shop-o:before{content:"\e71b"}.van-icon-shop-collect-o:before{content:"\e71c"}.van-icon-shop-collect:before{content:"\e71d"}.van-icon-smile:before{content:"\e71e"}.van-icon-shopping-cart-o:before{content:"\e71f"}.van-icon-sign:before{content:"\e720"}.van-icon-sort:before{content:"\e721"}.van-icon-star-o:before{content:"\e722"}.van-icon-smile-comment-o:before{content:"\e723"}.van-icon-stop:before{content:"\e724"}.van-icon-stop-circle-o:before{content:"\e725"}.van-icon-smile-o:before{content:"\e726"}.van-icon-star:before{content:"\e727"}.van-icon-success:before{content:"\e728"}.van-icon-stop-circle:before{content:"\e729"}.van-icon-records:before{content:"\e72a"}.van-icon-shopping-cart:before{content:"\e72b"}.van-icon-tosend:before{content:"\e72c"}.van-icon-todo-list:before{content:"\e72d"}.van-icon-thumb-circle-o:before{content:"\e72e"}.van-icon-thumb-circle:before{content:"\e72f"}.van-icon-umbrella-circle:before{content:"\e730"}.van-icon-underway:before{content:"\e731"}.van-icon-upgrade:before{content:"\e732"}.van-icon-todo-list-o:before{content:"\e733"}.van-icon-tv-o:before{content:"\e734"}.van-icon-underway-o:before{content:"\e735"}.van-icon-user-o:before{content:"\e736"}.van-icon-vip-card-o:before{content:"\e737"}.van-icon-vip-card:before{content:"\e738"}.van-icon-send-gift:before{content:"\e739"}.van-icon-wap-home:before{content:"\e73a"}.van-icon-wap-nav:before{content:"\e73b"}.van-icon-volume-o:before{content:"\e73c"}.van-icon-video:before{content:"\e73d"}.van-icon-wap-home-o:before{content:"\e73e"}.van-icon-volume:before{content:"\e73f"}.van-icon-warning:before{content:"\e740"}.van-icon-weapp-nav:before{content:"\e741"}.van-icon-wechat-pay:before{content:"\e742"}.van-icon-warning-o:before{content:"\e743"}.van-icon-wechat:before{content:"\e744"}.van-icon-setting-o:before{content:"\e745"}.van-icon-youzan-shield:before{content:"\e746"}.van-icon-warn-o:before{content:"\e747"}.van-icon-smile-comment:before{content:"\e748"}.van-icon-user-circle-o:before{content:"\e749"}.van-icon-video-o:before{content:"\e74a"}.van-icon-add-square:before{content:"\e65c"}.van-icon-add:before{content:"\e65d"}.van-icon-arrow-down:before{content:"\e65e"}.van-icon-arrow-up:before{content:"\e65f"}.van-icon-arrow:before{content:"\e660"}.van-icon-after-sale:before{content:"\e661"}.van-icon-add-o:before{content:"\e662"}.van-icon-alipay:before{content:"\e663"}.van-icon-ascending:before{content:"\e664"}.van-icon-apps-o:before{content:"\e665"}.van-icon-aim:before{content:"\e666"}.van-icon-award:before{content:"\e667"}.van-icon-arrow-left:before{content:"\e668"}.van-icon-award-o:before{content:"\e669"}.van-icon-audio:before{content:"\e66a"}.van-icon-bag-o:before{content:"\e66b"}.van-icon-balance-list:before{content:"\e66c"}.van-icon-back-top:before{content:"\e66d"}.van-icon-bag:before{content:"\e66e"}.van-icon-balance-pay:before{content:"\e66f"}.van-icon-balance-o:before{content:"\e670"}.van-icon-bar-chart-o:before{content:"\e671"}.van-icon-bars:before{content:"\e672"}.van-icon-balance-list-o:before{content:"\e673"}.van-icon-birthday-cake-o:before{content:"\e674"}.van-icon-bookmark:before{content:"\e675"}.van-icon-bill:before{content:"\e676"}.van-icon-bell:before{content:"\e677"}.van-icon-browsing-history-o:before{content:"\e678"}.van-icon-browsing-history:before{content:"\e679"}.van-icon-bookmark-o:before{content:"\e67a"}.van-icon-bulb-o:before{content:"\e67b"}.van-icon-bullhorn-o:before{content:"\e67c"}.van-icon-bill-o:before{content:"\e67d"}.van-icon-calendar-o:before{content:"\e67e"}.van-icon-brush-o:before{content:"\e67f"}.van-icon-card:before{content:"\e680"}.van-icon-cart-o:before{content:"\e681"}.van-icon-cart-circle:before{content:"\e682"}.van-icon-cart-circle-o:before{content:"\e683"}.van-icon-cart:before{content:"\e684"}.van-icon-cash-on-deliver:before{content:"\e685"}.van-icon-cash-back-record:before{content:"\e686"}.van-icon-cashier-o:before{content:"\e687"}.van-icon-chart-trending-o:before{content:"\e688"}.van-icon-certificate:before{content:"\e689"}.van-icon-chat:before{content:"\e68a"}.van-icon-clear:before{content:"\e68b"}.van-icon-chat-o:before{content:"\e68c"}.van-icon-checked:before{content:"\e68d"}.van-icon-clock:before{content:"\e68e"}.van-icon-clock-o:before{content:"\e68f"}.van-icon-close:before{content:"\e690"}.van-icon-closed-eye:before{content:"\e691"}.van-icon-circle:before{content:"\e692"}.van-icon-cluster-o:before{content:"\e693"}.van-icon-column:before{content:"\e694"}.van-icon-comment-circle-o:before{content:"\e695"}.van-icon-cluster:before{content:"\e696"}.van-icon-comment:before{content:"\e697"}.van-icon-comment-o:before{content:"\e698"}.van-icon-comment-circle:before{content:"\e699"}.van-icon-completed:before{content:"\e69a"}.van-icon-credit-pay:before{content:"\e69b"}.van-icon-coupon:before{content:"\e69c"}.van-icon-debit-pay:before{content:"\e69d"}.van-icon-coupon-o:before{content:"\e69e"}.van-icon-contact:before{content:"\e69f"}.van-icon-descending:before{content:"\e6a0"}.van-icon-desktop-o:before{content:"\e6a1"}.van-icon-diamond-o:before{content:"\e6a2"}.van-icon-description:before{content:"\e6a3"}.van-icon-delete:before{content:"\e6a4"}.van-icon-diamond:before{content:"\e6a5"}.van-icon-delete-o:before{content:"\e6a6"}.van-icon-cross:before{content:"\e6a7"}.van-icon-edit:before{content:"\e6a8"}.van-icon-ellipsis:before{content:"\e6a9"}.van-icon-down:before{content:"\e6aa"}.van-icon-discount:before{content:"\e6ab"}.van-icon-ecard-pay:before{content:"\e6ac"}.van-icon-envelop-o:before{content:"\e6ae"}.van-icon-shield-o:before{content:"\e74b"}.van-icon-guide-o:before{content:"\e74c"}@font-face{font-weight:400;font-style:normal;font-display:auto;font-family:vant-icon;src:url(//at.alicdn.com/t/font_2553510_61agzg96wm8.woff2?t=1631948257467) format("woff2"),url(//at.alicdn.com/t/font_2553510_61agzg96wm8.woff?t=1631948257467) format("woff"),url(//at.alicdn.com/t/font_2553510_61agzg96wm8.ttf?t=1631948257467) format("truetype")}:host{display:inline-flex;align-items:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
\ No newline at end of file
diff --git a/lib/image/index.js b/lib/image/index.js
index f149bc93..990327b0 100644
--- a/lib/image/index.js
+++ b/lib/image/index.js
@@ -1,62 +1,62 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var button_1 = require('../mixins/button');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var button_1 = require("../mixins/button");
component_1.VantComponent({
- mixins: [button_1.button],
- classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
- props: {
- src: {
- type: String,
- observer: function () {
- this.setData({
- error: false,
- loading: true,
- });
- },
+ mixins: [button_1.button],
+ classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
+ props: {
+ src: {
+ type: String,
+ observer: function () {
+ this.setData({
+ error: false,
+ loading: true,
+ });
+ },
+ },
+ round: Boolean,
+ width: null,
+ height: null,
+ radius: null,
+ lazyLoad: Boolean,
+ useErrorSlot: Boolean,
+ useLoadingSlot: Boolean,
+ showMenuByLongpress: Boolean,
+ fit: {
+ type: String,
+ value: 'fill',
+ },
+ showError: {
+ type: Boolean,
+ value: true,
+ },
+ showLoading: {
+ type: Boolean,
+ value: true,
+ },
},
- round: Boolean,
- width: null,
- height: null,
- radius: null,
- lazyLoad: Boolean,
- useErrorSlot: Boolean,
- useLoadingSlot: Boolean,
- showMenuByLongpress: Boolean,
- fit: {
- type: String,
- value: 'fill',
+ data: {
+ error: false,
+ loading: true,
+ viewStyle: '',
},
- showError: {
- type: Boolean,
- value: true,
+ methods: {
+ onLoad: function (event) {
+ this.setData({
+ loading: false,
+ });
+ this.$emit('load', event.detail);
+ },
+ onError: function (event) {
+ this.setData({
+ loading: false,
+ error: true,
+ });
+ this.$emit('error', event.detail);
+ },
+ onClick: function (event) {
+ this.$emit('click', event.detail);
+ },
},
- showLoading: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- error: false,
- loading: true,
- viewStyle: '',
- },
- methods: {
- onLoad: function (event) {
- this.setData({
- loading: false,
- });
- this.$emit('load', event.detail);
- },
- onError: function (event) {
- this.setData({
- loading: false,
- error: true,
- });
- this.$emit('error', event.detail);
- },
- onClick: function (event) {
- this.$emit('click', event.detail);
- },
- },
});
diff --git a/lib/index-anchor/index.js b/lib/index-anchor/index.js
index 2970257d..ff6f860e 100644
--- a/lib/index-anchor/index.js
+++ b/lib/index-anchor/index.js
@@ -1,28 +1,28 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var utils_1 = require('../common/utils');
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../common/utils");
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useParent('index-bar'),
- props: {
- useSlot: Boolean,
- index: null,
- },
- data: {
- active: false,
- wrapperStyle: '',
- anchorStyle: '',
- },
- methods: {
- scrollIntoView: function (scrollTop) {
- var _this = this;
- utils_1.getRect(this, '.van-index-anchor-wrapper').then(function (rect) {
- wx.pageScrollTo({
- duration: 0,
- scrollTop: scrollTop + rect.top - _this.parent.data.stickyOffsetTop,
- });
- });
+ relation: relation_1.useParent('index-bar'),
+ props: {
+ useSlot: Boolean,
+ index: null,
+ },
+ data: {
+ active: false,
+ wrapperStyle: '',
+ anchorStyle: '',
+ },
+ methods: {
+ scrollIntoView: function (scrollTop) {
+ var _this = this;
+ utils_1.getRect(this, '.van-index-anchor-wrapper').then(function (rect) {
+ wx.pageScrollTo({
+ duration: 0,
+ scrollTop: scrollTop + rect.top - _this.parent.data.stickyOffsetTop,
+ });
+ });
+ },
},
- },
});
diff --git a/lib/index-bar/index.js b/lib/index-bar/index.js
index dd4315e0..941d8c59 100644
--- a/lib/index-bar/index.js
+++ b/lib/index-bar/index.js
@@ -1,281 +1,240 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var color_1 = require('../common/color');
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var utils_1 = require('../common/utils');
-var page_scroll_1 = require('../mixins/page-scroll');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var color_1 = require("../common/color");
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var utils_1 = require("../common/utils");
+var page_scroll_1 = require("../mixins/page-scroll");
var indexList = function () {
- var indexList = [];
- var charCodeOfA = 'A'.charCodeAt(0);
- for (var i = 0; i < 26; i++) {
- indexList.push(String.fromCharCode(charCodeOfA + i));
- }
- return indexList;
+ var indexList = [];
+ var charCodeOfA = 'A'.charCodeAt(0);
+ for (var i = 0; i < 26; i++) {
+ indexList.push(String.fromCharCode(charCodeOfA + i));
+ }
+ return indexList;
};
component_1.VantComponent({
- relation: relation_1.useChildren('index-anchor', function () {
- this.updateData();
- }),
- props: {
- sticky: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- highlightColor: {
- type: String,
- value: color_1.GREEN,
- },
- stickyOffsetTop: {
- type: Number,
- value: 0,
- },
- indexList: {
- type: Array,
- value: indexList(),
- },
- },
- mixins: [
- page_scroll_1.pageScrollMixin(function (event) {
- this.scrollTop =
- (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
- this.onScroll();
+ relation: relation_1.useChildren('index-anchor', function () {
+ this.updateData();
}),
- ],
- data: {
- activeAnchorIndex: null,
- showSidebar: false,
- },
- created: function () {
- this.scrollTop = 0;
- },
- methods: {
- updateData: function () {
- var _this = this;
- wx.nextTick(function () {
- if (_this.timer != null) {
- clearTimeout(_this.timer);
- }
- _this.timer = setTimeout(function () {
- _this.setData({
- showSidebar: !!_this.children.length,
- });
- _this.setRect().then(function () {
- _this.onScroll();
- });
- }, 0);
- });
- },
- setRect: function () {
- return Promise.all([
- this.setAnchorsRect(),
- this.setListRect(),
- this.setSiderbarRect(),
- ]);
- },
- setAnchorsRect: function () {
- var _this = this;
- return Promise.all(
- this.children.map(function (anchor) {
- return utils_1
- .getRect(anchor, '.van-index-anchor-wrapper')
- .then(function (rect) {
- Object.assign(anchor, {
- height: rect.height,
- top: rect.top + _this.scrollTop,
- });
- });
- })
- );
- },
- setListRect: function () {
- var _this = this;
- return utils_1.getRect(this, '.van-index-bar').then(function (rect) {
- Object.assign(_this, {
- height: rect.height,
- top: rect.top + _this.scrollTop,
- });
- });
- },
- setSiderbarRect: function () {
- var _this = this;
- return utils_1
- .getRect(this, '.van-index-bar__sidebar')
- .then(function (res) {
- if (!utils_1.isDef(res)) {
- return;
- }
- _this.sidebar = {
- height: res.height,
- top: res.top,
- };
- });
- },
- setDiffData: function (_a) {
- var target = _a.target,
- data = _a.data;
- var diffData = {};
- Object.keys(data).forEach(function (key) {
- if (target.data[key] !== data[key]) {
- diffData[key] = data[key];
- }
- });
- if (Object.keys(diffData).length) {
- target.setData(diffData);
- }
- },
- getAnchorRect: function (anchor) {
- return utils_1
- .getRect(anchor, '.van-index-anchor-wrapper')
- .then(function (rect) {
- return {
- height: rect.height,
- top: rect.top,
- };
- });
- },
- getActiveAnchorIndex: function () {
- var _a = this,
- children = _a.children,
- scrollTop = _a.scrollTop;
- var _b = this.data,
- sticky = _b.sticky,
- stickyOffsetTop = _b.stickyOffsetTop;
- for (var i = this.children.length - 1; i >= 0; i--) {
- var preAnchorHeight = i > 0 ? children[i - 1].height : 0;
- var reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
- if (reachTop + scrollTop >= children[i].top) {
- return i;
- }
- }
- return -1;
- },
- onScroll: function () {
- var _this = this;
- var _a = this,
- _b = _a.children,
- children = _b === void 0 ? [] : _b,
- scrollTop = _a.scrollTop;
- if (!children.length) {
- return;
- }
- var _c = this.data,
- sticky = _c.sticky,
- stickyOffsetTop = _c.stickyOffsetTop,
- zIndex = _c.zIndex,
- highlightColor = _c.highlightColor;
- var active = this.getActiveAnchorIndex();
- this.setDiffData({
- target: this,
- data: {
- activeAnchorIndex: active,
+ props: {
+ sticky: {
+ type: Boolean,
+ value: true,
},
- });
- if (sticky) {
- var isActiveAnchorSticky_1 = false;
- if (active !== -1) {
- isActiveAnchorSticky_1 =
- children[active].top <= stickyOffsetTop + scrollTop;
- }
- children.forEach(function (item, index) {
- if (index === active) {
- var wrapperStyle = '';
- var anchorStyle =
- '\n color: ' + highlightColor + ';\n ';
- if (isActiveAnchorSticky_1) {
- wrapperStyle =
- '\n height: ' +
- children[index].height +
- 'px;\n ';
- anchorStyle =
- '\n position: fixed;\n top: ' +
- stickyOffsetTop +
- 'px;\n z-index: ' +
- zIndex +
- ';\n color: ' +
- highlightColor +
- ';\n ';
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ highlightColor: {
+ type: String,
+ value: color_1.GREEN,
+ },
+ stickyOffsetTop: {
+ type: Number,
+ value: 0,
+ },
+ indexList: {
+ type: Array,
+ value: indexList(),
+ },
+ },
+ mixins: [
+ page_scroll_1.pageScrollMixin(function (event) {
+ this.scrollTop = (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
+ this.onScroll();
+ }),
+ ],
+ data: {
+ activeAnchorIndex: null,
+ showSidebar: false,
+ },
+ created: function () {
+ this.scrollTop = 0;
+ },
+ methods: {
+ updateData: function () {
+ var _this = this;
+ wx.nextTick(function () {
+ if (_this.timer != null) {
+ clearTimeout(_this.timer);
+ }
+ _this.timer = setTimeout(function () {
+ _this.setData({
+ showSidebar: !!_this.children.length,
+ });
+ _this.setRect().then(function () {
+ _this.onScroll();
+ });
+ }, 0);
+ });
+ },
+ setRect: function () {
+ return Promise.all([
+ this.setAnchorsRect(),
+ this.setListRect(),
+ this.setSiderbarRect(),
+ ]);
+ },
+ setAnchorsRect: function () {
+ var _this = this;
+ return Promise.all(this.children.map(function (anchor) {
+ return utils_1.getRect(anchor, '.van-index-anchor-wrapper').then(function (rect) {
+ Object.assign(anchor, {
+ height: rect.height,
+ top: rect.top + _this.scrollTop,
+ });
+ });
+ }));
+ },
+ setListRect: function () {
+ var _this = this;
+ return utils_1.getRect(this, '.van-index-bar').then(function (rect) {
+ Object.assign(_this, {
+ height: rect.height,
+ top: rect.top + _this.scrollTop,
+ });
+ });
+ },
+ setSiderbarRect: function () {
+ var _this = this;
+ return utils_1.getRect(this, '.van-index-bar__sidebar').then(function (res) {
+ if (!utils_1.isDef(res)) {
+ return;
+ }
+ _this.sidebar = {
+ height: res.height,
+ top: res.top,
+ };
+ });
+ },
+ setDiffData: function (_a) {
+ var target = _a.target, data = _a.data;
+ var diffData = {};
+ Object.keys(data).forEach(function (key) {
+ if (target.data[key] !== data[key]) {
+ diffData[key] = data[key];
+ }
+ });
+ if (Object.keys(diffData).length) {
+ target.setData(diffData);
}
- _this.setDiffData({
- target: item,
- data: {
- active: true,
- anchorStyle: anchorStyle,
- wrapperStyle: wrapperStyle,
- },
+ },
+ getAnchorRect: function (anchor) {
+ return utils_1.getRect(anchor, '.van-index-anchor-wrapper').then(function (rect) { return ({
+ height: rect.height,
+ top: rect.top,
+ }); });
+ },
+ getActiveAnchorIndex: function () {
+ var _a = this, children = _a.children, scrollTop = _a.scrollTop;
+ var _b = this.data, sticky = _b.sticky, stickyOffsetTop = _b.stickyOffsetTop;
+ for (var i = this.children.length - 1; i >= 0; i--) {
+ var preAnchorHeight = i > 0 ? children[i - 1].height : 0;
+ var reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
+ if (reachTop + scrollTop >= children[i].top) {
+ return i;
+ }
+ }
+ return -1;
+ },
+ onScroll: function () {
+ var _this = this;
+ var _a = this, _b = _a.children, children = _b === void 0 ? [] : _b, scrollTop = _a.scrollTop;
+ if (!children.length) {
+ return;
+ }
+ var _c = this.data, sticky = _c.sticky, stickyOffsetTop = _c.stickyOffsetTop, zIndex = _c.zIndex, highlightColor = _c.highlightColor;
+ var active = this.getActiveAnchorIndex();
+ this.setDiffData({
+ target: this,
+ data: {
+ activeAnchorIndex: active,
+ },
});
- } else if (index === active - 1) {
- var currentAnchor = children[index];
- var currentOffsetTop = currentAnchor.top;
- var targetOffsetTop =
- index === children.length - 1
- ? _this.top
- : children[index + 1].top;
- var parentOffsetHeight = targetOffsetTop - currentOffsetTop;
- var translateY = parentOffsetHeight - currentAnchor.height;
- var anchorStyle =
- '\n position: relative;\n transform: translate3d(0, ' +
- translateY +
- 'px, 0);\n z-index: ' +
- zIndex +
- ';\n color: ' +
- highlightColor +
- ';\n ';
- _this.setDiffData({
- target: item,
- data: {
- active: true,
- anchorStyle: anchorStyle,
- },
- });
- } else {
- _this.setDiffData({
- target: item,
- data: {
- active: false,
- anchorStyle: '',
- wrapperStyle: '',
- },
- });
- }
- });
- }
+ if (sticky) {
+ var isActiveAnchorSticky_1 = false;
+ if (active !== -1) {
+ isActiveAnchorSticky_1 =
+ children[active].top <= stickyOffsetTop + scrollTop;
+ }
+ children.forEach(function (item, index) {
+ if (index === active) {
+ var wrapperStyle = '';
+ var anchorStyle = "\n color: " + highlightColor + ";\n ";
+ if (isActiveAnchorSticky_1) {
+ wrapperStyle = "\n height: " + children[index].height + "px;\n ";
+ anchorStyle = "\n position: fixed;\n top: " + stickyOffsetTop + "px;\n z-index: " + zIndex + ";\n color: " + highlightColor + ";\n ";
+ }
+ _this.setDiffData({
+ target: item,
+ data: {
+ active: true,
+ anchorStyle: anchorStyle,
+ wrapperStyle: wrapperStyle,
+ },
+ });
+ }
+ else if (index === active - 1) {
+ var currentAnchor = children[index];
+ var currentOffsetTop = currentAnchor.top;
+ var targetOffsetTop = index === children.length - 1
+ ? _this.top
+ : children[index + 1].top;
+ var parentOffsetHeight = targetOffsetTop - currentOffsetTop;
+ var translateY = parentOffsetHeight - currentAnchor.height;
+ var anchorStyle = "\n position: relative;\n transform: translate3d(0, " + translateY + "px, 0);\n z-index: " + zIndex + ";\n color: " + highlightColor + ";\n ";
+ _this.setDiffData({
+ target: item,
+ data: {
+ active: true,
+ anchorStyle: anchorStyle,
+ },
+ });
+ }
+ else {
+ _this.setDiffData({
+ target: item,
+ data: {
+ active: false,
+ anchorStyle: '',
+ wrapperStyle: '',
+ },
+ });
+ }
+ });
+ }
+ },
+ onClick: function (event) {
+ this.scrollToAnchor(event.target.dataset.index);
+ },
+ onTouchMove: function (event) {
+ var sidebarLength = this.children.length;
+ var touch = event.touches[0];
+ var itemHeight = this.sidebar.height / sidebarLength;
+ var index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
+ if (index < 0) {
+ index = 0;
+ }
+ else if (index > sidebarLength - 1) {
+ index = sidebarLength - 1;
+ }
+ this.scrollToAnchor(index);
+ },
+ onTouchStop: function () {
+ this.scrollToAnchorIndex = null;
+ },
+ scrollToAnchor: function (index) {
+ var _this = this;
+ if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
+ return;
+ }
+ this.scrollToAnchorIndex = index;
+ var anchor = this.children.find(function (item) { return item.data.index === _this.data.indexList[index]; });
+ if (anchor) {
+ anchor.scrollIntoView(this.scrollTop);
+ this.$emit('select', anchor.data.index);
+ }
+ },
},
- onClick: function (event) {
- this.scrollToAnchor(event.target.dataset.index);
- },
- onTouchMove: function (event) {
- var sidebarLength = this.children.length;
- var touch = event.touches[0];
- var itemHeight = this.sidebar.height / sidebarLength;
- var index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
- if (index < 0) {
- index = 0;
- } else if (index > sidebarLength - 1) {
- index = sidebarLength - 1;
- }
- this.scrollToAnchor(index);
- },
- onTouchStop: function () {
- this.scrollToAnchorIndex = null;
- },
- scrollToAnchor: function (index) {
- var _this = this;
- if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
- return;
- }
- this.scrollToAnchorIndex = index;
- var anchor = this.children.find(function (item) {
- return item.data.index === _this.data.indexList[index];
- });
- if (anchor) {
- anchor.scrollIntoView(this.scrollTop);
- this.$emit('select', anchor.data.index);
- }
- },
- },
});
diff --git a/lib/info/index.js b/lib/info/index.js
index a08ad2ca..4af0e66a 100644
--- a/lib/info/index.js
+++ b/lib/info/index.js
@@ -1,10 +1,10 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- dot: Boolean,
- info: null,
- customStyle: String,
- },
+ props: {
+ dot: Boolean,
+ info: null,
+ customStyle: String,
+ },
});
diff --git a/lib/loading/index.js b/lib/loading/index.js
index 5aa2a817..842b9318 100644
--- a/lib/loading/index.js
+++ b/lib/loading/index.js
@@ -1,18 +1,18 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- color: String,
- vertical: Boolean,
- type: {
- type: String,
- value: 'circular',
+ props: {
+ color: String,
+ vertical: Boolean,
+ type: {
+ type: String,
+ value: 'circular',
+ },
+ size: String,
+ textSize: String,
+ },
+ data: {
+ array12: Array.from({ length: 12 }),
},
- size: String,
- textSize: String,
- },
- data: {
- array12: Array.from({ length: 12 }),
- },
});
diff --git a/lib/mixins/basic.js b/lib/mixins/basic.js
index 4505ce50..4373ad44 100644
--- a/lib/mixins/basic.js
+++ b/lib/mixins/basic.js
@@ -1,16 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.basic = void 0;
exports.basic = Behavior({
- methods: {
- $emit: function (name, detail, options) {
- this.triggerEvent(name, detail, options);
+ methods: {
+ $emit: function (name, detail, options) {
+ this.triggerEvent(name, detail, options);
+ },
+ set: function (data) {
+ this.setData(data);
+ return new Promise(function (resolve) { return wx.nextTick(resolve); });
+ },
},
- set: function (data) {
- this.setData(data);
- return new Promise(function (resolve) {
- return wx.nextTick(resolve);
- });
- },
- },
});
diff --git a/lib/mixins/button.js b/lib/mixins/button.js
index a0a6e2a9..057355f8 100644
--- a/lib/mixins/button.js
+++ b/lib/mixins/button.js
@@ -1,44 +1,44 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.button = void 0;
-var version_1 = require('../common/version');
+var version_1 = require("../common/version");
exports.button = Behavior({
- externalClasses: ['hover-class'],
- properties: {
- id: String,
- lang: String,
- businessId: Number,
- sessionFrom: String,
- sendMessageTitle: String,
- sendMessagePath: String,
- sendMessageImg: String,
- showMessageCard: Boolean,
- appParameter: String,
- ariaLabel: String,
- openType: String,
- getUserProfileDesc: String,
- },
- data: {
- canIUseGetUserProfile: version_1.canIUseGetUserProfile(),
- },
- methods: {
- onGetUserInfo: function (event) {
- this.triggerEvent('getuserinfo', event.detail);
+ externalClasses: ['hover-class'],
+ properties: {
+ id: String,
+ lang: String,
+ businessId: Number,
+ sessionFrom: String,
+ sendMessageTitle: String,
+ sendMessagePath: String,
+ sendMessageImg: String,
+ showMessageCard: Boolean,
+ appParameter: String,
+ ariaLabel: String,
+ openType: String,
+ getUserProfileDesc: String,
},
- onContact: function (event) {
- this.triggerEvent('contact', event.detail);
+ data: {
+ canIUseGetUserProfile: version_1.canIUseGetUserProfile(),
},
- onGetPhoneNumber: function (event) {
- this.triggerEvent('getphonenumber', event.detail);
+ methods: {
+ onGetUserInfo: function (event) {
+ this.triggerEvent('getuserinfo', event.detail);
+ },
+ onContact: function (event) {
+ this.triggerEvent('contact', event.detail);
+ },
+ onGetPhoneNumber: function (event) {
+ this.triggerEvent('getphonenumber', event.detail);
+ },
+ onError: function (event) {
+ this.triggerEvent('error', event.detail);
+ },
+ onLaunchApp: function (event) {
+ this.triggerEvent('launchapp', event.detail);
+ },
+ onOpenSetting: function (event) {
+ this.triggerEvent('opensetting', event.detail);
+ },
},
- onError: function (event) {
- this.triggerEvent('error', event.detail);
- },
- onLaunchApp: function (event) {
- this.triggerEvent('launchapp', event.detail);
- },
- onOpenSetting: function (event) {
- this.triggerEvent('opensetting', event.detail);
- },
- },
});
diff --git a/lib/mixins/link.js b/lib/mixins/link.js
index 0c09dab0..14cb7e87 100644
--- a/lib/mixins/link.js
+++ b/lib/mixins/link.js
@@ -1,30 +1,27 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.link = void 0;
exports.link = Behavior({
- properties: {
- url: String,
- linkType: {
- type: String,
- value: 'navigateTo',
+ properties: {
+ url: String,
+ linkType: {
+ type: String,
+ value: 'navigateTo',
+ },
},
- },
- methods: {
- jumpLink: function (urlKey) {
- if (urlKey === void 0) {
- urlKey = 'url';
- }
- var url = this.data[urlKey];
- if (url) {
- if (
- this.data.linkType === 'navigateTo' &&
- getCurrentPages().length > 9
- ) {
- wx.redirectTo({ url: url });
- } else {
- wx[this.data.linkType]({ url: url });
- }
- }
+ methods: {
+ jumpLink: function (urlKey) {
+ if (urlKey === void 0) { urlKey = 'url'; }
+ var url = this.data[urlKey];
+ if (url) {
+ if (this.data.linkType === 'navigateTo' &&
+ getCurrentPages().length > 9) {
+ wx.redirectTo({ url: url });
+ }
+ else {
+ wx[this.data.linkType]({ url: url });
+ }
+ }
+ },
},
- },
});
diff --git a/lib/mixins/page-scroll.js b/lib/mixins/page-scroll.js
index 5e503d6e..a681c0a5 100644
--- a/lib/mixins/page-scroll.js
+++ b/lib/mixins/page-scroll.js
@@ -1,43 +1,39 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.pageScrollMixin = void 0;
-var utils_1 = require('../common/utils');
+var utils_1 = require("../common/utils");
function onPageScroll(event) {
- var _a = utils_1.getCurrentPage().vanPageScroller,
- vanPageScroller = _a === void 0 ? [] : _a;
- vanPageScroller.forEach(function (scroller) {
- if (typeof scroller === 'function') {
- // @ts-ignore
- scroller(event);
- }
- });
+ var _a = utils_1.getCurrentPage().vanPageScroller, vanPageScroller = _a === void 0 ? [] : _a;
+ vanPageScroller.forEach(function (scroller) {
+ if (typeof scroller === 'function') {
+ // @ts-ignore
+ scroller(event);
+ }
+ });
}
var pageScrollMixin = function (scroller) {
- return Behavior({
- attached: function () {
- var page = utils_1.getCurrentPage();
- if (Array.isArray(page.vanPageScroller)) {
- page.vanPageScroller.push(scroller.bind(this));
- } else {
- page.vanPageScroller =
- typeof page.onPageScroll === 'function'
- ? [page.onPageScroll.bind(page), scroller.bind(this)]
- : [scroller.bind(this)];
- }
- page.onPageScroll = onPageScroll;
- },
- detached: function () {
- var _a;
- var page = utils_1.getCurrentPage();
- if (utils_1.isDef(page)) {
- page.vanPageScroller =
- ((_a = page.vanPageScroller) === null || _a === void 0
- ? void 0
- : _a.filter(function (item) {
- return item !== scroller;
- })) || [];
- }
- },
- });
+ return Behavior({
+ attached: function () {
+ var page = utils_1.getCurrentPage();
+ if (Array.isArray(page.vanPageScroller)) {
+ page.vanPageScroller.push(scroller.bind(this));
+ }
+ else {
+ page.vanPageScroller =
+ typeof page.onPageScroll === 'function'
+ ? [page.onPageScroll.bind(page), scroller.bind(this)]
+ : [scroller.bind(this)];
+ }
+ page.onPageScroll = onPageScroll;
+ },
+ detached: function () {
+ var _a;
+ var page = utils_1.getCurrentPage();
+ if (utils_1.isDef(page)) {
+ page.vanPageScroller =
+ ((_a = page.vanPageScroller) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item !== scroller; })) || [];
+ }
+ },
+ });
};
exports.pageScrollMixin = pageScrollMixin;
diff --git a/lib/mixins/touch.js b/lib/mixins/touch.js
index 9c6da11a..d762c2c5 100644
--- a/lib/mixins/touch.js
+++ b/lib/mixins/touch.js
@@ -1,40 +1,40 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.touch = void 0;
// @ts-nocheck
var MIN_DISTANCE = 10;
function getDirection(x, y) {
- if (x > y && x > MIN_DISTANCE) {
- return 'horizontal';
- }
- if (y > x && y > MIN_DISTANCE) {
- return 'vertical';
- }
- return '';
+ if (x > y && x > MIN_DISTANCE) {
+ return 'horizontal';
+ }
+ if (y > x && y > MIN_DISTANCE) {
+ return 'vertical';
+ }
+ return '';
}
exports.touch = Behavior({
- methods: {
- resetTouchStatus: function () {
- this.direction = '';
- this.deltaX = 0;
- this.deltaY = 0;
- this.offsetX = 0;
- this.offsetY = 0;
+ methods: {
+ resetTouchStatus: function () {
+ this.direction = '';
+ this.deltaX = 0;
+ this.deltaY = 0;
+ this.offsetX = 0;
+ this.offsetY = 0;
+ },
+ touchStart: function (event) {
+ this.resetTouchStatus();
+ var touch = event.touches[0];
+ this.startX = touch.clientX;
+ this.startY = touch.clientY;
+ },
+ touchMove: function (event) {
+ var touch = event.touches[0];
+ this.deltaX = touch.clientX - this.startX;
+ this.deltaY = touch.clientY - this.startY;
+ this.offsetX = Math.abs(this.deltaX);
+ this.offsetY = Math.abs(this.deltaY);
+ this.direction =
+ this.direction || getDirection(this.offsetX, this.offsetY);
+ },
},
- touchStart: function (event) {
- this.resetTouchStatus();
- var touch = event.touches[0];
- this.startX = touch.clientX;
- this.startY = touch.clientY;
- },
- touchMove: function (event) {
- var touch = event.touches[0];
- this.deltaX = touch.clientX - this.startX;
- this.deltaY = touch.clientY - this.startY;
- this.offsetX = Math.abs(this.deltaX);
- this.offsetY = Math.abs(this.deltaY);
- this.direction =
- this.direction || getDirection(this.offsetX, this.offsetY);
- },
- },
});
diff --git a/lib/mixins/transition.js b/lib/mixins/transition.js
index 9165aefc..3a90549f 100644
--- a/lib/mixins/transition.js
+++ b/lib/mixins/transition.js
@@ -1,155 +1,121 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.transition = void 0;
// @ts-nocheck
-var utils_1 = require('../common/utils');
-var validator_1 = require('../common/validator');
-var getClassNames = function (name) {
- return {
- enter:
- 'van-' +
- name +
- '-enter van-' +
- name +
- '-enter-active enter-class enter-active-class',
- 'enter-to':
- 'van-' +
- name +
- '-enter-to van-' +
- name +
- '-enter-active enter-to-class enter-active-class',
- leave:
- 'van-' +
- name +
- '-leave van-' +
- name +
- '-leave-active leave-class leave-active-class',
- 'leave-to':
- 'van-' +
- name +
- '-leave-to van-' +
- name +
- '-leave-active leave-to-class leave-active-class',
- };
-};
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
+var getClassNames = function (name) { return ({
+ enter: "van-" + name + "-enter van-" + name + "-enter-active enter-class enter-active-class",
+ 'enter-to': "van-" + name + "-enter-to van-" + name + "-enter-active enter-to-class enter-active-class",
+ leave: "van-" + name + "-leave van-" + name + "-leave-active leave-class leave-active-class",
+ 'leave-to': "van-" + name + "-leave-to van-" + name + "-leave-active leave-to-class leave-active-class",
+}); };
function transition(showDefaultValue) {
- return Behavior({
- properties: {
- customStyle: String,
- // @ts-ignore
- show: {
- type: Boolean,
- value: showDefaultValue,
- observer: 'observeShow',
- },
- // @ts-ignore
- duration: {
- type: null,
- value: 300,
- observer: 'observeDuration',
- },
- name: {
- type: String,
- value: 'fade',
- },
- },
- data: {
- type: '',
- inited: false,
- display: false,
- },
- ready: function () {
- if (this.data.show === true) {
- this.observeShow(true, false);
- }
- },
- methods: {
- observeShow: function (value, old) {
- if (value === old) {
- return;
- }
- value ? this.enter() : this.leave();
- },
- enter: function () {
- var _this = this;
- var _a = this.data,
- duration = _a.duration,
- name = _a.name;
- var classNames = getClassNames(name);
- var currentDuration = validator_1.isObj(duration)
- ? duration.enter
- : duration;
- this.status = 'enter';
- this.$emit('before-enter');
- utils_1.requestAnimationFrame(function () {
- if (_this.status !== 'enter') {
- return;
- }
- _this.$emit('enter');
- _this.setData({
- inited: true,
- display: true,
- classes: classNames.enter,
- currentDuration: currentDuration,
- });
- utils_1.requestAnimationFrame(function () {
- if (_this.status !== 'enter') {
- return;
+ return Behavior({
+ properties: {
+ customStyle: String,
+ // @ts-ignore
+ show: {
+ type: Boolean,
+ value: showDefaultValue,
+ observer: 'observeShow',
+ },
+ // @ts-ignore
+ duration: {
+ type: null,
+ value: 300,
+ observer: 'observeDuration',
+ },
+ name: {
+ type: String,
+ value: 'fade',
+ },
+ },
+ data: {
+ type: '',
+ inited: false,
+ display: false,
+ },
+ ready: function () {
+ if (this.data.show === true) {
+ this.observeShow(true, false);
}
- _this.transitionEnded = false;
- _this.setData({ classes: classNames['enter-to'] });
- });
- });
- },
- leave: function () {
- var _this = this;
- if (!this.data.display) {
- return;
- }
- var _a = this.data,
- duration = _a.duration,
- name = _a.name;
- var classNames = getClassNames(name);
- var currentDuration = validator_1.isObj(duration)
- ? duration.leave
- : duration;
- this.status = 'leave';
- this.$emit('before-leave');
- utils_1.requestAnimationFrame(function () {
- if (_this.status !== 'leave') {
- return;
- }
- _this.$emit('leave');
- _this.setData({
- classes: classNames.leave,
- currentDuration: currentDuration,
- });
- utils_1.requestAnimationFrame(function () {
- if (_this.status !== 'leave') {
- return;
- }
- _this.transitionEnded = false;
- setTimeout(function () {
- return _this.onTransitionEnd();
- }, currentDuration);
- _this.setData({ classes: classNames['leave-to'] });
- });
- });
- },
- onTransitionEnd: function () {
- if (this.transitionEnded) {
- return;
- }
- this.transitionEnded = true;
- this.$emit('after-' + this.status);
- var _a = this.data,
- show = _a.show,
- display = _a.display;
- if (!show && display) {
- this.setData({ display: false });
- }
- },
- },
- });
+ },
+ methods: {
+ observeShow: function (value, old) {
+ if (value === old) {
+ return;
+ }
+ value ? this.enter() : this.leave();
+ },
+ enter: function () {
+ var _this = this;
+ var _a = this.data, duration = _a.duration, name = _a.name;
+ var classNames = getClassNames(name);
+ var currentDuration = validator_1.isObj(duration) ? duration.enter : duration;
+ this.status = 'enter';
+ this.$emit('before-enter');
+ utils_1.requestAnimationFrame(function () {
+ if (_this.status !== 'enter') {
+ return;
+ }
+ _this.$emit('enter');
+ _this.setData({
+ inited: true,
+ display: true,
+ classes: classNames.enter,
+ currentDuration: currentDuration,
+ });
+ utils_1.requestAnimationFrame(function () {
+ if (_this.status !== 'enter') {
+ return;
+ }
+ _this.transitionEnded = false;
+ _this.setData({ classes: classNames['enter-to'] });
+ });
+ });
+ },
+ leave: function () {
+ var _this = this;
+ if (!this.data.display) {
+ return;
+ }
+ var _a = this.data, duration = _a.duration, name = _a.name;
+ var classNames = getClassNames(name);
+ var currentDuration = validator_1.isObj(duration) ? duration.leave : duration;
+ this.status = 'leave';
+ this.$emit('before-leave');
+ utils_1.requestAnimationFrame(function () {
+ if (_this.status !== 'leave') {
+ return;
+ }
+ _this.$emit('leave');
+ _this.setData({
+ classes: classNames.leave,
+ currentDuration: currentDuration,
+ });
+ utils_1.requestAnimationFrame(function () {
+ if (_this.status !== 'leave') {
+ return;
+ }
+ _this.transitionEnded = false;
+ setTimeout(function () { return _this.onTransitionEnd(); }, currentDuration);
+ _this.setData({ classes: classNames['leave-to'] });
+ });
+ });
+ },
+ onTransitionEnd: function () {
+ if (this.transitionEnded) {
+ return;
+ }
+ this.transitionEnded = true;
+ this.$emit("after-" + this.status);
+ var _a = this.data, show = _a.show, display = _a.display;
+ if (!show && display) {
+ this.setData({ display: false });
+ }
+ },
+ },
+ });
}
exports.transition = transition;
diff --git a/lib/nav-bar/index.js b/lib/nav-bar/index.js
index d207bd03..b978da17 100644
--- a/lib/nav-bar/index.js
+++ b/lib/nav-bar/index.js
@@ -1,68 +1,68 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- classes: ['title-class'],
- props: {
- title: String,
- fixed: {
- type: Boolean,
- observer: 'setHeight',
+ classes: ['title-class'],
+ props: {
+ title: String,
+ fixed: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ placeholder: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ leftText: String,
+ rightText: String,
+ customStyle: String,
+ leftArrow: Boolean,
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: true,
+ },
},
- placeholder: {
- type: Boolean,
- observer: 'setHeight',
+ data: {
+ height: 46,
},
- leftText: String,
- rightText: String,
- customStyle: String,
- leftArrow: Boolean,
- border: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- safeAreaInsetTop: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- height: 46,
- },
- created: function () {
- var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
- this.setData({
- statusBarHeight: statusBarHeight,
- height: 46 + statusBarHeight,
- });
- },
- mounted: function () {
- this.setHeight();
- },
- methods: {
- onClickLeft: function () {
- this.$emit('click-left');
- },
- onClickRight: function () {
- this.$emit('click-right');
- },
- setHeight: function () {
- var _this = this;
- if (!this.data.fixed || !this.data.placeholder) {
- return;
- }
- wx.nextTick(function () {
- utils_1.getRect(_this, '.van-nav-bar').then(function (res) {
- if (res && 'height' in res) {
- _this.setData({ height: res.height });
- }
+ created: function () {
+ var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
+ this.setData({
+ statusBarHeight: statusBarHeight,
+ height: 46 + statusBarHeight,
});
- });
},
- },
+ mounted: function () {
+ this.setHeight();
+ },
+ methods: {
+ onClickLeft: function () {
+ this.$emit('click-left');
+ },
+ onClickRight: function () {
+ this.$emit('click-right');
+ },
+ setHeight: function () {
+ var _this = this;
+ if (!this.data.fixed || !this.data.placeholder) {
+ return;
+ }
+ wx.nextTick(function () {
+ utils_1.getRect(_this, '.van-nav-bar').then(function (res) {
+ if (res && 'height' in res) {
+ _this.setData({ height: res.height });
+ }
+ });
+ });
+ },
+ },
});
diff --git a/lib/notice-bar/index.js b/lib/notice-bar/index.js
index ade8c15c..a4ca7e1e 100644
--- a/lib/notice-bar/index.js
+++ b/lib/notice-bar/index.js
@@ -1,131 +1,124 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- props: {
- text: {
- type: String,
- value: '',
- observer: 'init',
+ props: {
+ text: {
+ type: String,
+ value: '',
+ observer: 'init',
+ },
+ mode: {
+ type: String,
+ value: '',
+ },
+ url: {
+ type: String,
+ value: '',
+ },
+ openType: {
+ type: String,
+ value: 'navigate',
+ },
+ delay: {
+ type: Number,
+ value: 1,
+ },
+ speed: {
+ type: Number,
+ value: 60,
+ observer: 'init',
+ },
+ scrollable: null,
+ leftIcon: {
+ type: String,
+ value: '',
+ },
+ color: String,
+ backgroundColor: String,
+ background: String,
+ wrapable: Boolean,
},
- mode: {
- type: String,
- value: '',
+ data: {
+ show: true,
},
- url: {
- type: String,
- value: '',
- },
- openType: {
- type: String,
- value: 'navigate',
- },
- delay: {
- type: Number,
- value: 1,
- },
- speed: {
- type: Number,
- value: 60,
- observer: 'init',
- },
- scrollable: null,
- leftIcon: {
- type: String,
- value: '',
- },
- color: String,
- backgroundColor: String,
- background: String,
- wrapable: Boolean,
- },
- data: {
- show: true,
- },
- created: function () {
- this.resetAnimation = wx.createAnimation({
- duration: 0,
- timingFunction: 'linear',
- });
- },
- destroyed: function () {
- this.timer && clearTimeout(this.timer);
- },
- mounted: function () {
- this.init();
- },
- methods: {
- init: function () {
- var _this = this;
- utils_1.requestAnimationFrame(function () {
- Promise.all([
- utils_1.getRect(_this, '.van-notice-bar__content'),
- utils_1.getRect(_this, '.van-notice-bar__wrap'),
- ]).then(function (rects) {
- var contentRect = rects[0],
- wrapRect = rects[1];
- var _a = _this.data,
- speed = _a.speed,
- scrollable = _a.scrollable,
- delay = _a.delay;
- if (
- contentRect == null ||
- wrapRect == null ||
- !contentRect.width ||
- !wrapRect.width ||
- scrollable === false
- ) {
- return;
- }
- if (scrollable || wrapRect.width < contentRect.width) {
- var duration =
- ((wrapRect.width + contentRect.width) / speed) * 1000;
- _this.wrapWidth = wrapRect.width;
- _this.contentWidth = contentRect.width;
- _this.duration = duration;
- _this.animation = wx.createAnimation({
- duration: duration,
- timingFunction: 'linear',
- delay: delay,
- });
- _this.scroll();
- }
+ created: function () {
+ this.resetAnimation = wx.createAnimation({
+ duration: 0,
+ timingFunction: 'linear',
});
- });
},
- scroll: function () {
- var _this = this;
- this.timer && clearTimeout(this.timer);
- this.timer = null;
- this.setData({
- animationData: this.resetAnimation
- .translateX(this.wrapWidth)
- .step()
- .export(),
- });
- utils_1.requestAnimationFrame(function () {
- _this.setData({
- animationData: _this.animation
- .translateX(-_this.contentWidth)
- .step()
- .export(),
- });
- });
- this.timer = setTimeout(function () {
- _this.scroll();
- }, this.duration);
- },
- onClickIcon: function (event) {
- if (this.data.mode === 'closeable') {
+ destroyed: function () {
this.timer && clearTimeout(this.timer);
- this.timer = null;
- this.setData({ show: false });
- this.$emit('close', event.detail);
- }
},
- onClick: function (event) {
- this.$emit('click', event);
+ mounted: function () {
+ this.init();
+ },
+ methods: {
+ init: function () {
+ var _this = this;
+ utils_1.requestAnimationFrame(function () {
+ Promise.all([
+ utils_1.getRect(_this, '.van-notice-bar__content'),
+ utils_1.getRect(_this, '.van-notice-bar__wrap'),
+ ]).then(function (rects) {
+ var contentRect = rects[0], wrapRect = rects[1];
+ var _a = _this.data, speed = _a.speed, scrollable = _a.scrollable, delay = _a.delay;
+ if (contentRect == null ||
+ wrapRect == null ||
+ !contentRect.width ||
+ !wrapRect.width ||
+ scrollable === false) {
+ return;
+ }
+ if (scrollable || wrapRect.width < contentRect.width) {
+ var duration = ((wrapRect.width + contentRect.width) / speed) * 1000;
+ _this.wrapWidth = wrapRect.width;
+ _this.contentWidth = contentRect.width;
+ _this.duration = duration;
+ _this.animation = wx.createAnimation({
+ duration: duration,
+ timingFunction: 'linear',
+ delay: delay,
+ });
+ _this.scroll();
+ }
+ });
+ });
+ },
+ scroll: function () {
+ var _this = this;
+ this.timer && clearTimeout(this.timer);
+ this.timer = null;
+ this.setData({
+ animationData: this.resetAnimation
+ .translateX(this.wrapWidth)
+ .step()
+ .export(),
+ });
+ utils_1.requestAnimationFrame(function () {
+ _this.setData({
+ animationData: _this.animation
+ .translateX(-_this.contentWidth)
+ .step()
+ .export(),
+ });
+ });
+ this.timer = setTimeout(function () {
+ _this.scroll();
+ }, this.duration);
+ },
+ onClickIcon: function (event) {
+ if (this.data.mode === 'closeable') {
+ this.timer && clearTimeout(this.timer);
+ this.timer = null;
+ this.setData({ show: false });
+ this.$emit('close', event.detail);
+ }
+ },
+ onClick: function (event) {
+ this.$emit('click', event);
+ },
},
- },
});
diff --git a/lib/notify/index.js b/lib/notify/index.js
index f2a9678c..0fdf5710 100644
--- a/lib/notify/index.js
+++ b/lib/notify/index.js
@@ -1,70 +1,68 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var color_1 = require('../common/color');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var color_1 = require("../common/color");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- props: {
- message: String,
- background: String,
- type: {
- type: String,
- value: 'danger',
+ props: {
+ message: String,
+ background: String,
+ type: {
+ type: String,
+ value: 'danger',
+ },
+ color: {
+ type: String,
+ value: color_1.WHITE,
+ },
+ duration: {
+ type: Number,
+ value: 3000,
+ },
+ zIndex: {
+ type: Number,
+ value: 110,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: false,
+ },
+ top: null,
},
- color: {
- type: String,
- value: color_1.WHITE,
+ data: {
+ show: false,
+ onOpened: null,
+ onClose: null,
+ onClick: null,
},
- duration: {
- type: Number,
- value: 3000,
+ created: function () {
+ var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
+ this.setData({ statusBarHeight: statusBarHeight });
},
- zIndex: {
- type: Number,
- value: 110,
+ methods: {
+ show: function () {
+ var _this = this;
+ var _a = this.data, duration = _a.duration, onOpened = _a.onOpened;
+ clearTimeout(this.timer);
+ this.setData({ show: true });
+ wx.nextTick(onOpened);
+ if (duration > 0 && duration !== Infinity) {
+ this.timer = setTimeout(function () {
+ _this.hide();
+ }, duration);
+ }
+ },
+ hide: function () {
+ var onClose = this.data.onClose;
+ clearTimeout(this.timer);
+ this.setData({ show: false });
+ wx.nextTick(onClose);
+ },
+ onTap: function (event) {
+ var onClick = this.data.onClick;
+ if (onClick) {
+ onClick(event.detail);
+ }
+ },
},
- safeAreaInsetTop: {
- type: Boolean,
- value: false,
- },
- top: null,
- },
- data: {
- show: false,
- onOpened: null,
- onClose: null,
- onClick: null,
- },
- created: function () {
- var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
- this.setData({ statusBarHeight: statusBarHeight });
- },
- methods: {
- show: function () {
- var _this = this;
- var _a = this.data,
- duration = _a.duration,
- onOpened = _a.onOpened;
- clearTimeout(this.timer);
- this.setData({ show: true });
- wx.nextTick(onOpened);
- if (duration > 0 && duration !== Infinity) {
- this.timer = setTimeout(function () {
- _this.hide();
- }, duration);
- }
- },
- hide: function () {
- var onClose = this.data.onClose;
- clearTimeout(this.timer);
- this.setData({ show: false });
- wx.nextTick(onClose);
- },
- onTap: function (event) {
- var onClick = this.data.onClick;
- if (onClick) {
- onClick(event.detail);
- }
- },
- },
});
diff --git a/lib/notify/notify.js b/lib/notify/notify.js
index a789af17..1b57b1cf 100644
--- a/lib/notify/notify.js
+++ b/lib/notify/notify.js
@@ -1,64 +1,60 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var color_1 = require('../common/color');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var color_1 = require("../common/color");
var defaultOptions = {
- selector: '#van-notify',
- type: 'danger',
- message: '',
- background: '',
- duration: 3000,
- zIndex: 110,
- top: 0,
- color: color_1.WHITE,
- safeAreaInsetTop: false,
- onClick: function () {},
- onOpened: function () {},
- onClose: function () {},
+ selector: '#van-notify',
+ type: 'danger',
+ message: '',
+ background: '',
+ duration: 3000,
+ zIndex: 110,
+ top: 0,
+ color: color_1.WHITE,
+ safeAreaInsetTop: false,
+ onClick: function () { },
+ onOpened: function () { },
+ onClose: function () { },
};
function parseOptions(message) {
- if (message == null) {
- return {};
- }
- return typeof message === 'string' ? { message: message } : message;
+ if (message == null) {
+ return {};
+ }
+ return typeof message === 'string' ? { message: message } : message;
}
function getContext() {
- var pages = getCurrentPages();
- return pages[pages.length - 1];
+ var pages = getCurrentPages();
+ return pages[pages.length - 1];
}
function Notify(options) {
- options = __assign(__assign({}, defaultOptions), parseOptions(options));
- var context = options.context || getContext();
- var notify = context.selectComponent(options.selector);
- delete options.context;
- delete options.selector;
- if (notify) {
- notify.setData(options);
- notify.show();
- return notify;
- }
- console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
+ options = __assign(__assign({}, defaultOptions), parseOptions(options));
+ var context = options.context || getContext();
+ var notify = context.selectComponent(options.selector);
+ delete options.context;
+ delete options.selector;
+ if (notify) {
+ notify.setData(options);
+ notify.show();
+ return notify;
+ }
+ console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
}
exports.default = Notify;
Notify.clear = function (options) {
- options = __assign(__assign({}, defaultOptions), parseOptions(options));
- var context = options.context || getContext();
- var notify = context.selectComponent(options.selector);
- if (notify) {
- notify.hide();
- }
+ options = __assign(__assign({}, defaultOptions), parseOptions(options));
+ var context = options.context || getContext();
+ var notify = context.selectComponent(options.selector);
+ if (notify) {
+ notify.hide();
+ }
};
diff --git a/lib/overlay/index.js b/lib/overlay/index.js
index a3e3a759..6634eb79 100644
--- a/lib/overlay/index.js
+++ b/lib/overlay/index.js
@@ -1,28 +1,28 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- show: Boolean,
- customStyle: String,
- duration: {
- type: null,
- value: 300,
+ props: {
+ show: Boolean,
+ customStyle: String,
+ duration: {
+ type: null,
+ value: 300,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ lockScroll: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 1,
+ methods: {
+ onClick: function () {
+ this.$emit('click');
+ },
+ // for prevent touchmove
+ noop: function () { },
},
- lockScroll: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- onClick: function () {
- this.$emit('click');
- },
- // for prevent touchmove
- noop: function () {},
- },
});
diff --git a/lib/panel/index.js b/lib/panel/index.js
index 8f91b3cb..56489b5b 100644
--- a/lib/panel/index.js
+++ b/lib/panel/index.js
@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: ['header-class', 'footer-class'],
- props: {
- desc: String,
- title: String,
- status: String,
- },
+ classes: ['header-class', 'footer-class'],
+ props: {
+ desc: String,
+ title: String,
+ status: String,
+ },
});
diff --git a/lib/picker-column/index.js b/lib/picker-column/index.js
index b2f0632c..b4a8d34f 100644
--- a/lib/picker-column/index.js
+++ b/lib/picker-column/index.js
@@ -1,132 +1,122 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('../common/utils');
-var validator_1 = require('../common/validator');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
var DEFAULT_DURATION = 200;
component_1.VantComponent({
- classes: ['active-class'],
- props: {
- valueKey: String,
- className: String,
- itemHeight: Number,
- visibleItemCount: Number,
- initialOptions: {
- type: Array,
- value: [],
+ classes: ['active-class'],
+ props: {
+ valueKey: String,
+ className: String,
+ itemHeight: Number,
+ visibleItemCount: Number,
+ initialOptions: {
+ type: Array,
+ value: [],
+ },
+ defaultIndex: {
+ type: Number,
+ value: 0,
+ observer: function (value) {
+ this.setIndex(value);
+ },
+ },
},
- defaultIndex: {
- type: Number,
- value: 0,
- observer: function (value) {
- this.setIndex(value);
- },
- },
- },
- data: {
- startY: 0,
- offset: 0,
- duration: 0,
- startOffset: 0,
- options: [],
- currentIndex: 0,
- },
- created: function () {
- var _this = this;
- var _a = this.data,
- defaultIndex = _a.defaultIndex,
- initialOptions = _a.initialOptions;
- this.set({
- currentIndex: defaultIndex,
- options: initialOptions,
- }).then(function () {
- _this.setIndex(defaultIndex);
- });
- },
- methods: {
- getCount: function () {
- return this.data.options.length;
- },
- onTouchStart: function (event) {
- this.setData({
- startY: event.touches[0].clientY,
- startOffset: this.data.offset,
+ data: {
+ startY: 0,
+ offset: 0,
duration: 0,
- });
+ startOffset: 0,
+ options: [],
+ currentIndex: 0,
},
- onTouchMove: function (event) {
- var data = this.data;
- var deltaY = event.touches[0].clientY - data.startY;
- this.setData({
- offset: utils_1.range(
- data.startOffset + deltaY,
- -(this.getCount() * data.itemHeight),
- data.itemHeight
- ),
- });
+ created: function () {
+ var _this = this;
+ var _a = this.data, defaultIndex = _a.defaultIndex, initialOptions = _a.initialOptions;
+ this.set({
+ currentIndex: defaultIndex,
+ options: initialOptions,
+ }).then(function () {
+ _this.setIndex(defaultIndex);
+ });
},
- onTouchEnd: function () {
- var data = this.data;
- if (data.offset !== data.startOffset) {
- this.setData({ duration: DEFAULT_DURATION });
- var index = utils_1.range(
- Math.round(-data.offset / data.itemHeight),
- 0,
- this.getCount() - 1
- );
- this.setIndex(index, true);
- }
+ methods: {
+ getCount: function () {
+ return this.data.options.length;
+ },
+ onTouchStart: function (event) {
+ this.setData({
+ startY: event.touches[0].clientY,
+ startOffset: this.data.offset,
+ duration: 0,
+ });
+ },
+ onTouchMove: function (event) {
+ var data = this.data;
+ var deltaY = event.touches[0].clientY - data.startY;
+ this.setData({
+ offset: utils_1.range(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight),
+ });
+ },
+ onTouchEnd: function () {
+ var data = this.data;
+ if (data.offset !== data.startOffset) {
+ this.setData({ duration: DEFAULT_DURATION });
+ var index = utils_1.range(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
+ this.setIndex(index, true);
+ }
+ },
+ onClickItem: function (event) {
+ var index = event.currentTarget.dataset.index;
+ this.setIndex(index, true);
+ },
+ adjustIndex: function (index) {
+ var data = this.data;
+ var count = this.getCount();
+ index = utils_1.range(index, 0, count);
+ for (var i = index; i < count; i++) {
+ if (!this.isDisabled(data.options[i]))
+ return i;
+ }
+ for (var i = index - 1; i >= 0; i--) {
+ if (!this.isDisabled(data.options[i]))
+ return i;
+ }
+ },
+ isDisabled: function (option) {
+ return validator_1.isObj(option) && option.disabled;
+ },
+ getOptionText: function (option) {
+ var data = this.data;
+ return validator_1.isObj(option) && data.valueKey in option
+ ? option[data.valueKey]
+ : option;
+ },
+ setIndex: function (index, userAction) {
+ var _this = this;
+ var data = this.data;
+ index = this.adjustIndex(index) || 0;
+ var offset = -index * data.itemHeight;
+ if (index !== data.currentIndex) {
+ return this.set({ offset: offset, currentIndex: index }).then(function () {
+ userAction && _this.$emit('change', index);
+ });
+ }
+ return this.set({ offset: offset });
+ },
+ setValue: function (value) {
+ var options = this.data.options;
+ for (var i = 0; i < options.length; i++) {
+ if (this.getOptionText(options[i]) === value) {
+ return this.setIndex(i);
+ }
+ }
+ return Promise.resolve();
+ },
+ getValue: function () {
+ var data = this.data;
+ return data.options[data.currentIndex];
+ },
},
- onClickItem: function (event) {
- var index = event.currentTarget.dataset.index;
- this.setIndex(index, true);
- },
- adjustIndex: function (index) {
- var data = this.data;
- var count = this.getCount();
- index = utils_1.range(index, 0, count);
- for (var i = index; i < count; i++) {
- if (!this.isDisabled(data.options[i])) return i;
- }
- for (var i = index - 1; i >= 0; i--) {
- if (!this.isDisabled(data.options[i])) return i;
- }
- },
- isDisabled: function (option) {
- return validator_1.isObj(option) && option.disabled;
- },
- getOptionText: function (option) {
- var data = this.data;
- return validator_1.isObj(option) && data.valueKey in option
- ? option[data.valueKey]
- : option;
- },
- setIndex: function (index, userAction) {
- var _this = this;
- var data = this.data;
- index = this.adjustIndex(index) || 0;
- var offset = -index * data.itemHeight;
- if (index !== data.currentIndex) {
- return this.set({ offset: offset, currentIndex: index }).then(
- function () {
- userAction && _this.$emit('change', index);
- }
- );
- }
- return this.set({ offset: offset });
- },
- setValue: function (value) {
- var options = this.data.options;
- for (var i = 0; i < options.length; i++) {
- if (this.getOptionText(options[i]) === value) {
- return this.setIndex(i);
- }
- }
- return Promise.resolve();
- },
- getValue: function () {
- var data = this.data;
- return data.options[data.currentIndex];
- },
- },
});
diff --git a/lib/picker/index.js b/lib/picker/index.js
index 8e5d1174..b737ef93 100644
--- a/lib/picker/index.js
+++ b/lib/picker/index.js
@@ -1,179 +1,161 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var shared_1 = require('./shared');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var shared_1 = require("./shared");
component_1.VantComponent({
- classes: ['active-class', 'toolbar-class', 'column-class'],
- props: __assign(__assign({}, shared_1.pickerProps), {
- valueKey: {
- type: String,
- value: 'text',
- },
- toolbarPosition: {
- type: String,
- value: 'top',
- },
- defaultIndex: {
- type: Number,
- value: 0,
- },
- columns: {
- type: Array,
- value: [],
- observer: function (columns) {
- if (columns === void 0) {
- columns = [];
- }
- this.simple = columns.length && !columns[0].values;
- if (Array.isArray(this.children) && this.children.length) {
- this.setColumns().catch(function () {});
- }
- },
- },
- }),
- beforeCreate: function () {
- var _this = this;
- Object.defineProperty(this, 'children', {
- get: function () {
- return _this.selectAllComponents('.van-picker__column') || [];
- },
- });
- },
- methods: {
- noop: function () {},
- setColumns: function () {
- var _this = this;
- var data = this.data;
- var columns = this.simple ? [{ values: data.columns }] : data.columns;
- var stack = columns.map(function (column, index) {
- return _this.setColumnValues(index, column.values);
- });
- return Promise.all(stack);
- },
- emit: function (event) {
- var type = event.currentTarget.dataset.type;
- if (this.simple) {
- this.$emit(type, {
- value: this.getColumnValue(0),
- index: this.getColumnIndex(0),
+ classes: ['active-class', 'toolbar-class', 'column-class'],
+ props: __assign(__assign({}, shared_1.pickerProps), { valueKey: {
+ type: String,
+ value: 'text',
+ }, toolbarPosition: {
+ type: String,
+ value: 'top',
+ }, defaultIndex: {
+ type: Number,
+ value: 0,
+ }, columns: {
+ type: Array,
+ value: [],
+ observer: function (columns) {
+ if (columns === void 0) { columns = []; }
+ this.simple = columns.length && !columns[0].values;
+ if (Array.isArray(this.children) && this.children.length) {
+ this.setColumns().catch(function () { });
+ }
+ },
+ } }),
+ beforeCreate: function () {
+ var _this = this;
+ Object.defineProperty(this, 'children', {
+ get: function () { return _this.selectAllComponents('.van-picker__column') || []; },
});
- } else {
- this.$emit(type, {
- value: this.getValues(),
- index: this.getIndexes(),
- });
- }
},
- onChange: function (event) {
- if (this.simple) {
- this.$emit('change', {
- picker: this,
- value: this.getColumnValue(0),
- index: this.getColumnIndex(0),
- });
- } else {
- this.$emit('change', {
- picker: this,
- value: this.getValues(),
- index: event.currentTarget.dataset.index,
- });
- }
+ methods: {
+ noop: function () { },
+ setColumns: function () {
+ var _this = this;
+ var data = this.data;
+ var columns = this.simple ? [{ values: data.columns }] : data.columns;
+ var stack = columns.map(function (column, index) {
+ return _this.setColumnValues(index, column.values);
+ });
+ return Promise.all(stack);
+ },
+ emit: function (event) {
+ var type = event.currentTarget.dataset.type;
+ if (this.simple) {
+ this.$emit(type, {
+ value: this.getColumnValue(0),
+ index: this.getColumnIndex(0),
+ });
+ }
+ else {
+ this.$emit(type, {
+ value: this.getValues(),
+ index: this.getIndexes(),
+ });
+ }
+ },
+ onChange: function (event) {
+ if (this.simple) {
+ this.$emit('change', {
+ picker: this,
+ value: this.getColumnValue(0),
+ index: this.getColumnIndex(0),
+ });
+ }
+ else {
+ this.$emit('change', {
+ picker: this,
+ value: this.getValues(),
+ index: event.currentTarget.dataset.index,
+ });
+ }
+ },
+ // get column instance by index
+ getColumn: function (index) {
+ return this.children[index];
+ },
+ // get column value by index
+ getColumnValue: function (index) {
+ var column = this.getColumn(index);
+ return column && column.getValue();
+ },
+ // set column value by index
+ setColumnValue: function (index, value) {
+ var column = this.getColumn(index);
+ if (column == null) {
+ return Promise.reject(new Error('setColumnValue: 对应列不存在'));
+ }
+ return column.setValue(value);
+ },
+ // get column option index by column index
+ getColumnIndex: function (columnIndex) {
+ return (this.getColumn(columnIndex) || {}).data.currentIndex;
+ },
+ // set column option index by column index
+ setColumnIndex: function (columnIndex, optionIndex) {
+ var column = this.getColumn(columnIndex);
+ if (column == null) {
+ return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
+ }
+ return column.setIndex(optionIndex);
+ },
+ // get options of column by index
+ getColumnValues: function (index) {
+ return (this.children[index] || {}).data.options;
+ },
+ // set options of column by index
+ setColumnValues: function (index, options, needReset) {
+ if (needReset === void 0) { needReset = true; }
+ var column = this.children[index];
+ if (column == null) {
+ return Promise.reject(new Error('setColumnValues: 对应列不存在'));
+ }
+ var isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
+ if (isSame) {
+ return Promise.resolve();
+ }
+ return column.set({ options: options }).then(function () {
+ if (needReset) {
+ column.setIndex(0);
+ }
+ });
+ },
+ // get values of all columns
+ getValues: function () {
+ return this.children.map(function (child) { return child.getValue(); });
+ },
+ // set values of all columns
+ setValues: function (values) {
+ var _this = this;
+ var stack = values.map(function (value, index) {
+ return _this.setColumnValue(index, value);
+ });
+ return Promise.all(stack);
+ },
+ // get indexes of all columns
+ getIndexes: function () {
+ return this.children.map(function (child) { return child.data.currentIndex; });
+ },
+ // set indexes of all columns
+ setIndexes: function (indexes) {
+ var _this = this;
+ var stack = indexes.map(function (optionIndex, columnIndex) {
+ return _this.setColumnIndex(columnIndex, optionIndex);
+ });
+ return Promise.all(stack);
+ },
},
- // get column instance by index
- getColumn: function (index) {
- return this.children[index];
- },
- // get column value by index
- getColumnValue: function (index) {
- var column = this.getColumn(index);
- return column && column.getValue();
- },
- // set column value by index
- setColumnValue: function (index, value) {
- var column = this.getColumn(index);
- if (column == null) {
- return Promise.reject(new Error('setColumnValue: 对应列不存在'));
- }
- return column.setValue(value);
- },
- // get column option index by column index
- getColumnIndex: function (columnIndex) {
- return (this.getColumn(columnIndex) || {}).data.currentIndex;
- },
- // set column option index by column index
- setColumnIndex: function (columnIndex, optionIndex) {
- var column = this.getColumn(columnIndex);
- if (column == null) {
- return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
- }
- return column.setIndex(optionIndex);
- },
- // get options of column by index
- getColumnValues: function (index) {
- return (this.children[index] || {}).data.options;
- },
- // set options of column by index
- setColumnValues: function (index, options, needReset) {
- if (needReset === void 0) {
- needReset = true;
- }
- var column = this.children[index];
- if (column == null) {
- return Promise.reject(new Error('setColumnValues: 对应列不存在'));
- }
- var isSame =
- JSON.stringify(column.data.options) === JSON.stringify(options);
- if (isSame) {
- return Promise.resolve();
- }
- return column.set({ options: options }).then(function () {
- if (needReset) {
- column.setIndex(0);
- }
- });
- },
- // get values of all columns
- getValues: function () {
- return this.children.map(function (child) {
- return child.getValue();
- });
- },
- // set values of all columns
- setValues: function (values) {
- var _this = this;
- var stack = values.map(function (value, index) {
- return _this.setColumnValue(index, value);
- });
- return Promise.all(stack);
- },
- // get indexes of all columns
- getIndexes: function () {
- return this.children.map(function (child) {
- return child.data.currentIndex;
- });
- },
- // set indexes of all columns
- setIndexes: function (indexes) {
- var _this = this;
- var stack = indexes.map(function (optionIndex, columnIndex) {
- return _this.setColumnIndex(columnIndex, optionIndex);
- });
- return Promise.all(stack);
- },
- },
});
diff --git a/lib/picker/shared.js b/lib/picker/shared.js
index 9b2ca48a..3d40a8c5 100644
--- a/lib/picker/shared.js
+++ b/lib/picker/shared.js
@@ -1,24 +1,24 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.pickerProps = void 0;
exports.pickerProps = {
- title: String,
- loading: Boolean,
- showToolbar: Boolean,
- cancelButtonText: {
- type: String,
- value: '取消',
- },
- confirmButtonText: {
- type: String,
- value: '确认',
- },
- visibleItemCount: {
- type: Number,
- value: 6,
- },
- itemHeight: {
- type: Number,
- value: 44,
- },
+ title: String,
+ loading: Boolean,
+ showToolbar: Boolean,
+ cancelButtonText: {
+ type: String,
+ value: '取消',
+ },
+ confirmButtonText: {
+ type: String,
+ value: '确认',
+ },
+ visibleItemCount: {
+ type: Number,
+ value: 6,
+ },
+ itemHeight: {
+ type: Number,
+ value: 44,
+ },
};
diff --git a/lib/popup/index.js b/lib/popup/index.js
index 7d819a47..9a1976cd 100644
--- a/lib/popup/index.js
+++ b/lib/popup/index.js
@@ -1,93 +1,91 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var transition_1 = require('../mixins/transition');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var transition_1 = require("../mixins/transition");
component_1.VantComponent({
- classes: [
- 'enter-class',
- 'enter-active-class',
- 'enter-to-class',
- 'leave-class',
- 'leave-active-class',
- 'leave-to-class',
- 'close-icon-class',
- ],
- mixins: [transition_1.transition(false)],
- props: {
- round: Boolean,
- closeable: Boolean,
- customStyle: String,
- overlayStyle: String,
- transition: {
- type: String,
- observer: 'observeClass',
+ classes: [
+ 'enter-class',
+ 'enter-active-class',
+ 'enter-to-class',
+ 'leave-class',
+ 'leave-active-class',
+ 'leave-to-class',
+ 'close-icon-class',
+ ],
+ mixins: [transition_1.transition(false)],
+ props: {
+ round: Boolean,
+ closeable: Boolean,
+ customStyle: String,
+ overlayStyle: String,
+ transition: {
+ type: String,
+ observer: 'observeClass',
+ },
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ closeIcon: {
+ type: String,
+ value: 'cross',
+ },
+ closeIconPosition: {
+ type: String,
+ value: 'top-right',
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ position: {
+ type: String,
+ value: 'center',
+ observer: 'observeClass',
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetTop: {
+ type: Boolean,
+ value: false,
+ },
+ lockScroll: {
+ type: Boolean,
+ value: true,
+ },
},
- zIndex: {
- type: Number,
- value: 100,
+ created: function () {
+ this.observeClass();
},
- overlay: {
- type: Boolean,
- value: true,
+ methods: {
+ onClickCloseIcon: function () {
+ this.$emit('close');
+ },
+ onClickOverlay: function () {
+ this.$emit('click-overlay');
+ if (this.data.closeOnClickOverlay) {
+ this.$emit('close');
+ }
+ },
+ observeClass: function () {
+ var _a = this.data, transition = _a.transition, position = _a.position, duration = _a.duration;
+ var updateData = {
+ name: transition || position,
+ };
+ if (transition === 'none') {
+ updateData.duration = 0;
+ this.originDuration = duration;
+ }
+ else if (this.originDuration != null) {
+ updateData.duration = this.originDuration;
+ }
+ this.setData(updateData);
+ },
},
- closeIcon: {
- type: String,
- value: 'cross',
- },
- closeIconPosition: {
- type: String,
- value: 'top-right',
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- position: {
- type: String,
- value: 'center',
- observer: 'observeClass',
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetTop: {
- type: Boolean,
- value: false,
- },
- lockScroll: {
- type: Boolean,
- value: true,
- },
- },
- created: function () {
- this.observeClass();
- },
- methods: {
- onClickCloseIcon: function () {
- this.$emit('close');
- },
- onClickOverlay: function () {
- this.$emit('click-overlay');
- if (this.data.closeOnClickOverlay) {
- this.$emit('close');
- }
- },
- observeClass: function () {
- var _a = this.data,
- transition = _a.transition,
- position = _a.position,
- duration = _a.duration;
- var updateData = {
- name: transition || position,
- };
- if (transition === 'none') {
- updateData.duration = 0;
- this.originDuration = duration;
- } else if (this.originDuration != null) {
- updateData.duration = this.originDuration;
- }
- this.setData(updateData);
- },
- },
});
diff --git a/lib/progress/index.js b/lib/progress/index.js
index f41cf4ff..5c5c01be 100644
--- a/lib/progress/index.js
+++ b/lib/progress/index.js
@@ -1,56 +1,55 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var color_1 = require('../common/color');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var color_1 = require("../common/color");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- props: {
- inactive: Boolean,
- percentage: {
- type: Number,
- observer: 'setLeft',
+ props: {
+ inactive: Boolean,
+ percentage: {
+ type: Number,
+ observer: 'setLeft',
+ },
+ pivotText: String,
+ pivotColor: String,
+ trackColor: String,
+ showPivot: {
+ type: Boolean,
+ value: true,
+ },
+ color: {
+ type: String,
+ value: color_1.BLUE,
+ },
+ textColor: {
+ type: String,
+ value: '#fff',
+ },
+ strokeWidth: {
+ type: null,
+ value: 4,
+ },
},
- pivotText: String,
- pivotColor: String,
- trackColor: String,
- showPivot: {
- type: Boolean,
- value: true,
+ data: {
+ right: 0,
},
- color: {
- type: String,
- value: color_1.BLUE,
+ mounted: function () {
+ this.setLeft();
},
- textColor: {
- type: String,
- value: '#fff',
+ methods: {
+ setLeft: function () {
+ var _this = this;
+ Promise.all([
+ utils_1.getRect(this, '.van-progress'),
+ utils_1.getRect(this, '.van-progress__pivot'),
+ ]).then(function (_a) {
+ var portion = _a[0], pivot = _a[1];
+ if (portion && pivot) {
+ _this.setData({
+ right: (pivot.width * (_this.data.percentage - 100)) / 100,
+ });
+ }
+ });
+ },
},
- strokeWidth: {
- type: null,
- value: 4,
- },
- },
- data: {
- right: 0,
- },
- mounted: function () {
- this.setLeft();
- },
- methods: {
- setLeft: function () {
- var _this = this;
- Promise.all([
- utils_1.getRect(this, '.van-progress'),
- utils_1.getRect(this, '.van-progress__pivot'),
- ]).then(function (_a) {
- var portion = _a[0],
- pivot = _a[1];
- if (portion && pivot) {
- _this.setData({
- right: (pivot.width * (_this.data.percentage - 100)) / 100,
- });
- }
- });
- },
- },
});
diff --git a/lib/radio-group/index.js b/lib/radio-group/index.js
index cd2e0528..b491ca1f 100644
--- a/lib/radio-group/index.js
+++ b/lib/radio-group/index.js
@@ -1,26 +1,24 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- field: true,
- relation: relation_1.useChildren('radio'),
- props: {
- value: {
- type: null,
- observer: 'updateChildren',
+ field: true,
+ relation: relation_1.useChildren('radio'),
+ props: {
+ value: {
+ type: null,
+ observer: 'updateChildren',
+ },
+ direction: String,
+ disabled: {
+ type: Boolean,
+ observer: 'updateChildren',
+ },
},
- direction: String,
- disabled: {
- type: Boolean,
- observer: 'updateChildren',
+ methods: {
+ updateChildren: function () {
+ this.children.forEach(function (child) { return child.updateFromParent(); });
+ },
},
- },
- methods: {
- updateChildren: function () {
- this.children.forEach(function (child) {
- return child.updateFromParent();
- });
- },
- },
});
diff --git a/lib/radio/index.js b/lib/radio/index.js
index 9d9fc0c8..1c9f356a 100644
--- a/lib/radio/index.js
+++ b/lib/radio/index.js
@@ -1,75 +1,68 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var version_1 = require('../common/version');
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var version_1 = require("../common/version");
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- field: true,
- relation: relation_1.useParent('radio-group', function () {
- this.updateFromParent();
- }),
- classes: ['icon-class', 'label-class'],
- props: {
- name: null,
- value: null,
- disabled: Boolean,
- useIconSlot: Boolean,
- checkedColor: String,
- labelPosition: {
- type: String,
- value: 'right',
+ field: true,
+ relation: relation_1.useParent('radio-group', function () {
+ this.updateFromParent();
+ }),
+ classes: ['icon-class', 'label-class'],
+ props: {
+ name: null,
+ value: null,
+ disabled: Boolean,
+ useIconSlot: Boolean,
+ checkedColor: String,
+ labelPosition: {
+ type: String,
+ value: 'right',
+ },
+ labelDisabled: Boolean,
+ shape: {
+ type: String,
+ value: 'round',
+ },
+ iconSize: {
+ type: null,
+ value: 20,
+ },
},
- labelDisabled: Boolean,
- shape: {
- type: String,
- value: 'round',
+ data: {
+ direction: '',
+ parentDisabled: false,
},
- iconSize: {
- type: null,
- value: 20,
+ methods: {
+ updateFromParent: function () {
+ if (!this.parent) {
+ return;
+ }
+ var _a = this.parent.data, value = _a.value, parentDisabled = _a.disabled, direction = _a.direction;
+ this.setData({
+ value: value,
+ direction: direction,
+ parentDisabled: parentDisabled,
+ });
+ },
+ emitChange: function (value) {
+ var instance = this.parent || this;
+ instance.$emit('input', value);
+ instance.$emit('change', value);
+ if (version_1.canIUseModel()) {
+ instance.setData({ value: value });
+ }
+ },
+ onChange: function () {
+ if (!this.data.disabled && !this.data.parentDisabled) {
+ this.emitChange(this.data.name);
+ }
+ },
+ onClickLabel: function () {
+ var _a = this.data, disabled = _a.disabled, parentDisabled = _a.parentDisabled, labelDisabled = _a.labelDisabled, name = _a.name;
+ if (!(disabled || parentDisabled) && !labelDisabled) {
+ this.emitChange(name);
+ }
+ },
},
- },
- data: {
- direction: '',
- parentDisabled: false,
- },
- methods: {
- updateFromParent: function () {
- if (!this.parent) {
- return;
- }
- var _a = this.parent.data,
- value = _a.value,
- parentDisabled = _a.disabled,
- direction = _a.direction;
- this.setData({
- value: value,
- direction: direction,
- parentDisabled: parentDisabled,
- });
- },
- emitChange: function (value) {
- var instance = this.parent || this;
- instance.$emit('input', value);
- instance.$emit('change', value);
- if (version_1.canIUseModel()) {
- instance.setData({ value: value });
- }
- },
- onChange: function () {
- if (!this.data.disabled && !this.data.parentDisabled) {
- this.emitChange(this.data.name);
- }
- },
- onClickLabel: function () {
- var _a = this.data,
- disabled = _a.disabled,
- parentDisabled = _a.parentDisabled,
- labelDisabled = _a.labelDisabled,
- name = _a.name;
- if (!(disabled || parentDisabled) && !labelDisabled) {
- this.emitChange(name);
- }
- },
- },
});
diff --git a/lib/rate/index.js b/lib/rate/index.js
index a9539582..cbbf4a79 100644
--- a/lib/rate/index.js
+++ b/lib/rate/index.js
@@ -1,102 +1,93 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var utils_1 = require('../common/utils');
-var component_1 = require('../common/component');
-var version_1 = require('../common/version');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../common/utils");
+var component_1 = require("../common/component");
+var version_1 = require("../common/version");
component_1.VantComponent({
- field: true,
- classes: ['icon-class'],
- props: {
- value: {
- type: Number,
- observer: function (value) {
- if (value !== this.data.innerValue) {
- this.setData({ innerValue: value });
- }
- },
+ field: true,
+ classes: ['icon-class'],
+ props: {
+ value: {
+ type: Number,
+ observer: function (value) {
+ if (value !== this.data.innerValue) {
+ this.setData({ innerValue: value });
+ }
+ },
+ },
+ readonly: Boolean,
+ disabled: Boolean,
+ allowHalf: Boolean,
+ size: null,
+ icon: {
+ type: String,
+ value: 'star',
+ },
+ voidIcon: {
+ type: String,
+ value: 'star-o',
+ },
+ color: String,
+ voidColor: String,
+ disabledColor: String,
+ count: {
+ type: Number,
+ value: 5,
+ observer: function (value) {
+ this.setData({ innerCountArray: Array.from({ length: value }) });
+ },
+ },
+ gutter: null,
+ touchable: {
+ type: Boolean,
+ value: true,
+ },
},
- readonly: Boolean,
- disabled: Boolean,
- allowHalf: Boolean,
- size: null,
- icon: {
- type: String,
- value: 'star',
+ data: {
+ innerValue: 0,
+ innerCountArray: Array.from({ length: 5 }),
},
- voidIcon: {
- type: String,
- value: 'star-o',
+ methods: {
+ onSelect: function (event) {
+ var _this = this;
+ var data = this.data;
+ var score = event.currentTarget.dataset.score;
+ if (!data.disabled && !data.readonly) {
+ this.setData({ innerValue: score + 1 });
+ if (version_1.canIUseModel()) {
+ this.setData({ value: score + 1 });
+ }
+ wx.nextTick(function () {
+ _this.$emit('input', score + 1);
+ _this.$emit('change', score + 1);
+ });
+ }
+ },
+ onTouchMove: function (event) {
+ var _this = this;
+ var touchable = this.data.touchable;
+ if (!touchable)
+ return;
+ var clientX = event.touches[0].clientX;
+ utils_1.getAllRect(this, '.van-rate__icon').then(function (list) {
+ var target = list
+ .sort(function (cur, next) { return cur.dataset.score - next.dataset.score; })
+ .find(function (item) { return clientX >= item.left && clientX <= item.right; });
+ if (target != null) {
+ _this.onSelect(__assign(__assign({}, event), { currentTarget: target }));
+ }
+ });
+ },
},
- color: String,
- voidColor: String,
- disabledColor: String,
- count: {
- type: Number,
- value: 5,
- observer: function (value) {
- this.setData({ innerCountArray: Array.from({ length: value }) });
- },
- },
- gutter: null,
- touchable: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- innerValue: 0,
- innerCountArray: Array.from({ length: 5 }),
- },
- methods: {
- onSelect: function (event) {
- var _this = this;
- var data = this.data;
- var score = event.currentTarget.dataset.score;
- if (!data.disabled && !data.readonly) {
- this.setData({ innerValue: score + 1 });
- if (version_1.canIUseModel()) {
- this.setData({ value: score + 1 });
- }
- wx.nextTick(function () {
- _this.$emit('input', score + 1);
- _this.$emit('change', score + 1);
- });
- }
- },
- onTouchMove: function (event) {
- var _this = this;
- var touchable = this.data.touchable;
- if (!touchable) return;
- var clientX = event.touches[0].clientX;
- utils_1.getAllRect(this, '.van-rate__icon').then(function (list) {
- var target = list
- .sort(function (cur, next) {
- return cur.dataset.score - next.dataset.score;
- })
- .find(function (item) {
- return clientX >= item.left && clientX <= item.right;
- });
- if (target != null) {
- _this.onSelect(
- __assign(__assign({}, event), { currentTarget: target })
- );
- }
- });
- },
- },
});
diff --git a/lib/row/index.js b/lib/row/index.js
index a107b649..1595948c 100644
--- a/lib/row/index.js
+++ b/lib/row/index.js
@@ -1,26 +1,26 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useChildren('col', function (target) {
- var gutter = this.data.gutter;
- if (gutter) {
- target.setData({ gutter: gutter });
- }
- }),
- props: {
- gutter: {
- type: Number,
- observer: 'setGutter',
+ relation: relation_1.useChildren('col', function (target) {
+ var gutter = this.data.gutter;
+ if (gutter) {
+ target.setData({ gutter: gutter });
+ }
+ }),
+ props: {
+ gutter: {
+ type: Number,
+ observer: 'setGutter',
+ },
},
- },
- methods: {
- setGutter: function () {
- var _this = this;
- this.children.forEach(function (col) {
- col.setData(_this.data);
- });
+ methods: {
+ setGutter: function () {
+ var _this = this;
+ this.children.forEach(function (col) {
+ col.setData(_this.data);
+ });
+ },
},
- },
});
diff --git a/lib/search/index.js b/lib/search/index.js
index 93945615..245fd57d 100644
--- a/lib/search/index.js
+++ b/lib/search/index.js
@@ -1,92 +1,92 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var version_1 = require('../common/version');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var version_1 = require("../common/version");
component_1.VantComponent({
- field: true,
- classes: ['field-class', 'input-class', 'cancel-class'],
- props: {
- label: String,
- focus: Boolean,
- error: Boolean,
- disabled: Boolean,
- readonly: Boolean,
- inputAlign: String,
- showAction: Boolean,
- useActionSlot: Boolean,
- useLeftIconSlot: Boolean,
- useRightIconSlot: Boolean,
- leftIcon: {
- type: String,
- value: 'search',
+ field: true,
+ classes: ['field-class', 'input-class', 'cancel-class'],
+ props: {
+ label: String,
+ focus: Boolean,
+ error: Boolean,
+ disabled: Boolean,
+ readonly: Boolean,
+ inputAlign: String,
+ showAction: Boolean,
+ useActionSlot: Boolean,
+ useLeftIconSlot: Boolean,
+ useRightIconSlot: Boolean,
+ leftIcon: {
+ type: String,
+ value: 'search',
+ },
+ rightIcon: String,
+ placeholder: String,
+ placeholderStyle: String,
+ actionText: {
+ type: String,
+ value: '取消',
+ },
+ background: {
+ type: String,
+ value: '#ffffff',
+ },
+ maxlength: {
+ type: Number,
+ value: -1,
+ },
+ shape: {
+ type: String,
+ value: 'square',
+ },
+ clearable: {
+ type: Boolean,
+ value: true,
+ },
+ clearTrigger: {
+ type: String,
+ value: 'focus',
+ },
+ clearIcon: {
+ type: String,
+ value: 'clear',
+ },
},
- rightIcon: String,
- placeholder: String,
- placeholderStyle: String,
- actionText: {
- type: String,
- value: '取消',
+ methods: {
+ onChange: function (event) {
+ if (version_1.canIUseModel()) {
+ this.setData({ value: event.detail });
+ }
+ this.$emit('change', event.detail);
+ },
+ onCancel: function () {
+ var _this = this;
+ /**
+ * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
+ * https://github.com/youzan/@vant/weapp/issues/1768
+ */
+ setTimeout(function () {
+ if (version_1.canIUseModel()) {
+ _this.setData({ value: '' });
+ }
+ _this.$emit('cancel');
+ _this.$emit('change', '');
+ }, 200);
+ },
+ onSearch: function (event) {
+ this.$emit('search', event.detail);
+ },
+ onFocus: function (event) {
+ this.$emit('focus', event.detail);
+ },
+ onBlur: function (event) {
+ this.$emit('blur', event.detail);
+ },
+ onClear: function (event) {
+ this.$emit('clear', event.detail);
+ },
+ onClickInput: function (event) {
+ this.$emit('click-input', event.detail);
+ },
},
- background: {
- type: String,
- value: '#ffffff',
- },
- maxlength: {
- type: Number,
- value: -1,
- },
- shape: {
- type: String,
- value: 'square',
- },
- clearable: {
- type: Boolean,
- value: true,
- },
- clearTrigger: {
- type: String,
- value: 'focus',
- },
- clearIcon: {
- type: String,
- value: 'clear',
- },
- },
- methods: {
- onChange: function (event) {
- if (version_1.canIUseModel()) {
- this.setData({ value: event.detail });
- }
- this.$emit('change', event.detail);
- },
- onCancel: function () {
- var _this = this;
- /**
- * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
- * https://github.com/youzan/@vant/weapp/issues/1768
- */
- setTimeout(function () {
- if (version_1.canIUseModel()) {
- _this.setData({ value: '' });
- }
- _this.$emit('cancel');
- _this.$emit('change', '');
- }, 200);
- },
- onSearch: function (event) {
- this.$emit('search', event.detail);
- },
- onFocus: function (event) {
- this.$emit('focus', event.detail);
- },
- onBlur: function (event) {
- this.$emit('blur', event.detail);
- },
- onClear: function (event) {
- this.$emit('clear', event.detail);
- },
- onClickInput: function (event) {
- this.$emit('click-input', event.detail);
- },
- },
});
diff --git a/lib/share-sheet/index.js b/lib/share-sheet/index.js
index 0040e147..818f8edc 100644
--- a/lib/share-sheet/index.js
+++ b/lib/share-sheet/index.js
@@ -1,57 +1,57 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- // whether to show popup
- show: Boolean,
- // overlay custom style
- overlayStyle: String,
- // z-index
- zIndex: {
- type: Number,
- value: 100,
+ props: {
+ // whether to show popup
+ show: Boolean,
+ // overlay custom style
+ overlayStyle: String,
+ // z-index
+ zIndex: {
+ type: Number,
+ value: 100,
+ },
+ title: String,
+ cancelText: {
+ type: String,
+ value: '取消',
+ },
+ description: String,
+ options: {
+ type: Array,
+ value: [],
+ },
+ overlay: {
+ type: Boolean,
+ value: true,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
+ closeOnClickOverlay: {
+ type: Boolean,
+ value: true,
+ },
+ duration: {
+ type: null,
+ value: 300,
+ },
},
- title: String,
- cancelText: {
- type: String,
- value: '取消',
+ methods: {
+ onClickOverlay: function () {
+ this.$emit('click-overlay');
+ },
+ onCancel: function () {
+ this.onClose();
+ this.$emit('cancel');
+ },
+ onSelect: function (event) {
+ this.$emit('select', event.detail);
+ },
+ onClose: function () {
+ this.$emit('close');
+ },
},
- description: String,
- options: {
- type: Array,
- value: [],
- },
- overlay: {
- type: Boolean,
- value: true,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- closeOnClickOverlay: {
- type: Boolean,
- value: true,
- },
- duration: {
- type: null,
- value: 300,
- },
- },
- methods: {
- onClickOverlay: function () {
- this.$emit('click-overlay');
- },
- onCancel: function () {
- this.onClose();
- this.$emit('cancel');
- },
- onSelect: function (event) {
- this.$emit('select', event.detail);
- },
- onClose: function () {
- this.$emit('close');
- },
- },
});
diff --git a/lib/share-sheet/options.js b/lib/share-sheet/options.js
index f503f4c6..fbdddae6 100644
--- a/lib/share-sheet/options.js
+++ b/lib/share-sheet/options.js
@@ -1,31 +1,27 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- options: Array,
- showBorder: Boolean,
- },
- methods: {
- onSelect: function (event) {
- var index = event.currentTarget.dataset.index;
- var option = this.data.options[index];
- this.$emit('select', __assign(__assign({}, option), { index: index }));
+ props: {
+ options: Array,
+ showBorder: Boolean,
+ },
+ methods: {
+ onSelect: function (event) {
+ var index = event.currentTarget.dataset.index;
+ var option = this.data.options[index];
+ this.$emit('select', __assign(__assign({}, option), { index: index }));
+ },
},
- },
});
diff --git a/lib/sidebar-item/index.js b/lib/sidebar-item/index.js
index a5ed300b..290e8c00 100644
--- a/lib/sidebar-item/index.js
+++ b/lib/sidebar-item/index.js
@@ -1,32 +1,32 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- classes: ['active-class', 'disabled-class'],
- relation: relation_1.useParent('sidebar'),
- props: {
- dot: Boolean,
- badge: null,
- info: null,
- title: String,
- disabled: Boolean,
- },
- methods: {
- onClick: function () {
- var _this = this;
- var parent = this.parent;
- if (!parent || this.data.disabled) {
- return;
- }
- var index = parent.children.indexOf(this);
- parent.setActive(index).then(function () {
- _this.$emit('click', index);
- parent.$emit('change', index);
- });
+ classes: ['active-class', 'disabled-class'],
+ relation: relation_1.useParent('sidebar'),
+ props: {
+ dot: Boolean,
+ badge: null,
+ info: null,
+ title: String,
+ disabled: Boolean,
},
- setActive: function (selected) {
- return this.setData({ selected: selected });
+ methods: {
+ onClick: function () {
+ var _this = this;
+ var parent = this.parent;
+ if (!parent || this.data.disabled) {
+ return;
+ }
+ var index = parent.children.indexOf(this);
+ parent.setActive(index).then(function () {
+ _this.$emit('click', index);
+ parent.$emit('change', index);
+ });
+ },
+ setActive: function (selected) {
+ return this.setData({ selected: selected });
+ },
},
- },
});
diff --git a/lib/sidebar/index.js b/lib/sidebar/index.js
index 5265361d..aa624274 100644
--- a/lib/sidebar/index.js
+++ b/lib/sidebar/index.js
@@ -1,38 +1,36 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- relation: relation_1.useChildren('sidebar-item', function () {
- this.setActive(this.data.activeKey);
- }),
- props: {
- activeKey: {
- type: Number,
- value: 0,
- observer: 'setActive',
+ relation: relation_1.useChildren('sidebar-item', function () {
+ this.setActive(this.data.activeKey);
+ }),
+ props: {
+ activeKey: {
+ type: Number,
+ value: 0,
+ observer: 'setActive',
+ },
},
- },
- beforeCreate: function () {
- this.currentActive = -1;
- },
- methods: {
- setActive: function (activeKey) {
- var _a = this,
- children = _a.children,
- currentActive = _a.currentActive;
- if (!children.length) {
- return Promise.resolve();
- }
- this.currentActive = activeKey;
- var stack = [];
- if (currentActive !== activeKey && children[currentActive]) {
- stack.push(children[currentActive].setActive(false));
- }
- if (children[activeKey]) {
- stack.push(children[activeKey].setActive(true));
- }
- return Promise.all(stack);
+ beforeCreate: function () {
+ this.currentActive = -1;
+ },
+ methods: {
+ setActive: function (activeKey) {
+ var _a = this, children = _a.children, currentActive = _a.currentActive;
+ if (!children.length) {
+ return Promise.resolve();
+ }
+ this.currentActive = activeKey;
+ var stack = [];
+ if (currentActive !== activeKey && children[currentActive]) {
+ stack.push(children[currentActive].setActive(false));
+ }
+ if (children[activeKey]) {
+ stack.push(children[activeKey].setActive(true));
+ }
+ return Promise.all(stack);
+ },
},
- },
});
diff --git a/lib/skeleton/index.js b/lib/skeleton/index.js
index 52137fa8..a25ecdb4 100644
--- a/lib/skeleton/index.js
+++ b/lib/skeleton/index.js
@@ -1,48 +1,48 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: ['avatar-class', 'title-class', 'row-class'],
- props: {
- row: {
- type: Number,
- value: 0,
- observer: function (value) {
- this.setData({ rowArray: Array.from({ length: value }) });
- },
+ classes: ['avatar-class', 'title-class', 'row-class'],
+ props: {
+ row: {
+ type: Number,
+ value: 0,
+ observer: function (value) {
+ this.setData({ rowArray: Array.from({ length: value }) });
+ },
+ },
+ title: Boolean,
+ avatar: Boolean,
+ loading: {
+ type: Boolean,
+ value: true,
+ },
+ animate: {
+ type: Boolean,
+ value: true,
+ },
+ avatarSize: {
+ type: String,
+ value: '32px',
+ },
+ avatarShape: {
+ type: String,
+ value: 'round',
+ },
+ titleWidth: {
+ type: String,
+ value: '40%',
+ },
+ rowWidth: {
+ type: null,
+ value: '100%',
+ observer: function (val) {
+ this.setData({ isArray: val instanceof Array });
+ },
+ },
},
- title: Boolean,
- avatar: Boolean,
- loading: {
- type: Boolean,
- value: true,
+ data: {
+ isArray: false,
+ rowArray: [],
},
- animate: {
- type: Boolean,
- value: true,
- },
- avatarSize: {
- type: String,
- value: '32px',
- },
- avatarShape: {
- type: String,
- value: 'round',
- },
- titleWidth: {
- type: String,
- value: '40%',
- },
- rowWidth: {
- type: null,
- value: '100%',
- observer: function (val) {
- this.setData({ isArray: val instanceof Array });
- },
- },
- },
- data: {
- isArray: false,
- rowArray: [],
- },
});
diff --git a/lib/slider/index.js b/lib/slider/index.js
index 24db03a5..7354ad8f 100644
--- a/lib/slider/index.js
+++ b/lib/slider/index.js
@@ -1,176 +1,166 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var touch_1 = require('../mixins/touch');
-var version_1 = require('../common/version');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var touch_1 = require("../mixins/touch");
+var version_1 = require("../common/version");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- mixins: [touch_1.touch],
- props: {
- range: Boolean,
- disabled: Boolean,
- useButtonSlot: Boolean,
- activeColor: String,
- inactiveColor: String,
- max: {
- type: Number,
- value: 100,
+ mixins: [touch_1.touch],
+ props: {
+ range: Boolean,
+ disabled: Boolean,
+ useButtonSlot: Boolean,
+ activeColor: String,
+ inactiveColor: String,
+ max: {
+ type: Number,
+ value: 100,
+ },
+ min: {
+ type: Number,
+ value: 0,
+ },
+ step: {
+ type: Number,
+ value: 1,
+ },
+ value: {
+ type: null,
+ value: 0,
+ observer: function (val) {
+ if (val !== this.value) {
+ this.updateValue(val);
+ }
+ },
+ },
+ barHeight: null,
},
- min: {
- type: Number,
- value: 0,
+ created: function () {
+ this.updateValue(this.data.value);
},
- step: {
- type: Number,
- value: 1,
+ methods: {
+ onTouchStart: function (event) {
+ var _this = this;
+ if (this.data.disabled)
+ return;
+ var index = event.currentTarget.dataset.index;
+ if (typeof index === 'number') {
+ this.buttonIndex = index;
+ }
+ this.touchStart(event);
+ this.startValue = this.format(this.value);
+ this.newValue = this.value;
+ if (this.isRange(this.newValue)) {
+ this.startValue = this.newValue.map(function (val) { return _this.format(val); });
+ }
+ else {
+ this.startValue = this.format(this.newValue);
+ }
+ this.dragStatus = 'start';
+ },
+ onTouchMove: function (event) {
+ var _this = this;
+ if (this.data.disabled)
+ return;
+ if (this.dragStatus === 'start') {
+ this.$emit('drag-start');
+ }
+ this.touchMove(event);
+ this.dragStatus = 'draging';
+ utils_1.getRect(this, '.van-slider').then(function (rect) {
+ var diff = (_this.deltaX / rect.width) * _this.getRange();
+ if (_this.isRange(_this.startValue)) {
+ _this.newValue[_this.buttonIndex] =
+ _this.startValue[_this.buttonIndex] + diff;
+ }
+ else {
+ _this.newValue = _this.startValue + diff;
+ }
+ _this.updateValue(_this.newValue, false, true);
+ });
+ },
+ onTouchEnd: function () {
+ if (this.data.disabled)
+ return;
+ if (this.dragStatus === 'draging') {
+ this.updateValue(this.newValue, true);
+ this.$emit('drag-end');
+ }
+ },
+ onClick: function (event) {
+ var _this = this;
+ if (this.data.disabled)
+ return;
+ var min = this.data.min;
+ utils_1.getRect(this, '.van-slider').then(function (rect) {
+ var value = ((event.detail.x - rect.left) / rect.width) * _this.getRange() + min;
+ if (_this.isRange(_this.value)) {
+ var _a = _this.value, left = _a[0], right = _a[1];
+ var middle = (left + right) / 2;
+ if (value <= middle) {
+ _this.updateValue([value, right], true);
+ }
+ else {
+ _this.updateValue([left, value], true);
+ }
+ }
+ else {
+ _this.updateValue(value, true);
+ }
+ });
+ },
+ isRange: function (val) {
+ var range = this.data.range;
+ return range && Array.isArray(val);
+ },
+ handleOverlap: function (value) {
+ if (value[0] > value[1]) {
+ return value.slice(0).reverse();
+ }
+ return value;
+ },
+ updateValue: function (value, end, drag) {
+ var _this = this;
+ if (this.isRange(value)) {
+ value = this.handleOverlap(value).map(function (val) { return _this.format(val); });
+ }
+ else {
+ value = this.format(value);
+ }
+ this.value = value;
+ this.setData({
+ barStyle: "\n width: " + this.calcMainAxis() + ";\n left: " + (this.isRange(value) ? value[0] + "%" : 0) + ";\n " + (drag ? 'transition: none;' : '') + "\n ",
+ });
+ if (drag) {
+ this.$emit('drag', { value: value });
+ }
+ if (end) {
+ this.$emit('change', value);
+ }
+ if ((drag || end) && version_1.canIUseModel()) {
+ this.setData({ value: value });
+ }
+ },
+ getScope: function () {
+ return Number(this.data.max) - Number(this.data.min);
+ },
+ getRange: function () {
+ var _a = this.data, max = _a.max, min = _a.min;
+ return max - min;
+ },
+ // 计算选中条的长度百分比
+ calcMainAxis: function () {
+ var value = this.value;
+ var min = this.data.min;
+ var scope = this.getScope();
+ if (this.isRange(value)) {
+ return ((value[1] - value[0]) * 100) / scope + "%";
+ }
+ return ((value - Number(min)) * 100) / scope + "%";
+ },
+ format: function (value) {
+ var _a = this.data, max = _a.max, min = _a.min, step = _a.step;
+ return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
+ },
},
- value: {
- type: null,
- value: 0,
- observer: function (val) {
- if (val !== this.value) {
- this.updateValue(val);
- }
- },
- },
- barHeight: null,
- },
- created: function () {
- this.updateValue(this.data.value);
- },
- methods: {
- onTouchStart: function (event) {
- var _this = this;
- if (this.data.disabled) return;
- var index = event.currentTarget.dataset.index;
- if (typeof index === 'number') {
- this.buttonIndex = index;
- }
- this.touchStart(event);
- this.startValue = this.format(this.value);
- this.newValue = this.value;
- if (this.isRange(this.newValue)) {
- this.startValue = this.newValue.map(function (val) {
- return _this.format(val);
- });
- } else {
- this.startValue = this.format(this.newValue);
- }
- this.dragStatus = 'start';
- },
- onTouchMove: function (event) {
- var _this = this;
- if (this.data.disabled) return;
- if (this.dragStatus === 'start') {
- this.$emit('drag-start');
- }
- this.touchMove(event);
- this.dragStatus = 'draging';
- utils_1.getRect(this, '.van-slider').then(function (rect) {
- var diff = (_this.deltaX / rect.width) * _this.getRange();
- if (_this.isRange(_this.startValue)) {
- _this.newValue[_this.buttonIndex] =
- _this.startValue[_this.buttonIndex] + diff;
- } else {
- _this.newValue = _this.startValue + diff;
- }
- _this.updateValue(_this.newValue, false, true);
- });
- },
- onTouchEnd: function () {
- if (this.data.disabled) return;
- if (this.dragStatus === 'draging') {
- this.updateValue(this.newValue, true);
- this.$emit('drag-end');
- }
- },
- onClick: function (event) {
- var _this = this;
- if (this.data.disabled) return;
- var min = this.data.min;
- utils_1.getRect(this, '.van-slider').then(function (rect) {
- var value =
- ((event.detail.x - rect.left) / rect.width) * _this.getRange() + min;
- if (_this.isRange(_this.value)) {
- var _a = _this.value,
- left = _a[0],
- right = _a[1];
- var middle = (left + right) / 2;
- if (value <= middle) {
- _this.updateValue([value, right], true);
- } else {
- _this.updateValue([left, value], true);
- }
- } else {
- _this.updateValue(value, true);
- }
- });
- },
- isRange: function (val) {
- var range = this.data.range;
- return range && Array.isArray(val);
- },
- handleOverlap: function (value) {
- if (value[0] > value[1]) {
- return value.slice(0).reverse();
- }
- return value;
- },
- updateValue: function (value, end, drag) {
- var _this = this;
- if (this.isRange(value)) {
- value = this.handleOverlap(value).map(function (val) {
- return _this.format(val);
- });
- } else {
- value = this.format(value);
- }
- this.value = value;
- this.setData({
- barStyle:
- '\n width: ' +
- this.calcMainAxis() +
- ';\n left: ' +
- (this.isRange(value) ? value[0] + '%' : 0) +
- ';\n ' +
- (drag ? 'transition: none;' : '') +
- '\n ',
- });
- if (drag) {
- this.$emit('drag', { value: value });
- }
- if (end) {
- this.$emit('change', value);
- }
- if ((drag || end) && version_1.canIUseModel()) {
- this.setData({ value: value });
- }
- },
- getScope: function () {
- return Number(this.data.max) - Number(this.data.min);
- },
- getRange: function () {
- var _a = this.data,
- max = _a.max,
- min = _a.min;
- return max - min;
- },
- // 计算选中条的长度百分比
- calcMainAxis: function () {
- var value = this.value;
- var min = this.data.min;
- var scope = this.getScope();
- if (this.isRange(value)) {
- return ((value[1] - value[0]) * 100) / scope + '%';
- }
- return ((value - Number(min)) * 100) / scope + '%';
- },
- format: function (value) {
- var _a = this.data,
- max = _a.max,
- min = _a.min,
- step = _a.step;
- return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
- },
- },
});
diff --git a/lib/stepper/index.js b/lib/stepper/index.js
index b8b061d6..3f675061 100644
--- a/lib/stepper/index.js
+++ b/lib/stepper/index.js
@@ -1,218 +1,199 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var validator_1 = require('../common/validator');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var validator_1 = require("../common/validator");
var LONG_PRESS_START_TIME = 600;
var LONG_PRESS_INTERVAL = 200;
// add num and avoid float number
function add(num1, num2) {
- var cardinal = Math.pow(10, 10);
- return Math.round((num1 + num2) * cardinal) / cardinal;
+ var cardinal = Math.pow(10, 10);
+ return Math.round((num1 + num2) * cardinal) / cardinal;
}
function equal(value1, value2) {
- return String(value1) === String(value2);
+ return String(value1) === String(value2);
}
component_1.VantComponent({
- field: true,
- classes: ['input-class', 'plus-class', 'minus-class'],
- props: {
- value: {
- type: null,
- observer: 'observeValue',
+ field: true,
+ classes: ['input-class', 'plus-class', 'minus-class'],
+ props: {
+ value: {
+ type: null,
+ observer: 'observeValue',
+ },
+ integer: {
+ type: Boolean,
+ observer: 'check',
+ },
+ disabled: Boolean,
+ inputWidth: String,
+ buttonSize: String,
+ asyncChange: Boolean,
+ disableInput: Boolean,
+ decimalLength: {
+ type: Number,
+ value: null,
+ observer: 'check',
+ },
+ min: {
+ type: null,
+ value: 1,
+ observer: 'check',
+ },
+ max: {
+ type: null,
+ value: Number.MAX_SAFE_INTEGER,
+ observer: 'check',
+ },
+ step: {
+ type: null,
+ value: 1,
+ },
+ showPlus: {
+ type: Boolean,
+ value: true,
+ },
+ showMinus: {
+ type: Boolean,
+ value: true,
+ },
+ disablePlus: Boolean,
+ disableMinus: Boolean,
+ longPress: {
+ type: Boolean,
+ value: true,
+ },
+ theme: String,
},
- integer: {
- type: Boolean,
- observer: 'check',
+ data: {
+ currentValue: '',
},
- disabled: Boolean,
- inputWidth: String,
- buttonSize: String,
- asyncChange: Boolean,
- disableInput: Boolean,
- decimalLength: {
- type: Number,
- value: null,
- observer: 'check',
+ created: function () {
+ this.setData({
+ currentValue: this.format(this.data.value),
+ });
},
- min: {
- type: null,
- value: 1,
- observer: 'check',
+ methods: {
+ observeValue: function () {
+ var _a = this.data, value = _a.value, currentValue = _a.currentValue;
+ if (!equal(value, currentValue)) {
+ this.setData({ currentValue: this.format(value) });
+ }
+ },
+ check: function () {
+ var val = this.format(this.data.currentValue);
+ if (!equal(val, this.data.currentValue)) {
+ this.setData({ currentValue: val });
+ }
+ },
+ isDisabled: function (type) {
+ var _a = this.data, disabled = _a.disabled, disablePlus = _a.disablePlus, disableMinus = _a.disableMinus, currentValue = _a.currentValue, max = _a.max, min = _a.min;
+ if (type === 'plus') {
+ return disabled || disablePlus || currentValue >= max;
+ }
+ return disabled || disableMinus || currentValue <= min;
+ },
+ onFocus: function (event) {
+ this.$emit('focus', event.detail);
+ },
+ onBlur: function (event) {
+ var value = this.format(event.detail.value);
+ this.emitChange(value);
+ this.$emit('blur', __assign(__assign({}, event.detail), { value: value }));
+ },
+ // filter illegal characters
+ filter: function (value) {
+ value = String(value).replace(/[^0-9.-]/g, '');
+ if (this.data.integer && value.indexOf('.') !== -1) {
+ value = value.split('.')[0];
+ }
+ return value;
+ },
+ // limit value range
+ format: function (value) {
+ value = this.filter(value);
+ // format range
+ value = value === '' ? 0 : +value;
+ value = Math.max(Math.min(this.data.max, value), this.data.min);
+ // format decimal
+ if (validator_1.isDef(this.data.decimalLength)) {
+ value = value.toFixed(this.data.decimalLength);
+ }
+ return value;
+ },
+ onInput: function (event) {
+ var _a = (event.detail || {}).value, value = _a === void 0 ? '' : _a;
+ // allow input to be empty
+ if (value === '') {
+ return;
+ }
+ var formatted = this.filter(value);
+ // limit max decimal length
+ if (validator_1.isDef(this.data.decimalLength) && formatted.indexOf('.') !== -1) {
+ var pair = formatted.split('.');
+ formatted = pair[0] + "." + pair[1].slice(0, this.data.decimalLength);
+ }
+ this.emitChange(formatted);
+ },
+ emitChange: function (value) {
+ if (!this.data.asyncChange) {
+ this.setData({ currentValue: value });
+ }
+ this.$emit('change', value);
+ },
+ onChange: function () {
+ var type = this.type;
+ if (this.isDisabled(type)) {
+ this.$emit('overlimit', type);
+ return;
+ }
+ var diff = type === 'minus' ? -this.data.step : +this.data.step;
+ var value = this.format(add(+this.data.currentValue, diff));
+ this.emitChange(value);
+ this.$emit(type);
+ },
+ longPressStep: function () {
+ var _this = this;
+ this.longPressTimer = setTimeout(function () {
+ _this.onChange();
+ _this.longPressStep();
+ }, LONG_PRESS_INTERVAL);
+ },
+ onTap: function (event) {
+ var type = event.currentTarget.dataset.type;
+ this.type = type;
+ this.onChange();
+ },
+ onTouchStart: function (event) {
+ var _this = this;
+ if (!this.data.longPress) {
+ return;
+ }
+ clearTimeout(this.longPressTimer);
+ var type = event.currentTarget.dataset.type;
+ this.type = type;
+ this.isLongPress = false;
+ this.longPressTimer = setTimeout(function () {
+ _this.isLongPress = true;
+ _this.onChange();
+ _this.longPressStep();
+ }, LONG_PRESS_START_TIME);
+ },
+ onTouchEnd: function () {
+ if (!this.data.longPress) {
+ return;
+ }
+ clearTimeout(this.longPressTimer);
+ },
},
- max: {
- type: null,
- value: Number.MAX_SAFE_INTEGER,
- observer: 'check',
- },
- step: {
- type: null,
- value: 1,
- },
- showPlus: {
- type: Boolean,
- value: true,
- },
- showMinus: {
- type: Boolean,
- value: true,
- },
- disablePlus: Boolean,
- disableMinus: Boolean,
- longPress: {
- type: Boolean,
- value: true,
- },
- theme: String,
- },
- data: {
- currentValue: '',
- },
- created: function () {
- this.setData({
- currentValue: this.format(this.data.value),
- });
- },
- methods: {
- observeValue: function () {
- var _a = this.data,
- value = _a.value,
- currentValue = _a.currentValue;
- if (!equal(value, currentValue)) {
- this.setData({ currentValue: this.format(value) });
- }
- },
- check: function () {
- var val = this.format(this.data.currentValue);
- if (!equal(val, this.data.currentValue)) {
- this.setData({ currentValue: val });
- }
- },
- isDisabled: function (type) {
- var _a = this.data,
- disabled = _a.disabled,
- disablePlus = _a.disablePlus,
- disableMinus = _a.disableMinus,
- currentValue = _a.currentValue,
- max = _a.max,
- min = _a.min;
- if (type === 'plus') {
- return disabled || disablePlus || currentValue >= max;
- }
- return disabled || disableMinus || currentValue <= min;
- },
- onFocus: function (event) {
- this.$emit('focus', event.detail);
- },
- onBlur: function (event) {
- var value = this.format(event.detail.value);
- this.emitChange(value);
- this.$emit(
- 'blur',
- __assign(__assign({}, event.detail), { value: value })
- );
- },
- // filter illegal characters
- filter: function (value) {
- value = String(value).replace(/[^0-9.-]/g, '');
- if (this.data.integer && value.indexOf('.') !== -1) {
- value = value.split('.')[0];
- }
- return value;
- },
- // limit value range
- format: function (value) {
- value = this.filter(value);
- // format range
- value = value === '' ? 0 : +value;
- value = Math.max(Math.min(this.data.max, value), this.data.min);
- // format decimal
- if (validator_1.isDef(this.data.decimalLength)) {
- value = value.toFixed(this.data.decimalLength);
- }
- return value;
- },
- onInput: function (event) {
- var _a = (event.detail || {}).value,
- value = _a === void 0 ? '' : _a;
- // allow input to be empty
- if (value === '') {
- return;
- }
- var formatted = this.filter(value);
- // limit max decimal length
- if (
- validator_1.isDef(this.data.decimalLength) &&
- formatted.indexOf('.') !== -1
- ) {
- var pair = formatted.split('.');
- formatted = pair[0] + '.' + pair[1].slice(0, this.data.decimalLength);
- }
- this.emitChange(formatted);
- },
- emitChange: function (value) {
- if (!this.data.asyncChange) {
- this.setData({ currentValue: value });
- }
- this.$emit('change', value);
- },
- onChange: function () {
- var type = this.type;
- if (this.isDisabled(type)) {
- this.$emit('overlimit', type);
- return;
- }
- var diff = type === 'minus' ? -this.data.step : +this.data.step;
- var value = this.format(add(+this.data.currentValue, diff));
- this.emitChange(value);
- this.$emit(type);
- },
- longPressStep: function () {
- var _this = this;
- this.longPressTimer = setTimeout(function () {
- _this.onChange();
- _this.longPressStep();
- }, LONG_PRESS_INTERVAL);
- },
- onTap: function (event) {
- var type = event.currentTarget.dataset.type;
- this.type = type;
- this.onChange();
- },
- onTouchStart: function (event) {
- var _this = this;
- if (!this.data.longPress) {
- return;
- }
- clearTimeout(this.longPressTimer);
- var type = event.currentTarget.dataset.type;
- this.type = type;
- this.isLongPress = false;
- this.longPressTimer = setTimeout(function () {
- _this.isLongPress = true;
- _this.onChange();
- _this.longPressStep();
- }, LONG_PRESS_START_TIME);
- },
- onTouchEnd: function () {
- if (!this.data.longPress) {
- return;
- }
- clearTimeout(this.longPressTimer);
- },
- },
});
diff --git a/lib/steps/index.js b/lib/steps/index.js
index c41e5ade..35c92dac 100644
--- a/lib/steps/index.js
+++ b/lib/steps/index.js
@@ -1,35 +1,35 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var color_1 = require('../common/color');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var color_1 = require("../common/color");
component_1.VantComponent({
- classes: ['desc-class'],
- props: {
- icon: String,
- steps: Array,
- active: Number,
- direction: {
- type: String,
- value: 'horizontal',
+ classes: ['desc-class'],
+ props: {
+ icon: String,
+ steps: Array,
+ active: Number,
+ direction: {
+ type: String,
+ value: 'horizontal',
+ },
+ activeColor: {
+ type: String,
+ value: color_1.GREEN,
+ },
+ inactiveColor: {
+ type: String,
+ value: color_1.GRAY_DARK,
+ },
+ activeIcon: {
+ type: String,
+ value: 'checked',
+ },
+ inactiveIcon: String,
},
- activeColor: {
- type: String,
- value: color_1.GREEN,
+ methods: {
+ onClick: function (event) {
+ var index = event.currentTarget.dataset.index;
+ this.$emit('click-step', index);
+ },
},
- inactiveColor: {
- type: String,
- value: color_1.GRAY_DARK,
- },
- activeIcon: {
- type: String,
- value: 'checked',
- },
- inactiveIcon: String,
- },
- methods: {
- onClick: function (event) {
- var index = event.currentTarget.dataset.index;
- this.$emit('click-step', index);
- },
- },
});
diff --git a/lib/sticky/index.js b/lib/sticky/index.js
index 3bb20a4f..86e3f021 100644
--- a/lib/sticky/index.js
+++ b/lib/sticky/index.js
@@ -1,128 +1,124 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var utils_1 = require('../common/utils');
-var component_1 = require('../common/component');
-var validator_1 = require('../common/validator');
-var page_scroll_1 = require('../mixins/page-scroll');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../common/utils");
+var component_1 = require("../common/component");
+var validator_1 = require("../common/validator");
+var page_scroll_1 = require("../mixins/page-scroll");
var ROOT_ELEMENT = '.van-sticky';
component_1.VantComponent({
- props: {
- zIndex: {
- type: Number,
- value: 99,
+ props: {
+ zIndex: {
+ type: Number,
+ value: 99,
+ },
+ offsetTop: {
+ type: Number,
+ value: 0,
+ observer: 'onScroll',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'onScroll',
+ },
+ container: {
+ type: null,
+ observer: 'onScroll',
+ },
+ scrollTop: {
+ type: null,
+ observer: function (val) {
+ this.onScroll({ scrollTop: val });
+ },
+ },
},
- offsetTop: {
- type: Number,
- value: 0,
- observer: 'onScroll',
+ mixins: [
+ page_scroll_1.pageScrollMixin(function (event) {
+ if (this.data.scrollTop != null) {
+ return;
+ }
+ this.onScroll(event);
+ }),
+ ],
+ data: {
+ height: 0,
+ fixed: false,
+ transform: 0,
},
- disabled: {
- type: Boolean,
- observer: 'onScroll',
+ mounted: function () {
+ this.onScroll();
},
- container: {
- type: null,
- observer: 'onScroll',
- },
- scrollTop: {
- type: null,
- observer: function (val) {
- this.onScroll({ scrollTop: val });
- },
- },
- },
- mixins: [
- page_scroll_1.pageScrollMixin(function (event) {
- if (this.data.scrollTop != null) {
- return;
- }
- this.onScroll(event);
- }),
- ],
- data: {
- height: 0,
- fixed: false,
- transform: 0,
- },
- mounted: function () {
- this.onScroll();
- },
- methods: {
- onScroll: function (_a) {
- var _this = this;
- var _b = _a === void 0 ? {} : _a,
- scrollTop = _b.scrollTop;
- var _c = this.data,
- container = _c.container,
- offsetTop = _c.offsetTop,
- disabled = _c.disabled;
- if (disabled) {
- this.setDataAfterDiff({
- fixed: false,
- transform: 0,
- });
- return;
- }
- this.scrollTop = scrollTop || this.scrollTop;
- if (typeof container === 'function') {
- Promise.all([
- utils_1.getRect(this, ROOT_ELEMENT),
- this.getContainerRect(),
- ]).then(function (_a) {
- var root = _a[0],
- container = _a[1];
- if (offsetTop + root.height > container.height + container.top) {
- _this.setDataAfterDiff({
- fixed: false,
- transform: container.height - root.height,
+ methods: {
+ onScroll: function (_a) {
+ var _this = this;
+ var _b = _a === void 0 ? {} : _a, scrollTop = _b.scrollTop;
+ var _c = this.data, container = _c.container, offsetTop = _c.offsetTop, disabled = _c.disabled;
+ if (disabled) {
+ this.setDataAfterDiff({
+ fixed: false,
+ transform: 0,
+ });
+ return;
+ }
+ this.scrollTop = scrollTop || this.scrollTop;
+ if (typeof container === 'function') {
+ Promise.all([
+ utils_1.getRect(this, ROOT_ELEMENT),
+ this.getContainerRect(),
+ ]).then(function (_a) {
+ var root = _a[0], container = _a[1];
+ if (offsetTop + root.height > container.height + container.top) {
+ _this.setDataAfterDiff({
+ fixed: false,
+ transform: container.height - root.height,
+ });
+ }
+ else if (offsetTop >= root.top) {
+ _this.setDataAfterDiff({
+ fixed: true,
+ height: root.height,
+ transform: 0,
+ });
+ }
+ else {
+ _this.setDataAfterDiff({ fixed: false, transform: 0 });
+ }
+ });
+ return;
+ }
+ utils_1.getRect(this, ROOT_ELEMENT).then(function (root) {
+ if (!validator_1.isDef(root)) {
+ return;
+ }
+ if (offsetTop >= root.top) {
+ _this.setDataAfterDiff({ fixed: true, height: root.height });
+ _this.transform = 0;
+ }
+ else {
+ _this.setDataAfterDiff({ fixed: false });
+ }
});
- } else if (offsetTop >= root.top) {
- _this.setDataAfterDiff({
- fixed: true,
- height: root.height,
- transform: 0,
+ },
+ setDataAfterDiff: function (data) {
+ var _this = this;
+ wx.nextTick(function () {
+ var diff = Object.keys(data).reduce(function (prev, key) {
+ if (data[key] !== _this.data[key]) {
+ prev[key] = data[key];
+ }
+ return prev;
+ }, {});
+ if (Object.keys(diff).length > 0) {
+ _this.setData(diff);
+ }
+ _this.$emit('scroll', {
+ scrollTop: _this.scrollTop,
+ isFixed: data.fixed || _this.data.fixed,
+ });
});
- } else {
- _this.setDataAfterDiff({ fixed: false, transform: 0 });
- }
- });
- return;
- }
- utils_1.getRect(this, ROOT_ELEMENT).then(function (root) {
- if (!validator_1.isDef(root)) {
- return;
- }
- if (offsetTop >= root.top) {
- _this.setDataAfterDiff({ fixed: true, height: root.height });
- _this.transform = 0;
- } else {
- _this.setDataAfterDiff({ fixed: false });
- }
- });
+ },
+ getContainerRect: function () {
+ var nodesRef = this.data.container();
+ return new Promise(function (resolve) { return nodesRef.boundingClientRect(resolve).exec(); });
+ },
},
- setDataAfterDiff: function (data) {
- var _this = this;
- wx.nextTick(function () {
- var diff = Object.keys(data).reduce(function (prev, key) {
- if (data[key] !== _this.data[key]) {
- prev[key] = data[key];
- }
- return prev;
- }, {});
- if (Object.keys(diff).length > 0) {
- _this.setData(diff);
- }
- _this.$emit('scroll', {
- scrollTop: _this.scrollTop,
- isFixed: data.fixed || _this.data.fixed,
- });
- });
- },
- getContainerRect: function () {
- var nodesRef = this.data.container();
- return new Promise(function (resolve) {
- return nodesRef.boundingClientRect(resolve).exec();
- });
- },
- },
});
diff --git a/lib/submit-bar/index.js b/lib/submit-bar/index.js
index 2b06332b..7f0766ae 100644
--- a/lib/submit-bar/index.js
+++ b/lib/submit-bar/index.js
@@ -1,61 +1,58 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: ['bar-class', 'price-class', 'button-class'],
- props: {
- tip: {
- type: null,
- observer: 'updateTip',
+ classes: ['bar-class', 'price-class', 'button-class'],
+ props: {
+ tip: {
+ type: null,
+ observer: 'updateTip',
+ },
+ tipIcon: String,
+ type: Number,
+ price: {
+ type: null,
+ observer: 'updatePrice',
+ },
+ label: String,
+ loading: Boolean,
+ disabled: Boolean,
+ buttonText: String,
+ currency: {
+ type: String,
+ value: '¥',
+ },
+ buttonType: {
+ type: String,
+ value: 'danger',
+ },
+ decimalLength: {
+ type: Number,
+ value: 2,
+ observer: 'updatePrice',
+ },
+ suffixLabel: String,
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- tipIcon: String,
- type: Number,
- price: {
- type: null,
- observer: 'updatePrice',
+ methods: {
+ updatePrice: function () {
+ var _a = this.data, price = _a.price, decimalLength = _a.decimalLength;
+ var priceStrArr = typeof price === 'number' &&
+ (price / 100).toFixed(decimalLength).split('.');
+ this.setData({
+ hasPrice: typeof price === 'number',
+ integerStr: priceStrArr && priceStrArr[0],
+ decimalStr: decimalLength && priceStrArr ? "." + priceStrArr[1] : '',
+ });
+ },
+ updateTip: function () {
+ this.setData({ hasTip: typeof this.data.tip === 'string' });
+ },
+ onSubmit: function (event) {
+ this.$emit('submit', event.detail);
+ },
},
- label: String,
- loading: Boolean,
- disabled: Boolean,
- buttonText: String,
- currency: {
- type: String,
- value: '¥',
- },
- buttonType: {
- type: String,
- value: 'danger',
- },
- decimalLength: {
- type: Number,
- value: 2,
- observer: 'updatePrice',
- },
- suffixLabel: String,
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updatePrice: function () {
- var _a = this.data,
- price = _a.price,
- decimalLength = _a.decimalLength;
- var priceStrArr =
- typeof price === 'number' &&
- (price / 100).toFixed(decimalLength).split('.');
- this.setData({
- hasPrice: typeof price === 'number',
- integerStr: priceStrArr && priceStrArr[0],
- decimalStr: decimalLength && priceStrArr ? '.' + priceStrArr[1] : '',
- });
- },
- updateTip: function () {
- this.setData({ hasTip: typeof this.data.tip === 'string' });
- },
- onSubmit: function (event) {
- this.$emit('submit', event.detail);
- },
- },
});
diff --git a/lib/swipe-cell/index.js b/lib/swipe-cell/index.js
index bf6648af..d4858367 100644
--- a/lib/swipe-cell/index.js
+++ b/lib/swipe-cell/index.js
@@ -1,162 +1,135 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var touch_1 = require('../mixins/touch');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var touch_1 = require("../mixins/touch");
+var utils_1 = require("../common/utils");
var THRESHOLD = 0.3;
var ARRAY = [];
component_1.VantComponent({
- props: {
- disabled: Boolean,
- leftWidth: {
- type: Number,
- value: 0,
- observer: function (leftWidth) {
- if (leftWidth === void 0) {
- leftWidth = 0;
- }
- if (this.offset > 0) {
- this.swipeMove(leftWidth);
- }
- },
+ props: {
+ disabled: Boolean,
+ leftWidth: {
+ type: Number,
+ value: 0,
+ observer: function (leftWidth) {
+ if (leftWidth === void 0) { leftWidth = 0; }
+ if (this.offset > 0) {
+ this.swipeMove(leftWidth);
+ }
+ },
+ },
+ rightWidth: {
+ type: Number,
+ value: 0,
+ observer: function (rightWidth) {
+ if (rightWidth === void 0) { rightWidth = 0; }
+ if (this.offset < 0) {
+ this.swipeMove(-rightWidth);
+ }
+ },
+ },
+ asyncClose: Boolean,
+ name: {
+ type: null,
+ value: '',
+ },
},
- rightWidth: {
- type: Number,
- value: 0,
- observer: function (rightWidth) {
- if (rightWidth === void 0) {
- rightWidth = 0;
- }
- if (this.offset < 0) {
- this.swipeMove(-rightWidth);
- }
- },
+ mixins: [touch_1.touch],
+ data: {
+ catchMove: false,
+ wrapperStyle: '',
},
- asyncClose: Boolean,
- name: {
- type: null,
- value: '',
+ created: function () {
+ this.offset = 0;
+ ARRAY.push(this);
},
- },
- mixins: [touch_1.touch],
- data: {
- catchMove: false,
- wrapperStyle: '',
- },
- created: function () {
- this.offset = 0;
- ARRAY.push(this);
- },
- destroyed: function () {
- var _this = this;
- ARRAY = ARRAY.filter(function (item) {
- return item !== _this;
- });
- },
- methods: {
- open: function (position) {
- var _a = this.data,
- leftWidth = _a.leftWidth,
- rightWidth = _a.rightWidth;
- var offset = position === 'left' ? leftWidth : -rightWidth;
- this.swipeMove(offset);
- this.$emit('open', {
- position: position,
- name: this.data.name,
- });
+ destroyed: function () {
+ var _this = this;
+ ARRAY = ARRAY.filter(function (item) { return item !== _this; });
},
- close: function () {
- this.swipeMove(0);
+ methods: {
+ open: function (position) {
+ var _a = this.data, leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
+ var offset = position === 'left' ? leftWidth : -rightWidth;
+ this.swipeMove(offset);
+ this.$emit('open', {
+ position: position,
+ name: this.data.name,
+ });
+ },
+ close: function () {
+ this.swipeMove(0);
+ },
+ swipeMove: function (offset) {
+ if (offset === void 0) { offset = 0; }
+ this.offset = utils_1.range(offset, -this.data.rightWidth, this.data.leftWidth);
+ var transform = "translate3d(" + this.offset + "px, 0, 0)";
+ var transition = this.dragging
+ ? 'none'
+ : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+ this.setData({
+ wrapperStyle: "\n -webkit-transform: " + transform + ";\n -webkit-transition: " + transition + ";\n transform: " + transform + ";\n transition: " + transition + ";\n ",
+ });
+ },
+ swipeLeaveTransition: function () {
+ var _a = this.data, leftWidth = _a.leftWidth, rightWidth = _a.rightWidth;
+ var offset = this.offset;
+ if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
+ this.open('right');
+ }
+ else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
+ this.open('left');
+ }
+ else {
+ this.swipeMove(0);
+ }
+ this.setData({ catchMove: false });
+ },
+ startDrag: function (event) {
+ if (this.data.disabled) {
+ return;
+ }
+ this.startOffset = this.offset;
+ this.touchStart(event);
+ },
+ noop: function () { },
+ onDrag: function (event) {
+ var _this = this;
+ if (this.data.disabled) {
+ return;
+ }
+ this.touchMove(event);
+ if (this.direction !== 'horizontal') {
+ return;
+ }
+ this.dragging = true;
+ ARRAY.filter(function (item) { return item !== _this && item.offset !== 0; }).forEach(function (item) { return item.close(); });
+ this.setData({ catchMove: true });
+ this.swipeMove(this.startOffset + this.deltaX);
+ },
+ endDrag: function () {
+ if (this.data.disabled) {
+ return;
+ }
+ this.dragging = false;
+ this.swipeLeaveTransition();
+ },
+ onClick: function (event) {
+ var _a = event.currentTarget.dataset.key, position = _a === void 0 ? 'outside' : _a;
+ this.$emit('click', position);
+ if (!this.offset) {
+ return;
+ }
+ if (this.data.asyncClose) {
+ this.$emit('close', {
+ position: position,
+ instance: this,
+ name: this.data.name,
+ });
+ }
+ else {
+ this.swipeMove(0);
+ }
+ },
},
- swipeMove: function (offset) {
- if (offset === void 0) {
- offset = 0;
- }
- this.offset = utils_1.range(
- offset,
- -this.data.rightWidth,
- this.data.leftWidth
- );
- var transform = 'translate3d(' + this.offset + 'px, 0, 0)';
- var transition = this.dragging
- ? 'none'
- : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
- this.setData({
- wrapperStyle:
- '\n -webkit-transform: ' +
- transform +
- ';\n -webkit-transition: ' +
- transition +
- ';\n transform: ' +
- transform +
- ';\n transition: ' +
- transition +
- ';\n ',
- });
- },
- swipeLeaveTransition: function () {
- var _a = this.data,
- leftWidth = _a.leftWidth,
- rightWidth = _a.rightWidth;
- var offset = this.offset;
- if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
- this.open('right');
- } else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
- this.open('left');
- } else {
- this.swipeMove(0);
- }
- this.setData({ catchMove: false });
- },
- startDrag: function (event) {
- if (this.data.disabled) {
- return;
- }
- this.startOffset = this.offset;
- this.touchStart(event);
- },
- noop: function () {},
- onDrag: function (event) {
- var _this = this;
- if (this.data.disabled) {
- return;
- }
- this.touchMove(event);
- if (this.direction !== 'horizontal') {
- return;
- }
- this.dragging = true;
- ARRAY.filter(function (item) {
- return item !== _this && item.offset !== 0;
- }).forEach(function (item) {
- return item.close();
- });
- this.setData({ catchMove: true });
- this.swipeMove(this.startOffset + this.deltaX);
- },
- endDrag: function () {
- if (this.data.disabled) {
- return;
- }
- this.dragging = false;
- this.swipeLeaveTransition();
- },
- onClick: function (event) {
- var _a = event.currentTarget.dataset.key,
- position = _a === void 0 ? 'outside' : _a;
- this.$emit('click', position);
- if (!this.offset) {
- return;
- }
- if (this.data.asyncClose) {
- this.$emit('close', {
- position: position,
- instance: this,
- name: this.data.name,
- });
- } else {
- this.swipeMove(0);
- }
- },
- },
});
diff --git a/lib/switch/index.js b/lib/switch/index.js
index 8c98e99d..e032a349 100644
--- a/lib/switch/index.js
+++ b/lib/switch/index.js
@@ -1,42 +1,38 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- field: true,
- classes: ['node-class'],
- props: {
- checked: null,
- loading: Boolean,
- disabled: Boolean,
- activeColor: String,
- inactiveColor: String,
- size: {
- type: String,
- value: '30',
+ field: true,
+ classes: ['node-class'],
+ props: {
+ checked: null,
+ loading: Boolean,
+ disabled: Boolean,
+ activeColor: String,
+ inactiveColor: String,
+ size: {
+ type: String,
+ value: '30',
+ },
+ activeValue: {
+ type: null,
+ value: true,
+ },
+ inactiveValue: {
+ type: null,
+ value: false,
+ },
},
- activeValue: {
- type: null,
- value: true,
+ methods: {
+ onClick: function () {
+ var _a = this.data, activeValue = _a.activeValue, inactiveValue = _a.inactiveValue, disabled = _a.disabled, loading = _a.loading;
+ if (disabled || loading) {
+ return;
+ }
+ var checked = this.data.checked === activeValue;
+ var value = checked ? inactiveValue : activeValue;
+ this.$emit('input', value);
+ this.$emit('change', value);
+ },
},
- inactiveValue: {
- type: null,
- value: false,
- },
- },
- methods: {
- onClick: function () {
- var _a = this.data,
- activeValue = _a.activeValue,
- inactiveValue = _a.inactiveValue,
- disabled = _a.disabled,
- loading = _a.loading;
- if (disabled || loading) {
- return;
- }
- var checked = this.data.checked === activeValue;
- var value = checked ? inactiveValue : activeValue;
- this.$emit('input', value);
- this.$emit('change', value);
- },
- },
});
diff --git a/lib/tab/index.js b/lib/tab/index.js
index f8b22c34..641a2a57 100644
--- a/lib/tab/index.js
+++ b/lib/tab/index.js
@@ -1,58 +1,58 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var relation_1 = require('../common/relation');
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var relation_1 = require("../common/relation");
+var component_1 = require("../common/component");
component_1.VantComponent({
- relation: relation_1.useParent('tabs'),
- props: {
- dot: {
- type: Boolean,
- observer: 'update',
+ relation: relation_1.useParent('tabs'),
+ props: {
+ dot: {
+ type: Boolean,
+ observer: 'update',
+ },
+ info: {
+ type: null,
+ observer: 'update',
+ },
+ title: {
+ type: String,
+ observer: 'update',
+ },
+ disabled: {
+ type: Boolean,
+ observer: 'update',
+ },
+ titleStyle: {
+ type: String,
+ observer: 'update',
+ },
+ name: {
+ type: null,
+ value: '',
+ },
},
- info: {
- type: null,
- observer: 'update',
+ data: {
+ active: false,
},
- title: {
- type: String,
- observer: 'update',
+ methods: {
+ getComputedName: function () {
+ if (this.data.name !== '') {
+ return this.data.name;
+ }
+ return this.index;
+ },
+ updateRender: function (active, parent) {
+ var parentData = parent.data;
+ this.inited = this.inited || active;
+ this.setData({
+ active: active,
+ shouldRender: this.inited || !parentData.lazyRender,
+ shouldShow: active || parentData.animated,
+ });
+ },
+ update: function () {
+ if (this.parent) {
+ this.parent.updateTabs();
+ }
+ },
},
- disabled: {
- type: Boolean,
- observer: 'update',
- },
- titleStyle: {
- type: String,
- observer: 'update',
- },
- name: {
- type: null,
- value: '',
- },
- },
- data: {
- active: false,
- },
- methods: {
- getComputedName: function () {
- if (this.data.name !== '') {
- return this.data.name;
- }
- return this.index;
- },
- updateRender: function (active, parent) {
- var parentData = parent.data;
- this.inited = this.inited || active;
- this.setData({
- active: active,
- shouldRender: this.inited || !parentData.lazyRender,
- shouldShow: active || parentData.animated,
- });
- },
- update: function () {
- if (this.parent) {
- this.parent.updateTabs();
- }
- },
- },
});
diff --git a/lib/tabbar-item/index.js b/lib/tabbar-item/index.js
index 32dcfd6c..d8800b6e 100644
--- a/lib/tabbar-item/index.js
+++ b/lib/tabbar-item/index.js
@@ -1,58 +1,58 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- props: {
- info: null,
- name: null,
- icon: String,
- dot: Boolean,
- iconPrefix: {
- type: String,
- value: 'van-icon',
+ props: {
+ info: null,
+ name: null,
+ icon: String,
+ dot: Boolean,
+ iconPrefix: {
+ type: String,
+ value: 'van-icon',
+ },
},
- },
- relation: relation_1.useParent('tabbar'),
- data: {
- active: false,
- activeColor: '',
- inactiveColor: '',
- },
- methods: {
- onClick: function () {
- var parent = this.parent;
- if (parent) {
- var index = parent.children.indexOf(this);
- var active = this.data.name || index;
- if (active !== this.data.active) {
- parent.$emit('change', active);
- }
- }
- this.$emit('click');
+ relation: relation_1.useParent('tabbar'),
+ data: {
+ active: false,
+ activeColor: '',
+ inactiveColor: '',
},
- updateFromParent: function () {
- var parent = this.parent;
- if (!parent) {
- return;
- }
- var index = parent.children.indexOf(this);
- var parentData = parent.data;
- var data = this.data;
- var active = (data.name || index) === parentData.active;
- var patch = {};
- if (active !== data.active) {
- patch.active = active;
- }
- if (parentData.activeColor !== data.activeColor) {
- patch.activeColor = parentData.activeColor;
- }
- if (parentData.inactiveColor !== data.inactiveColor) {
- patch.inactiveColor = parentData.inactiveColor;
- }
- if (Object.keys(patch).length > 0) {
- this.setData(patch);
- }
+ methods: {
+ onClick: function () {
+ var parent = this.parent;
+ if (parent) {
+ var index = parent.children.indexOf(this);
+ var active = this.data.name || index;
+ if (active !== this.data.active) {
+ parent.$emit('change', active);
+ }
+ }
+ this.$emit('click');
+ },
+ updateFromParent: function () {
+ var parent = this.parent;
+ if (!parent) {
+ return;
+ }
+ var index = parent.children.indexOf(this);
+ var parentData = parent.data;
+ var data = this.data;
+ var active = (data.name || index) === parentData.active;
+ var patch = {};
+ if (active !== data.active) {
+ patch.active = active;
+ }
+ if (parentData.activeColor !== data.activeColor) {
+ patch.activeColor = parentData.activeColor;
+ }
+ if (parentData.inactiveColor !== data.inactiveColor) {
+ patch.inactiveColor = parentData.inactiveColor;
+ }
+ if (Object.keys(patch).length > 0) {
+ this.setData(patch);
+ }
+ },
},
- },
});
diff --git a/lib/tabbar/index.js b/lib/tabbar/index.js
index 0ed7cd88..2b87e3ad 100644
--- a/lib/tabbar/index.js
+++ b/lib/tabbar/index.js
@@ -1,70 +1,68 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var relation_1 = require('../common/relation');
-var utils_1 = require('../common/utils');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var utils_1 = require("../common/utils");
component_1.VantComponent({
- relation: relation_1.useChildren('tabbar-item', function () {
- this.updateChildren();
- }),
- props: {
- active: {
- type: null,
- observer: 'updateChildren',
+ relation: relation_1.useChildren('tabbar-item', function () {
+ this.updateChildren();
+ }),
+ props: {
+ active: {
+ type: null,
+ observer: 'updateChildren',
+ },
+ activeColor: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ inactiveColor: {
+ type: String,
+ observer: 'updateChildren',
+ },
+ fixed: {
+ type: Boolean,
+ value: true,
+ observer: 'setHeight',
+ },
+ placeholder: {
+ type: Boolean,
+ observer: 'setHeight',
+ },
+ border: {
+ type: Boolean,
+ value: true,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ safeAreaInsetBottom: {
+ type: Boolean,
+ value: true,
+ },
},
- activeColor: {
- type: String,
- observer: 'updateChildren',
+ data: {
+ height: 50,
},
- inactiveColor: {
- type: String,
- observer: 'updateChildren',
+ methods: {
+ updateChildren: function () {
+ var children = this.children;
+ if (!Array.isArray(children) || !children.length) {
+ return;
+ }
+ children.forEach(function (child) { return child.updateFromParent(); });
+ },
+ setHeight: function () {
+ var _this = this;
+ if (!this.data.fixed || !this.data.placeholder) {
+ return;
+ }
+ wx.nextTick(function () {
+ utils_1.getRect(_this, '.van-tabbar').then(function (res) {
+ _this.setData({ height: res.height });
+ });
+ });
+ },
},
- fixed: {
- type: Boolean,
- value: true,
- observer: 'setHeight',
- },
- placeholder: {
- type: Boolean,
- observer: 'setHeight',
- },
- border: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- height: 50,
- },
- methods: {
- updateChildren: function () {
- var children = this.children;
- if (!Array.isArray(children) || !children.length) {
- return;
- }
- children.forEach(function (child) {
- return child.updateFromParent();
- });
- },
- setHeight: function () {
- var _this = this;
- if (!this.data.fixed || !this.data.placeholder) {
- return;
- }
- wx.nextTick(function () {
- utils_1.getRect(_this, '.van-tabbar').then(function (res) {
- _this.setData({ height: res.height });
- });
- });
- },
- },
});
diff --git a/lib/tabs/index.js b/lib/tabs/index.js
index a33f4cfe..b98b31f7 100644
--- a/lib/tabs/index.js
+++ b/lib/tabs/index.js
@@ -1,319 +1,283 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var touch_1 = require('../mixins/touch');
-var utils_1 = require('../common/utils');
-var validator_1 = require('../common/validator');
-var relation_1 = require('../common/relation');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var touch_1 = require("../mixins/touch");
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
+var relation_1 = require("../common/relation");
component_1.VantComponent({
- mixins: [touch_1.touch],
- classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
- relation: relation_1.useChildren('tab', function () {
- this.updateTabs();
- }),
- props: {
- sticky: Boolean,
- border: Boolean,
- swipeable: Boolean,
- titleActiveColor: String,
- titleInactiveColor: String,
- color: String,
- animated: {
- type: Boolean,
- observer: function () {
- var _this = this;
- this.children.forEach(function (child, index) {
- return child.updateRender(index === _this.data.currentIndex, _this);
- });
- },
- },
- lineWidth: {
- type: null,
- value: 40,
- observer: 'resize',
- },
- lineHeight: {
- type: null,
- value: -1,
- },
- active: {
- type: null,
- value: 0,
- observer: function (name) {
- if (!this.skipInit) {
- this.skipInit = true;
- }
- if (name !== this.getCurrentName()) {
- this.setCurrentIndexByName(name);
- }
- },
- },
- type: {
- type: String,
- value: 'line',
- },
- ellipsis: {
- type: Boolean,
- value: true,
- },
- duration: {
- type: Number,
- value: 0.3,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- swipeThreshold: {
- type: Number,
- value: 5,
- observer: function (value) {
- this.setData({
- scrollable: this.children.length > value || !this.data.ellipsis,
- });
- },
- },
- offsetTop: {
- type: Number,
- value: 0,
- },
- lazyRender: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- tabs: [],
- scrollLeft: 0,
- scrollable: false,
- currentIndex: 0,
- container: null,
- skipTransition: true,
- scrollWithAnimation: false,
- lineOffsetLeft: 0,
- },
- mounted: function () {
- var _this = this;
- utils_1.requestAnimationFrame(function () {
- _this.setData({
- container: function () {
- return _this.createSelectorQuery().select('.van-tabs');
+ mixins: [touch_1.touch],
+ classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
+ relation: relation_1.useChildren('tab', function () {
+ this.updateTabs();
+ }),
+ props: {
+ sticky: Boolean,
+ border: Boolean,
+ swipeable: Boolean,
+ titleActiveColor: String,
+ titleInactiveColor: String,
+ color: String,
+ animated: {
+ type: Boolean,
+ observer: function () {
+ var _this = this;
+ this.children.forEach(function (child, index) {
+ return child.updateRender(index === _this.data.currentIndex, _this);
+ });
+ },
+ },
+ lineWidth: {
+ type: null,
+ value: 40,
+ observer: 'resize',
+ },
+ lineHeight: {
+ type: null,
+ value: -1,
+ },
+ active: {
+ type: null,
+ value: 0,
+ observer: function (name) {
+ if (!this.skipInit) {
+ this.skipInit = true;
+ }
+ if (name !== this.getCurrentName()) {
+ this.setCurrentIndexByName(name);
+ }
+ },
+ },
+ type: {
+ type: String,
+ value: 'line',
+ },
+ ellipsis: {
+ type: Boolean,
+ value: true,
+ },
+ duration: {
+ type: Number,
+ value: 0.3,
+ },
+ zIndex: {
+ type: Number,
+ value: 1,
+ },
+ swipeThreshold: {
+ type: Number,
+ value: 5,
+ observer: function (value) {
+ this.setData({
+ scrollable: this.children.length > value || !this.data.ellipsis,
+ });
+ },
+ },
+ offsetTop: {
+ type: Number,
+ value: 0,
+ },
+ lazyRender: {
+ type: Boolean,
+ value: true,
},
- });
- if (!_this.skipInit) {
- _this.resize();
- _this.scrollIntoView();
- }
- });
- },
- methods: {
- updateTabs: function () {
- var _a = this,
- _b = _a.children,
- children = _b === void 0 ? [] : _b,
- data = _a.data;
- this.setData({
- tabs: children.map(function (child) {
- return child.data;
- }),
- scrollable:
- this.children.length > data.swipeThreshold || !data.ellipsis,
- });
- this.setCurrentIndexByName(data.active || this.getCurrentName());
},
- trigger: function (eventName, child) {
- var currentIndex = this.data.currentIndex;
- var currentChild = child || this.children[currentIndex];
- if (!validator_1.isDef(currentChild)) {
- return;
- }
- this.$emit(eventName, {
- index: currentChild.index,
- name: currentChild.getComputedName(),
- title: currentChild.data.title,
- });
+ data: {
+ tabs: [],
+ scrollLeft: 0,
+ scrollable: false,
+ currentIndex: 0,
+ container: null,
+ skipTransition: true,
+ scrollWithAnimation: false,
+ lineOffsetLeft: 0,
},
- onTap: function (event) {
- var _this = this;
- var index = event.currentTarget.dataset.index;
- var child = this.children[index];
- if (child.data.disabled) {
- this.trigger('disabled', child);
- } else {
- this.setCurrentIndex(index);
- utils_1.nextTick(function () {
- _this.trigger('click');
+ mounted: function () {
+ var _this = this;
+ utils_1.requestAnimationFrame(function () {
+ _this.setData({
+ container: function () { return _this.createSelectorQuery().select('.van-tabs'); },
+ });
+ if (!_this.skipInit) {
+ _this.resize();
+ _this.scrollIntoView();
+ }
});
- }
},
- // correct the index of active tab
- setCurrentIndexByName: function (name) {
- var _a = this.children,
- children = _a === void 0 ? [] : _a;
- var matched = children.filter(function (child) {
- return child.getComputedName() === name;
- });
- if (matched.length) {
- this.setCurrentIndex(matched[0].index);
- }
+ methods: {
+ updateTabs: function () {
+ var _a = this, _b = _a.children, children = _b === void 0 ? [] : _b, data = _a.data;
+ this.setData({
+ tabs: children.map(function (child) { return child.data; }),
+ scrollable: this.children.length > data.swipeThreshold || !data.ellipsis,
+ });
+ this.setCurrentIndexByName(data.active || this.getCurrentName());
+ },
+ trigger: function (eventName, child) {
+ var currentIndex = this.data.currentIndex;
+ var currentChild = child || this.children[currentIndex];
+ if (!validator_1.isDef(currentChild)) {
+ return;
+ }
+ this.$emit(eventName, {
+ index: currentChild.index,
+ name: currentChild.getComputedName(),
+ title: currentChild.data.title,
+ });
+ },
+ onTap: function (event) {
+ var _this = this;
+ var index = event.currentTarget.dataset.index;
+ var child = this.children[index];
+ if (child.data.disabled) {
+ this.trigger('disabled', child);
+ }
+ else {
+ this.setCurrentIndex(index);
+ utils_1.nextTick(function () {
+ _this.trigger('click');
+ });
+ }
+ },
+ // correct the index of active tab
+ setCurrentIndexByName: function (name) {
+ var _a = this.children, children = _a === void 0 ? [] : _a;
+ var matched = children.filter(function (child) { return child.getComputedName() === name; });
+ if (matched.length) {
+ this.setCurrentIndex(matched[0].index);
+ }
+ },
+ setCurrentIndex: function (currentIndex) {
+ var _this = this;
+ var _a = this, data = _a.data, _b = _a.children, children = _b === void 0 ? [] : _b;
+ if (!validator_1.isDef(currentIndex) ||
+ currentIndex >= children.length ||
+ currentIndex < 0) {
+ return;
+ }
+ utils_1.groupSetData(this, function () {
+ children.forEach(function (item, index) {
+ var active = index === currentIndex;
+ if (active !== item.data.active || !item.inited) {
+ item.updateRender(active, _this);
+ }
+ });
+ });
+ if (currentIndex === data.currentIndex) {
+ return;
+ }
+ var shouldEmitChange = data.currentIndex !== null;
+ this.setData({ currentIndex: currentIndex });
+ utils_1.requestAnimationFrame(function () {
+ _this.resize();
+ _this.scrollIntoView();
+ });
+ utils_1.nextTick(function () {
+ _this.trigger('input');
+ if (shouldEmitChange) {
+ _this.trigger('change');
+ }
+ });
+ },
+ getCurrentName: function () {
+ var activeTab = this.children[this.data.currentIndex];
+ if (activeTab) {
+ return activeTab.getComputedName();
+ }
+ },
+ resize: function () {
+ var _this = this;
+ if (this.data.type !== 'line') {
+ return;
+ }
+ var _a = this.data, currentIndex = _a.currentIndex, ellipsis = _a.ellipsis, skipTransition = _a.skipTransition;
+ Promise.all([
+ utils_1.getAllRect(this, '.van-tab'),
+ utils_1.getRect(this, '.van-tabs__line'),
+ ]).then(function (_a) {
+ var _b = _a[0], rects = _b === void 0 ? [] : _b, lineRect = _a[1];
+ var rect = rects[currentIndex];
+ if (rect == null) {
+ return;
+ }
+ var lineOffsetLeft = rects
+ .slice(0, currentIndex)
+ .reduce(function (prev, curr) { return prev + curr.width; }, 0);
+ lineOffsetLeft +=
+ (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
+ _this.setData({ lineOffsetLeft: lineOffsetLeft });
+ if (skipTransition) {
+ utils_1.nextTick(function () {
+ _this.setData({ skipTransition: false });
+ });
+ }
+ });
+ },
+ // scroll active tab into view
+ scrollIntoView: function () {
+ var _this = this;
+ var _a = this.data, currentIndex = _a.currentIndex, scrollable = _a.scrollable, scrollWithAnimation = _a.scrollWithAnimation;
+ if (!scrollable) {
+ return;
+ }
+ Promise.all([
+ utils_1.getAllRect(this, '.van-tab'),
+ utils_1.getRect(this, '.van-tabs__nav'),
+ ]).then(function (_a) {
+ var tabRects = _a[0], navRect = _a[1];
+ var tabRect = tabRects[currentIndex];
+ var offsetLeft = tabRects
+ .slice(0, currentIndex)
+ .reduce(function (prev, curr) { return prev + curr.width; }, 0);
+ _this.setData({
+ scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
+ });
+ if (!scrollWithAnimation) {
+ utils_1.nextTick(function () {
+ _this.setData({ scrollWithAnimation: true });
+ });
+ }
+ });
+ },
+ onTouchScroll: function (event) {
+ this.$emit('scroll', event.detail);
+ },
+ onTouchStart: function (event) {
+ if (!this.data.swipeable)
+ return;
+ this.touchStart(event);
+ },
+ onTouchMove: function (event) {
+ if (!this.data.swipeable)
+ return;
+ this.touchMove(event);
+ },
+ // watch swipe touch end
+ onTouchEnd: function () {
+ if (!this.data.swipeable)
+ return;
+ var _a = this, direction = _a.direction, deltaX = _a.deltaX, offsetX = _a.offsetX;
+ var minSwipeDistance = 50;
+ if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
+ var index = this.getAvaiableTab(deltaX);
+ if (index !== -1) {
+ this.setCurrentIndex(index);
+ }
+ }
+ },
+ getAvaiableTab: function (direction) {
+ var _a = this.data, tabs = _a.tabs, currentIndex = _a.currentIndex;
+ var step = direction > 0 ? -1 : 1;
+ for (var i = step; currentIndex + i < tabs.length && currentIndex + i >= 0; i += step) {
+ var index = currentIndex + i;
+ if (index >= 0 &&
+ index < tabs.length &&
+ tabs[index] &&
+ !tabs[index].disabled) {
+ return index;
+ }
+ }
+ return -1;
+ },
},
- setCurrentIndex: function (currentIndex) {
- var _this = this;
- var _a = this,
- data = _a.data,
- _b = _a.children,
- children = _b === void 0 ? [] : _b;
- if (
- !validator_1.isDef(currentIndex) ||
- currentIndex >= children.length ||
- currentIndex < 0
- ) {
- return;
- }
- utils_1.groupSetData(this, function () {
- children.forEach(function (item, index) {
- var active = index === currentIndex;
- if (active !== item.data.active || !item.inited) {
- item.updateRender(active, _this);
- }
- });
- });
- if (currentIndex === data.currentIndex) {
- return;
- }
- var shouldEmitChange = data.currentIndex !== null;
- this.setData({ currentIndex: currentIndex });
- utils_1.requestAnimationFrame(function () {
- _this.resize();
- _this.scrollIntoView();
- });
- utils_1.nextTick(function () {
- _this.trigger('input');
- if (shouldEmitChange) {
- _this.trigger('change');
- }
- });
- },
- getCurrentName: function () {
- var activeTab = this.children[this.data.currentIndex];
- if (activeTab) {
- return activeTab.getComputedName();
- }
- },
- resize: function () {
- var _this = this;
- if (this.data.type !== 'line') {
- return;
- }
- var _a = this.data,
- currentIndex = _a.currentIndex,
- ellipsis = _a.ellipsis,
- skipTransition = _a.skipTransition;
- Promise.all([
- utils_1.getAllRect(this, '.van-tab'),
- utils_1.getRect(this, '.van-tabs__line'),
- ]).then(function (_a) {
- var _b = _a[0],
- rects = _b === void 0 ? [] : _b,
- lineRect = _a[1];
- var rect = rects[currentIndex];
- if (rect == null) {
- return;
- }
- var lineOffsetLeft = rects
- .slice(0, currentIndex)
- .reduce(function (prev, curr) {
- return prev + curr.width;
- }, 0);
- lineOffsetLeft +=
- (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
- _this.setData({ lineOffsetLeft: lineOffsetLeft });
- if (skipTransition) {
- utils_1.nextTick(function () {
- _this.setData({ skipTransition: false });
- });
- }
- });
- },
- // scroll active tab into view
- scrollIntoView: function () {
- var _this = this;
- var _a = this.data,
- currentIndex = _a.currentIndex,
- scrollable = _a.scrollable,
- scrollWithAnimation = _a.scrollWithAnimation;
- if (!scrollable) {
- return;
- }
- Promise.all([
- utils_1.getAllRect(this, '.van-tab'),
- utils_1.getRect(this, '.van-tabs__nav'),
- ]).then(function (_a) {
- var tabRects = _a[0],
- navRect = _a[1];
- var tabRect = tabRects[currentIndex];
- var offsetLeft = tabRects
- .slice(0, currentIndex)
- .reduce(function (prev, curr) {
- return prev + curr.width;
- }, 0);
- _this.setData({
- scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
- });
- if (!scrollWithAnimation) {
- utils_1.nextTick(function () {
- _this.setData({ scrollWithAnimation: true });
- });
- }
- });
- },
- onTouchScroll: function (event) {
- this.$emit('scroll', event.detail);
- },
- onTouchStart: function (event) {
- if (!this.data.swipeable) return;
- this.touchStart(event);
- },
- onTouchMove: function (event) {
- if (!this.data.swipeable) return;
- this.touchMove(event);
- },
- // watch swipe touch end
- onTouchEnd: function () {
- if (!this.data.swipeable) return;
- var _a = this,
- direction = _a.direction,
- deltaX = _a.deltaX,
- offsetX = _a.offsetX;
- var minSwipeDistance = 50;
- if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
- var index = this.getAvaiableTab(deltaX);
- if (index !== -1) {
- this.setCurrentIndex(index);
- }
- }
- },
- getAvaiableTab: function (direction) {
- var _a = this.data,
- tabs = _a.tabs,
- currentIndex = _a.currentIndex;
- var step = direction > 0 ? -1 : 1;
- for (
- var i = step;
- currentIndex + i < tabs.length && currentIndex + i >= 0;
- i += step
- ) {
- var index = currentIndex + i;
- if (
- index >= 0 &&
- index < tabs.length &&
- tabs[index] &&
- !tabs[index].disabled
- ) {
- return index;
- }
- }
- return -1;
- },
- },
});
diff --git a/lib/tag/index.js b/lib/tag/index.js
index b51d3fbb..b3d5d44f 100644
--- a/lib/tag/index.js
+++ b/lib/tag/index.js
@@ -1,23 +1,23 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- size: String,
- mark: Boolean,
- color: String,
- plain: Boolean,
- round: Boolean,
- textColor: String,
- type: {
- type: String,
- value: 'default',
+ props: {
+ size: String,
+ mark: Boolean,
+ color: String,
+ plain: Boolean,
+ round: Boolean,
+ textColor: String,
+ type: {
+ type: String,
+ value: 'default',
+ },
+ closeable: Boolean,
},
- closeable: Boolean,
- },
- methods: {
- onClose: function () {
- this.$emit('close');
+ methods: {
+ onClose: function () {
+ this.$emit('close');
+ },
},
- },
});
diff --git a/lib/toast/index.js b/lib/toast/index.js
index da703bb5..56acd368 100644
--- a/lib/toast/index.js
+++ b/lib/toast/index.js
@@ -1,31 +1,31 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- props: {
- show: Boolean,
- mask: Boolean,
- message: String,
- forbidClick: Boolean,
- zIndex: {
- type: Number,
- value: 1000,
+ props: {
+ show: Boolean,
+ mask: Boolean,
+ message: String,
+ forbidClick: Boolean,
+ zIndex: {
+ type: Number,
+ value: 1000,
+ },
+ type: {
+ type: String,
+ value: 'text',
+ },
+ loadingType: {
+ type: String,
+ value: 'circular',
+ },
+ position: {
+ type: String,
+ value: 'middle',
+ },
},
- type: {
- type: String,
- value: 'text',
+ methods: {
+ // for prevent touchmove
+ noop: function () { },
},
- loadingType: {
- type: String,
- value: 'circular',
- },
- position: {
- type: String,
- value: 'middle',
- },
- },
- methods: {
- // for prevent touchmove
- noop: function () {},
- },
});
diff --git a/lib/toast/toast.js b/lib/toast/toast.js
index 20f00f7e..af8eb42c 100644
--- a/lib/toast/toast.js
+++ b/lib/toast/toast.js
@@ -1,92 +1,81 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var validator_1 = require('../common/validator');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var validator_1 = require("../common/validator");
var defaultOptions = {
- type: 'text',
- mask: false,
- message: '',
- show: true,
- zIndex: 1000,
- duration: 2000,
- position: 'middle',
- forbidClick: false,
- loadingType: 'circular',
- selector: '#van-toast',
+ type: 'text',
+ mask: false,
+ message: '',
+ show: true,
+ zIndex: 1000,
+ duration: 2000,
+ position: 'middle',
+ forbidClick: false,
+ loadingType: 'circular',
+ selector: '#van-toast',
};
var queue = [];
var currentOptions = __assign({}, defaultOptions);
function parseOptions(message) {
- return validator_1.isObj(message) ? message : { message: message };
+ return validator_1.isObj(message) ? message : { message: message };
}
function getContext() {
- var pages = getCurrentPages();
- return pages[pages.length - 1];
+ var pages = getCurrentPages();
+ return pages[pages.length - 1];
}
function Toast(toastOptions) {
- var options = __assign(
- __assign({}, currentOptions),
- parseOptions(toastOptions)
- );
- var context = options.context || getContext();
- var toast = context.selectComponent(options.selector);
- if (!toast) {
- console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
- return;
- }
- delete options.context;
- delete options.selector;
- toast.clear = function () {
- toast.setData({ show: false });
- if (options.onClose) {
- options.onClose();
+ var options = __assign(__assign({}, currentOptions), parseOptions(toastOptions));
+ var context = options.context || getContext();
+ var toast = context.selectComponent(options.selector);
+ if (!toast) {
+ console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
+ return;
}
- };
- queue.push(toast);
- toast.setData(options);
- clearTimeout(toast.timer);
- if (options.duration != null && options.duration > 0) {
- toast.timer = setTimeout(function () {
- toast.clear();
- queue = queue.filter(function (item) {
- return item !== toast;
- });
- }, options.duration);
- }
- return toast;
+ delete options.context;
+ delete options.selector;
+ toast.clear = function () {
+ toast.setData({ show: false });
+ if (options.onClose) {
+ options.onClose();
+ }
+ };
+ queue.push(toast);
+ toast.setData(options);
+ clearTimeout(toast.timer);
+ if (options.duration != null && options.duration > 0) {
+ toast.timer = setTimeout(function () {
+ toast.clear();
+ queue = queue.filter(function (item) { return item !== toast; });
+ }, options.duration);
+ }
+ return toast;
}
-var createMethod = function (type) {
- return function (options) {
+var createMethod = function (type) { return function (options) {
return Toast(__assign({ type: type }, parseOptions(options)));
- };
-};
+}; };
Toast.loading = createMethod('loading');
Toast.success = createMethod('success');
Toast.fail = createMethod('fail');
Toast.clear = function () {
- queue.forEach(function (toast) {
- toast.clear();
- });
- queue = [];
+ queue.forEach(function (toast) {
+ toast.clear();
+ });
+ queue = [];
};
Toast.setDefaultOptions = function (options) {
- Object.assign(currentOptions, options);
+ Object.assign(currentOptions, options);
};
Toast.resetDefaultOptions = function () {
- currentOptions = __assign({}, defaultOptions);
+ currentOptions = __assign({}, defaultOptions);
};
exports.default = Toast;
diff --git a/lib/transition/index.js b/lib/transition/index.js
index f3c96e42..6b502fe3 100644
--- a/lib/transition/index.js
+++ b/lib/transition/index.js
@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var transition_1 = require('../mixins/transition');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var transition_1 = require("../mixins/transition");
component_1.VantComponent({
- classes: [
- 'enter-class',
- 'enter-active-class',
- 'enter-to-class',
- 'leave-class',
- 'leave-active-class',
- 'leave-to-class',
- ],
- mixins: [transition_1.transition(true)],
+ classes: [
+ 'enter-class',
+ 'enter-active-class',
+ 'enter-to-class',
+ 'leave-class',
+ 'leave-active-class',
+ 'leave-to-class',
+ ],
+ mixins: [transition_1.transition(true)],
});
diff --git a/lib/tree-select/index.js b/lib/tree-select/index.js
index 9796507e..dbb324c8 100644
--- a/lib/tree-select/index.js
+++ b/lib/tree-select/index.js
@@ -1,73 +1,70 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
component_1.VantComponent({
- classes: [
- 'main-item-class',
- 'content-item-class',
- 'main-active-class',
- 'content-active-class',
- 'main-disabled-class',
- 'content-disabled-class',
- ],
- props: {
- items: {
- type: Array,
- observer: 'updateSubItems',
+ classes: [
+ 'main-item-class',
+ 'content-item-class',
+ 'main-active-class',
+ 'content-active-class',
+ 'main-disabled-class',
+ 'content-disabled-class',
+ ],
+ props: {
+ items: {
+ type: Array,
+ observer: 'updateSubItems',
+ },
+ activeId: null,
+ mainActiveIndex: {
+ type: Number,
+ value: 0,
+ observer: 'updateSubItems',
+ },
+ height: {
+ type: null,
+ value: 300,
+ },
+ max: {
+ type: Number,
+ value: Infinity,
+ },
+ selectedIcon: {
+ type: String,
+ value: 'success',
+ },
},
- activeId: null,
- mainActiveIndex: {
- type: Number,
- value: 0,
- observer: 'updateSubItems',
+ data: {
+ subItems: [],
},
- height: {
- type: null,
- value: 300,
+ methods: {
+ // 当一个子项被选择时
+ onSelectItem: function (event) {
+ var item = event.currentTarget.dataset.item;
+ var isArray = Array.isArray(this.data.activeId);
+ // 判断有没有超出右侧选择的最大数
+ var isOverMax = isArray && this.data.activeId.length >= this.data.max;
+ // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
+ var isSelected = isArray
+ ? this.data.activeId.indexOf(item.id) > -1
+ : this.data.activeId === item.id;
+ if (!item.disabled && (!isOverMax || isSelected)) {
+ this.$emit('click-item', item);
+ }
+ },
+ // 当一个导航被点击时
+ onClickNav: function (event) {
+ var index = event.detail;
+ var item = this.data.items[index];
+ if (!item.disabled) {
+ this.$emit('click-nav', { index: index });
+ }
+ },
+ // 更新子项列表
+ updateSubItems: function () {
+ var _a = this.data, items = _a.items, mainActiveIndex = _a.mainActiveIndex;
+ var _b = (items[mainActiveIndex] || {}).children, children = _b === void 0 ? [] : _b;
+ this.setData({ subItems: children });
+ },
},
- max: {
- type: Number,
- value: Infinity,
- },
- selectedIcon: {
- type: String,
- value: 'success',
- },
- },
- data: {
- subItems: [],
- },
- methods: {
- // 当一个子项被选择时
- onSelectItem: function (event) {
- var item = event.currentTarget.dataset.item;
- var isArray = Array.isArray(this.data.activeId);
- // 判断有没有超出右侧选择的最大数
- var isOverMax = isArray && this.data.activeId.length >= this.data.max;
- // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
- var isSelected = isArray
- ? this.data.activeId.indexOf(item.id) > -1
- : this.data.activeId === item.id;
- if (!item.disabled && (!isOverMax || isSelected)) {
- this.$emit('click-item', item);
- }
- },
- // 当一个导航被点击时
- onClickNav: function (event) {
- var index = event.detail;
- var item = this.data.items[index];
- if (!item.disabled) {
- this.$emit('click-nav', { index: index });
- }
- },
- // 更新子项列表
- updateSubItems: function () {
- var _a = this.data,
- items = _a.items,
- mainActiveIndex = _a.mainActiveIndex;
- var _b = (items[mainActiveIndex] || {}).children,
- children = _b === void 0 ? [] : _b;
- this.setData({ subItems: children });
- },
- },
});
diff --git a/lib/uploader/index.js b/lib/uploader/index.js
index ca3c43ad..f3eab245 100644
--- a/lib/uploader/index.js
+++ b/lib/uploader/index.js
@@ -1,246 +1,170 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
-var component_1 = require('../common/component');
-var utils_1 = require('./utils');
-var shared_1 = require('./shared');
-var validator_1 = require('../common/validator');
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+var utils_1 = require("./utils");
+var shared_1 = require("./shared");
+var validator_1 = require("../common/validator");
component_1.VantComponent({
- props: __assign(
- __assign(
- {
- disabled: Boolean,
- multiple: Boolean,
- uploadText: String,
- useBeforeRead: Boolean,
- afterRead: null,
- beforeRead: null,
- previewSize: {
- type: null,
- value: 80,
- },
- name: {
- type: null,
- value: '',
- },
- accept: {
- type: String,
- value: 'image',
- },
- fileList: {
- type: Array,
- value: [],
- observer: 'formatFileList',
- },
- maxSize: {
- type: Number,
- value: Number.MAX_VALUE,
- },
- maxCount: {
- type: Number,
- value: 100,
- },
- deletable: {
- type: Boolean,
- value: true,
- },
- showUpload: {
- type: Boolean,
- value: true,
- },
- previewImage: {
- type: Boolean,
- value: true,
- },
- previewFullImage: {
- type: Boolean,
- value: true,
- },
- imageFit: {
- type: String,
- value: 'scaleToFill',
- },
- uploadIcon: {
- type: String,
- value: 'photograph',
- },
- },
- shared_1.chooseImageProps
- ),
- shared_1.chooseVideoProps
- ),
- data: {
- lists: [],
- isInCount: true,
- },
- methods: {
- formatFileList: function () {
- var _a = this.data,
- _b = _a.fileList,
- fileList = _b === void 0 ? [] : _b,
- maxCount = _a.maxCount;
- var lists = fileList.map(function (item) {
- return __assign(__assign({}, item), {
- isImage: utils_1.isImageFile(item),
- isVideo: utils_1.isVideoFile(item),
- deletable: validator_1.isBoolean(item.deletable)
- ? item.deletable
- : true,
- });
- });
- this.setData({ lists: lists, isInCount: lists.length < maxCount });
+ props: __assign(__assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
+ type: null,
+ value: 80,
+ }, name: {
+ type: null,
+ value: '',
+ }, accept: {
+ type: String,
+ value: 'image',
+ }, fileList: {
+ type: Array,
+ value: [],
+ observer: 'formatFileList',
+ }, maxSize: {
+ type: Number,
+ value: Number.MAX_VALUE,
+ }, maxCount: {
+ type: Number,
+ value: 100,
+ }, deletable: {
+ type: Boolean,
+ value: true,
+ }, showUpload: {
+ type: Boolean,
+ value: true,
+ }, previewImage: {
+ type: Boolean,
+ value: true,
+ }, previewFullImage: {
+ type: Boolean,
+ value: true,
+ }, imageFit: {
+ type: String,
+ value: 'scaleToFill',
+ }, uploadIcon: {
+ type: String,
+ value: 'photograph',
+ } }, shared_1.chooseImageProps), shared_1.chooseVideoProps),
+ data: {
+ lists: [],
+ isInCount: true,
},
- getDetail: function (index) {
- return {
- name: this.data.name,
- index: index == null ? this.data.fileList.length : index,
- };
- },
- startUpload: function () {
- var _this = this;
- var _a = this.data,
- maxCount = _a.maxCount,
- multiple = _a.multiple,
- lists = _a.lists,
- disabled = _a.disabled;
- if (disabled) return;
- utils_1
- .chooseFile(
- __assign(__assign({}, this.data), {
- maxCount: maxCount - lists.length,
- })
- )
- .then(function (res) {
- _this.onBeforeRead(multiple ? res : res[0]);
- })
- .catch(function (error) {
- _this.$emit('error', error);
- });
- },
- onBeforeRead: function (file) {
- var _this = this;
- var _a = this.data,
- beforeRead = _a.beforeRead,
- useBeforeRead = _a.useBeforeRead;
- var res = true;
- if (typeof beforeRead === 'function') {
- res = beforeRead(file, this.getDetail());
- }
- if (useBeforeRead) {
- res = new Promise(function (resolve, reject) {
- _this.$emit(
- 'before-read',
- __assign(__assign({ file: file }, _this.getDetail()), {
- callback: function (ok) {
- ok ? resolve() : reject();
- },
+ methods: {
+ formatFileList: function () {
+ var _a = this.data, _b = _a.fileList, fileList = _b === void 0 ? [] : _b, maxCount = _a.maxCount;
+ var lists = fileList.map(function (item) { return (__assign(__assign({}, item), { isImage: utils_1.isImageFile(item), isVideo: utils_1.isVideoFile(item), deletable: validator_1.isBoolean(item.deletable) ? item.deletable : true })); });
+ this.setData({ lists: lists, isInCount: lists.length < maxCount });
+ },
+ getDetail: function (index) {
+ return {
+ name: this.data.name,
+ index: index == null ? this.data.fileList.length : index,
+ };
+ },
+ startUpload: function () {
+ var _this = this;
+ var _a = this.data, maxCount = _a.maxCount, multiple = _a.multiple, lists = _a.lists, disabled = _a.disabled;
+ if (disabled)
+ return;
+ utils_1.chooseFile(__assign(__assign({}, this.data), { maxCount: maxCount - lists.length }))
+ .then(function (res) {
+ _this.onBeforeRead(multiple ? res : res[0]);
})
- );
- });
- }
- if (!res) {
- return;
- }
- if (validator_1.isPromise(res)) {
- res.then(function (data) {
- return _this.onAfterRead(data || file);
- });
- } else {
- this.onAfterRead(file);
- }
- },
- onAfterRead: function (file) {
- var _a = this.data,
- maxSize = _a.maxSize,
- afterRead = _a.afterRead;
- var oversize = Array.isArray(file)
- ? file.some(function (item) {
- return item.size > maxSize;
- })
- : file.size > maxSize;
- if (oversize) {
- this.$emit('oversize', __assign({ file: file }, this.getDetail()));
- return;
- }
- if (typeof afterRead === 'function') {
- afterRead(file, this.getDetail());
- }
- this.$emit('after-read', __assign({ file: file }, this.getDetail()));
- },
- deleteItem: function (event) {
- var index = event.currentTarget.dataset.index;
- this.$emit(
- 'delete',
- __assign(__assign({}, this.getDetail(index)), {
- file: this.data.fileList[index],
- })
- );
- },
- onPreviewImage: function (event) {
- if (!this.data.previewFullImage) return;
- var index = event.currentTarget.dataset.index;
- var lists = this.data.lists;
- var item = lists[index];
- wx.previewImage({
- urls: lists
- .filter(function (item) {
- return utils_1.isImageFile(item);
- })
- .map(function (item) {
- return item.url;
- }),
- current: item.url,
- fail: function () {
- wx.showToast({ title: '预览图片失败', icon: 'none' });
+ .catch(function (error) {
+ _this.$emit('error', error);
+ });
},
- });
- },
- onPreviewVideo: function (event) {
- if (!this.data.previewFullImage) return;
- var index = event.currentTarget.dataset.index;
- var lists = this.data.lists;
- wx.previewMedia({
- sources: lists
- .filter(function (item) {
- return utils_1.isVideoFile(item);
- })
- .map(function (item) {
- return __assign(__assign({}, item), { type: 'video' });
- }),
- current: index,
- fail: function () {
- wx.showToast({ title: '预览视频失败', icon: 'none' });
+ onBeforeRead: function (file) {
+ var _this = this;
+ var _a = this.data, beforeRead = _a.beforeRead, useBeforeRead = _a.useBeforeRead;
+ var res = true;
+ if (typeof beforeRead === 'function') {
+ res = beforeRead(file, this.getDetail());
+ }
+ if (useBeforeRead) {
+ res = new Promise(function (resolve, reject) {
+ _this.$emit('before-read', __assign(__assign({ file: file }, _this.getDetail()), { callback: function (ok) {
+ ok ? resolve() : reject();
+ } }));
+ });
+ }
+ if (!res) {
+ return;
+ }
+ if (validator_1.isPromise(res)) {
+ res.then(function (data) { return _this.onAfterRead(data || file); });
+ }
+ else {
+ this.onAfterRead(file);
+ }
+ },
+ onAfterRead: function (file) {
+ var _a = this.data, maxSize = _a.maxSize, afterRead = _a.afterRead;
+ var oversize = Array.isArray(file)
+ ? file.some(function (item) { return item.size > maxSize; })
+ : file.size > maxSize;
+ if (oversize) {
+ this.$emit('oversize', __assign({ file: file }, this.getDetail()));
+ return;
+ }
+ if (typeof afterRead === 'function') {
+ afterRead(file, this.getDetail());
+ }
+ this.$emit('after-read', __assign({ file: file }, this.getDetail()));
+ },
+ deleteItem: function (event) {
+ var index = event.currentTarget.dataset.index;
+ this.$emit('delete', __assign(__assign({}, this.getDetail(index)), { file: this.data.fileList[index] }));
+ },
+ onPreviewImage: function (event) {
+ if (!this.data.previewFullImage)
+ return;
+ var index = event.currentTarget.dataset.index;
+ var lists = this.data.lists;
+ var item = lists[index];
+ wx.previewImage({
+ urls: lists.filter(function (item) { return utils_1.isImageFile(item); }).map(function (item) { return item.url; }),
+ current: item.url,
+ fail: function () {
+ wx.showToast({ title: '预览图片失败', icon: 'none' });
+ },
+ });
+ },
+ onPreviewVideo: function (event) {
+ if (!this.data.previewFullImage)
+ return;
+ var index = event.currentTarget.dataset.index;
+ var lists = this.data.lists;
+ wx.previewMedia({
+ sources: lists
+ .filter(function (item) { return utils_1.isVideoFile(item); })
+ .map(function (item) { return (__assign(__assign({}, item), { type: 'video' })); }),
+ current: index,
+ fail: function () {
+ wx.showToast({ title: '预览视频失败', icon: 'none' });
+ },
+ });
+ },
+ onPreviewFile: function (event) {
+ var index = event.currentTarget.dataset.index;
+ wx.openDocument({
+ filePath: this.data.lists[index].url,
+ showMenu: true,
+ });
+ },
+ onClickPreview: function (event) {
+ var index = event.currentTarget.dataset.index;
+ var item = this.data.lists[index];
+ this.$emit('click-preview', __assign(__assign({}, item), this.getDetail(index)));
},
- });
},
- onPreviewFile: function (event) {
- var index = event.currentTarget.dataset.index;
- wx.openDocument({
- filePath: this.data.lists[index].url,
- showMenu: true,
- });
- },
- onClickPreview: function (event) {
- var index = event.currentTarget.dataset.index;
- var item = this.data.lists[index];
- this.$emit(
- 'click-preview',
- __assign(__assign({}, item), this.getDetail(index))
- );
- },
- },
});
diff --git a/lib/uploader/shared.js b/lib/uploader/shared.js
index 94186186..c5df55ee 100644
--- a/lib/uploader/shared.js
+++ b/lib/uploader/shared.js
@@ -1,33 +1,33 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
exports.chooseVideoProps = exports.chooseImageProps = void 0;
// props for choose image
exports.chooseImageProps = {
- sizeType: {
- type: Array,
- value: ['original', 'compressed'],
- },
- capture: {
- type: Array,
- value: ['album', 'camera'],
- },
+ sizeType: {
+ type: Array,
+ value: ['original', 'compressed'],
+ },
+ capture: {
+ type: Array,
+ value: ['album', 'camera'],
+ },
};
// props for choose video
exports.chooseVideoProps = {
- capture: {
- type: Array,
- value: ['album', 'camera'],
- },
- compressed: {
- type: Boolean,
- value: true,
- },
- maxDuration: {
- type: Number,
- value: 60,
- },
- camera: {
- type: String,
- value: 'back',
- },
+ capture: {
+ type: Array,
+ value: ['album', 'camera'],
+ },
+ compressed: {
+ type: Boolean,
+ value: true,
+ },
+ maxDuration: {
+ type: Number,
+ value: 60,
+ },
+ camera: {
+ type: String,
+ value: 'back',
+ },
};
diff --git a/lib/uploader/utils.js b/lib/uploader/utils.js
index d8eb8522..e584d961 100644
--- a/lib/uploader/utils.js
+++ b/lib/uploader/utils.js
@@ -1,158 +1,102 @@
-'use strict';
-var __assign =
- (this && this.__assign) ||
- function () {
- __assign =
- Object.assign ||
- function (t) {
+"use strict";
+var __assign = (this && this.__assign) || function () {
+ __assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+ s = arguments[i];
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+ t[p] = s[p];
}
return t;
- };
+ };
return __assign.apply(this, arguments);
- };
-Object.defineProperty(exports, '__esModule', { value: true });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
exports.chooseFile = exports.isVideoFile = exports.isImageFile = void 0;
-var utils_1 = require('../common/utils');
-var validator_1 = require('../common/validator');
+var utils_1 = require("../common/utils");
+var validator_1 = require("../common/validator");
function isImageFile(item) {
- if (item.isImage != null) {
- return item.isImage;
- }
- if (item.type) {
- return item.type === 'image';
- }
- if (item.url) {
- return validator_1.isImageUrl(item.url);
- }
- return false;
+ if (item.isImage != null) {
+ return item.isImage;
+ }
+ if (item.type) {
+ return item.type === 'image';
+ }
+ if (item.url) {
+ return validator_1.isImageUrl(item.url);
+ }
+ return false;
}
exports.isImageFile = isImageFile;
function isVideoFile(item) {
- if (item.isVideo != null) {
- return item.isVideo;
- }
- if (item.type) {
- return item.type === 'video';
- }
- if (item.url) {
- return validator_1.isVideoUrl(item.url);
- }
- return false;
+ if (item.isVideo != null) {
+ return item.isVideo;
+ }
+ if (item.type) {
+ return item.type === 'video';
+ }
+ if (item.url) {
+ return validator_1.isVideoUrl(item.url);
+ }
+ return false;
}
exports.isVideoFile = isVideoFile;
function formatImage(res) {
- return res.tempFiles.map(function (item) {
- return __assign(__assign({}, utils_1.pickExclude(item, ['path'])), {
- type: 'image',
- url: item.path,
- thumb: item.path,
- });
- });
+ return res.tempFiles.map(function (item) { return (__assign(__assign({}, utils_1.pickExclude(item, ['path'])), { type: 'image', url: item.path, thumb: item.path })); });
}
function formatVideo(res) {
- return [
- __assign(
- __assign(
- {},
- utils_1.pickExclude(res, [
- 'tempFilePath',
- 'thumbTempFilePath',
- 'errMsg',
- ])
- ),
- { type: 'video', url: res.tempFilePath, thumb: res.thumbTempFilePath }
- ),
- ];
+ return [
+ __assign(__assign({}, utils_1.pickExclude(res, ['tempFilePath', 'thumbTempFilePath', 'errMsg'])), { type: 'video', url: res.tempFilePath, thumb: res.thumbTempFilePath }),
+ ];
}
function formatMedia(res) {
- return res.tempFiles.map(function (item) {
- return __assign(
- __assign(
- {},
- utils_1.pickExclude(item, [
- 'fileType',
- 'thumbTempFilePath',
- 'tempFilePath',
- ])
- ),
- {
- type: res.type,
- url: item.tempFilePath,
- thumb:
- res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath,
- }
- );
- });
+ return res.tempFiles.map(function (item) { return (__assign(__assign({}, utils_1.pickExclude(item, ['fileType', 'thumbTempFilePath', 'tempFilePath'])), { type: res.type, url: item.tempFilePath, thumb: res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath })); });
}
function formatFile(res) {
- return res.tempFiles.map(function (item) {
- return __assign(__assign({}, utils_1.pickExclude(item, ['path'])), {
- url: item.path,
- });
- });
+ return res.tempFiles.map(function (item) { return (__assign(__assign({}, utils_1.pickExclude(item, ['path'])), { url: item.path })); });
}
function chooseFile(_a) {
- var accept = _a.accept,
- multiple = _a.multiple,
- capture = _a.capture,
- compressed = _a.compressed,
- maxDuration = _a.maxDuration,
- sizeType = _a.sizeType,
- camera = _a.camera,
- maxCount = _a.maxCount;
- return new Promise(function (resolve, reject) {
- switch (accept) {
- case 'image':
- wx.chooseImage({
- count: multiple ? Math.min(maxCount, 9) : 1,
- sourceType: capture,
- sizeType: sizeType,
- success: function (res) {
- return resolve(formatImage(res));
- },
- fail: reject,
- });
- break;
- case 'media':
- wx.chooseMedia({
- count: multiple ? Math.min(maxCount, 9) : 1,
- sourceType: capture,
- maxDuration: maxDuration,
- sizeType: sizeType,
- camera: camera,
- success: function (res) {
- return resolve(formatMedia(res));
- },
- fail: reject,
- });
- break;
- case 'video':
- wx.chooseVideo({
- sourceType: capture,
- compressed: compressed,
- maxDuration: maxDuration,
- camera: camera,
- success: function (res) {
- return resolve(formatVideo(res));
- },
- fail: reject,
- });
- break;
- default:
- wx.chooseMessageFile({
- count: multiple ? maxCount : 1,
- type: accept,
- success: function (res) {
- return resolve(formatFile(res));
- },
- fail: reject,
- });
- break;
- }
- });
+ var accept = _a.accept, multiple = _a.multiple, capture = _a.capture, compressed = _a.compressed, maxDuration = _a.maxDuration, sizeType = _a.sizeType, camera = _a.camera, maxCount = _a.maxCount;
+ return new Promise(function (resolve, reject) {
+ switch (accept) {
+ case 'image':
+ wx.chooseImage({
+ count: multiple ? Math.min(maxCount, 9) : 1,
+ sourceType: capture,
+ sizeType: sizeType,
+ success: function (res) { return resolve(formatImage(res)); },
+ fail: reject,
+ });
+ break;
+ case 'media':
+ wx.chooseMedia({
+ count: multiple ? Math.min(maxCount, 9) : 1,
+ sourceType: capture,
+ maxDuration: maxDuration,
+ sizeType: sizeType,
+ camera: camera,
+ success: function (res) { return resolve(formatMedia(res)); },
+ fail: reject,
+ });
+ break;
+ case 'video':
+ wx.chooseVideo({
+ sourceType: capture,
+ compressed: compressed,
+ maxDuration: maxDuration,
+ camera: camera,
+ success: function (res) { return resolve(formatVideo(res)); },
+ fail: reject,
+ });
+ break;
+ default:
+ wx.chooseMessageFile({
+ count: multiple ? maxCount : 1,
+ type: accept,
+ success: function (res) { return resolve(formatFile(res)); },
+ fail: reject,
+ });
+ break;
+ }
+ });
}
exports.chooseFile = chooseFile;