mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
build: compile 1.0.0-beta.0
This commit is contained in:
陈嘉涵
parent
ef330af98c
commit
43a15cab5a
11
dist/action-sheet/index.js
vendored
11
dist/action-sheet/index.js
vendored
@ -21,6 +21,10 @@ VantComponent({
|
||||
closeOnClickOverlay: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
},
|
||||
closeOnClickAction: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@ -29,6 +33,9 @@ VantComponent({
|
||||
const item = this.data.actions[index];
|
||||
if (item && !item.disabled && !item.loading) {
|
||||
this.$emit('select', item);
|
||||
if (this.data.closeOnClickAction) {
|
||||
this.onClose();
|
||||
}
|
||||
}
|
||||
},
|
||||
onCancel() {
|
||||
@ -36,6 +43,10 @@ VantComponent({
|
||||
},
|
||||
onClose() {
|
||||
this.$emit('close');
|
||||
},
|
||||
onClickOverlay() {
|
||||
this.$emit('click-overlay');
|
||||
this.onClose();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
2
dist/action-sheet/index.wxml
vendored
2
dist/action-sheet/index.wxml
vendored
@ -8,7 +8,7 @@
|
||||
custom-class="van-action-sheet"
|
||||
safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
|
||||
close-on-click-overlay="{{ closeOnClickOverlay }}"
|
||||
bind:close="onClose"
|
||||
bind:close="onClickOverlay"
|
||||
>
|
||||
<view wx:if="{{ title }}" class="van-hairline--bottom van-action-sheet__header">
|
||||
{{ title }}
|
||||
|
||||
2
dist/action-sheet/index.wxss
vendored
2
dist/action-sheet/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-action-sheet{max-height:90%!important;color:#333}.van-action-sheet__cancel,.van-action-sheet__item{height:50px;font-size:16px;line-height:50px;text-align:center;background-color:#fff}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5}.van-action-sheet__cancel{height:60px}.van-action-sheet__cancel:before{display:block;height:10px;background-color:#f8f8f8;content:" "}.van-action-sheet__item--disabled{color:#c9c9c9}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:#fff}.van-action-sheet__subname{margin-left:5px;font-size:12px;color:#7d7e80}.van-action-sheet__header{font-size:16px;font-weight:500;line-height:44px;text-align:center}.van-action-sheet__close{position:absolute!important;top:0;right:0;padding:0 15px;font-size:18px!important;line-height:inherit!important;color:#999}
|
||||
@import '../common/index.wxss';.van-action-sheet{max-height:90%!important;color:#333;color:var(--text-color,#333)}.van-action-sheet__cancel,.van-action-sheet__item{height:50px;font-size:16px;line-height:50px;text-align:center;background-color:#fff;background-color:var(--white,#fff)}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-action-sheet__cancel{height:60px}.van-action-sheet__cancel:before{display:block;height:10px;content:" ";background-color:#f8f8f8;background-color:var(--background-color,#f8f8f8)}.van-action-sheet__item--disabled{color:#c9c9c9;color:var(--gray,#c9c9c9)}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:#fff;background-color:var(--white,#fff)}.van-action-sheet__subname{margin-left:5px;font-size:12px;color:#7d7e80;color:var(--gray-darker,#7d7e80)}.van-action-sheet__header{font-weight:500;font-size:16px;line-height:44px;text-align:center}.van-action-sheet__close{position:absolute!important;top:0;right:0;padding:0 15px;font-size:18px!important;line-height:inherit!important;color:#999;color:var(--gray-dark,#999)}
|
||||
10
dist/area/index.js
vendored
10
dist/area/index.js
vendored
@ -2,11 +2,11 @@ import { VantComponent } from '../common/component';
|
||||
import { pickerProps } from '../picker/shared';
|
||||
VantComponent({
|
||||
classes: ['active-class', 'toolbar-class', 'column-class'],
|
||||
props: Object.assign({}, pickerProps, { value: String, areaList: {
|
||||
props: Object.assign(Object.assign({}, pickerProps), { value: String, areaList: {
|
||||
type: Object,
|
||||
value: {}
|
||||
}, columnsNum: {
|
||||
type: [String, Number],
|
||||
type: null,
|
||||
value: 3
|
||||
} }),
|
||||
data: {
|
||||
@ -20,7 +20,7 @@ VantComponent({
|
||||
},
|
||||
areaList: 'setValues',
|
||||
columnsNum(value) {
|
||||
this.set({
|
||||
this.setData({
|
||||
displayColumns: this.data.columns.slice(0, +value)
|
||||
});
|
||||
}
|
||||
@ -151,8 +151,8 @@ VantComponent({
|
||||
}
|
||||
return area;
|
||||
},
|
||||
reset() {
|
||||
this.code = '';
|
||||
reset(code) {
|
||||
this.code = code || '';
|
||||
return this.setValues();
|
||||
}
|
||||
}
|
||||
|
||||
3
dist/badge-group/index.wxml
vendored
3
dist/badge-group/index.wxml
vendored
@ -1,3 +0,0 @@
|
||||
<view class="van-badge-group van-hairline--top-bottom custom-class">
|
||||
<slot />
|
||||
</view>
|
||||
1
dist/badge-group/index.wxss
vendored
1
dist/badge-group/index.wxss
vendored
@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-badge-group{width:85px}
|
||||
17
dist/badge/index.wxml
vendored
17
dist/badge/index.wxml
vendored
@ -1,17 +0,0 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
class="{{ utils.bem('badge', { active }) }} van-hairline custom-class"
|
||||
hover-class="van-badge--hover"
|
||||
hover-stay-time="70"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<view class="van-badge__text">
|
||||
<van-info
|
||||
wx:if="{{ info !== null }}"
|
||||
info="{{ info }}"
|
||||
custom-style="right: 4px"
|
||||
/>
|
||||
{{ title }}
|
||||
</view>
|
||||
</view>
|
||||
1
dist/badge/index.wxss
vendored
1
dist/badge/index.wxss
vendored
@ -1 +0,0 @@
|
||||
@import '../common/index.wxss';.van-badge{display:block;padding:20px 12px 20px 9px;overflow:hidden;font-size:14px;line-height:1.4;color:#7d7e80;word-break:break-all;background-color:#f8f8f8;border-left:3px solid transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none}.van-badge--hover{background-color:#f2f3f5}.van-badge:after{border-bottom-width:1px}.van-badge--active{font-weight:700;color:#333;border-color:#ee0a24}.van-badge--active:after{border-right-width:1px}.van-badge--active,.van-badge--active.van-badge--hover{background-color:#fff}.van-badge__text{position:relative}
|
||||
32
dist/button/index.js
vendored
32
dist/button/index.js
vendored
@ -4,9 +4,11 @@ import { openType } from '../mixins/open-type';
|
||||
VantComponent({
|
||||
mixins: [button, openType],
|
||||
classes: ['hover-class', 'loading-class'],
|
||||
data: {
|
||||
style: ''
|
||||
},
|
||||
props: {
|
||||
icon: String,
|
||||
color: String,
|
||||
plain: Boolean,
|
||||
block: Boolean,
|
||||
round: Boolean,
|
||||
@ -15,6 +17,11 @@ VantComponent({
|
||||
hairline: Boolean,
|
||||
disabled: Boolean,
|
||||
loadingText: String,
|
||||
customStyle: String,
|
||||
loadingType: {
|
||||
type: String,
|
||||
value: 'circular'
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
value: 'default'
|
||||
@ -26,6 +33,29 @@ VantComponent({
|
||||
loadingSize: {
|
||||
type: String,
|
||||
value: '20px'
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
observer(color) {
|
||||
let style = '';
|
||||
if (color) {
|
||||
style += `color: ${this.data.plain ? color : 'white'};`;
|
||||
if (!this.data.plain) {
|
||||
// Use background instead of backgroundColor to make linear-gradient work
|
||||
style += `background: ${color};`;
|
||||
}
|
||||
// hide border when color is linear-gradient
|
||||
if (color.indexOf('gradient') !== -1) {
|
||||
style += 'border: 0;';
|
||||
}
|
||||
else {
|
||||
style += `border-color: ${color};`;
|
||||
}
|
||||
}
|
||||
if (style !== this.data.style) {
|
||||
this.setData({ style });
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
5
dist/button/index.wxml
vendored
5
dist/button/index.wxml
vendored
@ -3,10 +3,10 @@
|
||||
<button
|
||||
id="{{ id }}"
|
||||
class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
|
||||
open-type="{{ openType }}"
|
||||
hover-class="van-button--active hover-class"
|
||||
style="{{ color ? 'border-color: ' + color + ';' + (plain ? 'color: ' + color : 'color: #fff; background-color: ' + color) : '' }}"
|
||||
lang="{{ lang }}"
|
||||
style="{{ style }} {{ customStyle }}"
|
||||
open-type="{{ openType }}"
|
||||
business-id="{{ businessId }}"
|
||||
session-from="{{ sessionFrom }}"
|
||||
send-message-title="{{ sendMessageTitle }}"
|
||||
@ -27,6 +27,7 @@
|
||||
<van-loading
|
||||
custom-class="loading-class"
|
||||
size="{{ loadingSize }}"
|
||||
type="{{ loadingType }}"
|
||||
color="{{ type === 'default' ? '#c9c9c9' : '' }}"
|
||||
/>
|
||||
<view
|
||||
|
||||
2
dist/button/index.wxss
vendored
2
dist/button/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-button{position:relative;display:inline-block;height:44px;padding:0;font-size:16px;line-height:42px;text-align:center;vertical-align:middle;box-sizing:border-box;border-radius:2px;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;content:" ";opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;min-width:60px;padding:0 8px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;font-size:10px;line-height:20px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:block;width:100%}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}.van-button__text{display:inline}.van-button__loading-text{margin-left:5px;display:inline-block;vertical-align:middle}.van-button__icon{min-width:1em;line-height:inherit!important;vertical-align:top}.van-button__icon+.van-button__text:not(:empty){display:inline-block;margin-left:5px;vertical-align:top}.van-button--hairline{border-width:0;padding-top:1px}.van-button--hairline:after{border-width:1px;border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round:after{border-radius:10em}.van-button--hairline.van-button--square:after{border-radius:0}
|
||||
@import '../common/index.wxss';.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;padding:0;font-size:16px;line-height:42px;text-align:center;vertical-align:middle;border-radius:2px;border-radius:var(--button-border-radius,2px);-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border:inherit;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:" ";background-color:#000;background-color:var(--black,#000);border-color:#000;border-color:var(--black,#000)}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{color:#333;color:var(--button-default-color,#333);background-color:#fff;background-color:var(--button-default-background-color,#fff);border:1px solid #eee;border:1px solid var(--button-default-border-color,#eee)}.van-button--primary{color:#fff;color:var(--button-primary-color,#fff);background-color:#07c160;background-color:var(--button-primary-background-color,#07c160);border:1px solid #07c160;border:1px solid var(--button-primary-border-color,#07c160)}.van-button--info{color:#fff;color:var(--button-info-color,#fff);background-color:#1989fa;background-color:var(--button-info-background-color,#1989fa);border:1px solid #1989fa;border:1px solid var(--button-info-border-color,#1989fa)}.van-button--danger{color:#fff;color:var(--button-danger-color,#fff);background-color:#ee0a24;background-color:var(--button-danger-background-color,#ee0a24);border:1px solid #ee0a24;border:1px solid var(--button-danger-border-color,#ee0a24)}.van-button--warning{color:#fff;color:var(--button-warning-color,#fff);background-color:#ff976a;background-color:var(--button-warning-background-color,#ff976a);border:1px solid #ff976a;border:1px solid var(--button-warning-border-color,#ff976a)}.van-button--plain{background-color:#fff;background-color:var(--white,#fff)}.van-button--plain.van-button--primary{color:#07c160;color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:#1989fa;color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:#ee0a24;color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:#ff976a;color:var(--button-warning-background-color,#ff976a)}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{min-width:60px;height:30px;padding:0 8px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;font-size:10px;line-height:20px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:block;width:100%}.van-button--round{border-radius:10em;border-radius:var(--button-round-border-radius,10em)}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}.van-button__text{display:inline}.van-button__loading-text{display:inline-block;margin-left:5px;vertical-align:middle}.van-button__icon{min-width:1em;line-height:inherit!important;vertical-align:top}.van-button__icon+.van-button__text:not(:empty){display:inline-block;margin-left:5px;vertical-align:top}.van-button--hairline{padding-top:1px;border-width:0}.van-button--hairline:after{border-color:inherit;border-width:1px;border-radius:4px;border-radius:calc(var(--button-border-radius, 2px)*2)}.van-button--hairline.van-button--round:after{border-radius:10em;border-radius:var(--button-round-border-radius,10em)}.van-button--hairline.van-button--square:after{border-radius:0}
|
||||
2
dist/card/index.wxss
vendored
2
dist/card/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-card{position:relative;padding:5px 15px;font-size:12px;color:#333;background-color:#fafafa;box-sizing:border-box}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;width:90px;height:90px;margin-right:10px;-webkit-flex:none;flex:none}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%}.van-card__content{position:relative;min-width:0;-webkit-flex:1;flex:1}.van-card__desc,.van-card__title{word-break:break-all}.van-card__title{font-weight:700;line-height:16px}.van-card__desc{color:#7d7e80}.van-card__bottom,.van-card__desc{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24}.van-card__origin-price{display:inline-block;margin-left:5px;font-size:10px;color:#7d7e80;text-decoration:line-through}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{width:100%;text-align:right;-webkit-flex:none;flex:none}
|
||||
@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:5px 15px;font-size:12px;color:#333;color:var(--text-color,#333);background-color:#fafafa;background-color:var(--background-color-light,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:90px;height:90px;margin-right:10px}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%}.van-card__content{position:relative;-webkit-flex:1;flex:1;min-width:0}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px}.van-card__desc{color:#7d7e80;color:var(--gray-darker,#7d7e80)}.van-card__bottom,.van-card__desc{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--red,#ee0a24)}.van-card__origin-price{display:inline-block;margin-left:5px;font-size:10px;text-decoration:line-through;color:#7d7e80;color:var(--gray-darker,#7d7e80)}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
|
||||
2
dist/cell-group/index.wxss
vendored
2
dist/cell-group/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-cell-group__title{font-size:14px;padding:15px 15px 5px;color:#999;line-height:16px}
|
||||
@import '../common/index.wxss';.van-cell-group__title{padding:15px 15px 5px;font-size:14px;line-height:16px;color:#999;color:var(--gray-dark,#999)}
|
||||
2
dist/cell/index.wxss
vendored
2
dist/cell/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-cell{position:relative;display:-webkit-flex;display:flex;width:100%;padding:10px 15px;font-size:14px;line-height:24px;color:#333;background-color:#fff;box-sizing:border-box}.van-cell:after{content:" ";position:absolute;pointer-events:none;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;top:auto;left:15px;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-bottom:1px solid #eee}.van-cell--borderless:after{display:none}.van-cell-group{background-color:#fff}.van-cell__label{margin-top:3px;font-size:12px;line-height:18px;color:#999}.van-cell__value{overflow:hidden;color:#999;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;height:24px;font-size:16px;-webkit-align-items:center;align-items:center}.van-cell__left-icon-wrap{margin-right:5px}.van-cell__right-icon-wrap{margin-left:5px;color:#999}.van-cell__left-icon{line-height:24px;vertical-align:middle}.van-cell__right-icon{line-height:24px}.van-cell--clickable.van-cell--hover{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:7px;font-size:14px;color:#ee0a24;content:"*"}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}
|
||||
@import '../common/index.wxss';.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 15px;font-size:14px;line-height:24px;color:#333;color:var(--text-color,#333);background-color:#fff;background-color:var(--white,#fff)}.van-cell:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:auto;right:0;bottom:0;left:15px;border-bottom:1px solid #eee;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless:after{display:none}.van-cell-group{background-color:#fff;background-color:var(--white,#fff)}.van-cell__label{margin-top:3px;font-size:12px;line-height:18px}.van-cell__label,.van-cell__value{color:#999;color:var(--gray-dark,#999)}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:24px;font-size:16px}.van-cell__left-icon-wrap{margin-right:5px}.van-cell__right-icon-wrap{margin-left:5px;color:#999;color:var(--gray-dark,#999)}.van-cell__left-icon{line-height:24px;vertical-align:middle}.van-cell__right-icon{line-height:24px}.van-cell--clickable.van-cell--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:7px;font-size:14px;content:"*";color:#ee0a24;color:var(--red,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}
|
||||
2
dist/checkbox-group/index.js
vendored
2
dist/checkbox-group/index.js
vendored
@ -30,7 +30,7 @@ VantComponent({
|
||||
},
|
||||
updateChild(child) {
|
||||
const { value, disabled } = this.data;
|
||||
child.set({
|
||||
child.setData({
|
||||
value: value.indexOf(child.data.name) !== -1,
|
||||
disabled: disabled || child.data.disabled
|
||||
});
|
||||
|
||||
15
dist/checkbox/index.js
vendored
15
dist/checkbox/index.js
vendored
@ -1,4 +1,5 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
function emit(target, value) {
|
||||
target.$emit('input', value);
|
||||
target.$emit('change', value);
|
||||
@ -26,8 +27,15 @@ VantComponent({
|
||||
shape: {
|
||||
type: String,
|
||||
value: 'round'
|
||||
},
|
||||
iconSize: {
|
||||
type: null,
|
||||
observer: 'setSizeWithUnit'
|
||||
}
|
||||
},
|
||||
data: {
|
||||
sizeWithUnit: '20px'
|
||||
},
|
||||
methods: {
|
||||
emitChange(value) {
|
||||
if (this.parent) {
|
||||
@ -69,6 +77,11 @@ VantComponent({
|
||||
emit(parent, parentValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
setSizeWithUnit(size) {
|
||||
this.set({
|
||||
sizeWithUnit: addUnit(size)
|
||||
});
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
5
dist/checkbox/index.wxml
vendored
5
dist/checkbox/index.wxml
vendored
@ -6,10 +6,11 @@
|
||||
<van-icon
|
||||
wx:else
|
||||
name="success"
|
||||
size="0.8em"
|
||||
class="{{ utils.bem('checkbox__icon', [shape, { disabled, checked: value }]) }}"
|
||||
style="{{ checkedColor && value && !disabled ? 'border-color:' + checkedColor + '; background-color:' + checkedColor : '' }}"
|
||||
style="font-size: {{ sizeWithUnit }};{{ checkedColor && value && !disabled ? 'border-color:' + checkedColor + '; background-color:' + checkedColor : '' }}"
|
||||
custom-class="icon-class"
|
||||
custom-style="line-height: 20px;"
|
||||
custom-style="line-height: 1.25em;"
|
||||
/>
|
||||
</view>
|
||||
<view class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled }]) }}" bindtap="onClickLabel">
|
||||
|
||||
2
dist/checkbox/index.wxss
vendored
2
dist/checkbox/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-checkbox{display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:block;width:20px;height:20px;font-size:14px;color:transparent;text-align:center;border:1px solid #e5e5e5;box-sizing:border-box;transition:.2s}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{background-color:#eee;border-color:#c9c9c9}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c9c9c9}.van-checkbox__label{margin-left:10px;color:#333;word-break:break-all}.van-checkbox__label--left{float:left;margin:0 10px 0 0}.van-checkbox__label--disabled{color:#c9c9c9}.van-checkbox__label:empty{margin:0}
|
||||
@import '../common/index.wxss';.van-checkbox{display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px;line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:block;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;transition-property:color,border-color,background-color;font-size:20px;font-size:var(--checkbox-size,20px);border:1px solid #e5e5e5;border:1px solid var(--checkbox-border-color,#e5e5e5);transition-duration:.2s;transition-duration:var(--checkbox-transition-duration,.2s)}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--checkbox-checked-icon-color,#1989fa)}.van-checkbox__icon--disabled{background-color:#eee;background-color:var(--checkbox-disabled-background-color,#eee);border-color:#c9c9c9;border-color:var(--checkbox-disabled-icon-color,#c9c9c9)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c9c9c9;color:var(--checkbox-disabled-icon-color,#c9c9c9)}.van-checkbox__label{word-wrap:break-word;margin-left:10px;margin-left:var(--checkbox-label-margin,10px);color:#333;color:var(--checkbox-label-color,#333)}.van-checkbox__label--left{float:left;margin:0 10px 0 0;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:#c9c9c9;color:var(--checkbox-disabled-label-color,#c9c9c9)}.van-checkbox__label:empty{margin:0}
|
||||
158
dist/circle/index.js
vendored
Normal file
158
dist/circle/index.js
vendored
Normal file
@ -0,0 +1,158 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { isObj } from '../common/utils';
|
||||
import { BLUE, WHITE } from '../common/color';
|
||||
function format(rate) {
|
||||
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'
|
||||
},
|
||||
value: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
observer: 'reRender'
|
||||
},
|
||||
speed: {
|
||||
type: Number,
|
||||
value: 50
|
||||
},
|
||||
size: {
|
||||
type: Number,
|
||||
value: 100,
|
||||
observer: 'setStyle'
|
||||
},
|
||||
fill: String,
|
||||
layerColor: {
|
||||
type: String,
|
||||
value: WHITE
|
||||
},
|
||||
color: {
|
||||
type: [String, Object],
|
||||
value: BLUE,
|
||||
observer: 'setHoverColor'
|
||||
},
|
||||
strokeWidth: {
|
||||
type: Number,
|
||||
value: 4
|
||||
},
|
||||
clockwise: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
}
|
||||
},
|
||||
data: {
|
||||
style: 'width: 100px; height: 100px;',
|
||||
hoverColor: BLUE
|
||||
},
|
||||
methods: {
|
||||
getContext() {
|
||||
if (!this.ctx) {
|
||||
this.ctx = wx.createCanvasContext('van-circle', this);
|
||||
}
|
||||
return this.ctx;
|
||||
},
|
||||
setHoverColor() {
|
||||
const context = this.getContext();
|
||||
const { color, size } = this.data;
|
||||
let hoverColor = color;
|
||||
if (isObj(color)) {
|
||||
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]));
|
||||
hoverColor = LinearColor;
|
||||
}
|
||||
this.setData({ hoverColor });
|
||||
},
|
||||
setStyle() {
|
||||
const { size } = this.data;
|
||||
const style = `width: ${size}px; height: ${size}px;`;
|
||||
this.setData({ style });
|
||||
},
|
||||
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, hoverColor } = this.data;
|
||||
// 结束角度
|
||||
const progress = PERIMETER * (formatValue / 100);
|
||||
const endAngle = clockwise
|
||||
? BEGIN_ANGLE + progress
|
||||
: 3 * Math.PI - (BEGIN_ANGLE + progress);
|
||||
this.presetCanvas(context, hoverColor, BEGIN_ANGLE, endAngle);
|
||||
},
|
||||
drawCircle(currentValue) {
|
||||
const context = this.getContext();
|
||||
const { size } = this.data;
|
||||
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.clearInterval();
|
||||
this.currentValue = this.currentValue || 0;
|
||||
this.interval = setInterval(() => {
|
||||
if (this.currentValue !== value) {
|
||||
if (this.currentValue < value) {
|
||||
this.currentValue += STEP;
|
||||
}
|
||||
else {
|
||||
this.currentValue -= STEP;
|
||||
}
|
||||
this.drawCircle(this.currentValue);
|
||||
}
|
||||
else {
|
||||
this.clearInterval();
|
||||
}
|
||||
}, 1000 / speed);
|
||||
},
|
||||
clearInterval() {
|
||||
if (this.interval) {
|
||||
clearInterval(this.interval);
|
||||
this.interval = null;
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const { value } = this.data;
|
||||
this.currentValue = value;
|
||||
this.drawCircle(value);
|
||||
},
|
||||
destroyed() {
|
||||
this.ctx = null;
|
||||
this.clearInterval();
|
||||
}
|
||||
});
|
||||
7
dist/circle/index.wxml
vendored
Normal file
7
dist/circle/index.wxml
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
<view class="van-circle">
|
||||
<canvas class="van-circle__canvas" style="{{ style }}" canvas-id="van-circle"></canvas>
|
||||
<view wx:if="{{ !text }}" class="van-circle__text">
|
||||
<slot></slot>
|
||||
</view>
|
||||
<cover-view wx:else class="van-circle__text">{{ text }}</cover-view>
|
||||
</view>
|
||||
1
dist/circle/index.wxss
vendored
Normal file
1
dist/circle/index.wxss
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';.van-circle{position:relative;display:inline-block;text-align:center}.van-circle__text{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#333;color:var(--circle-text-color,#333)}
|
||||
2
dist/col/index.js
vendored
2
dist/col/index.js
vendored
@ -16,7 +16,7 @@ VantComponent({
|
||||
const padding = `${gutter / 2}px`;
|
||||
const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
|
||||
if (style !== this.data.style) {
|
||||
this.set({ style });
|
||||
this.setData({ style });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
4
dist/collapse-item/index.js
vendored
4
dist/collapse-item/index.js
vendored
@ -39,7 +39,7 @@ VantComponent({
|
||||
if (this.data.expanded) {
|
||||
data.contentHeight = 'auto';
|
||||
}
|
||||
this.set(data);
|
||||
this.setData(data);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
@ -87,7 +87,7 @@ VantComponent({
|
||||
},
|
||||
onTransitionEnd() {
|
||||
if (this.data.expanded) {
|
||||
this.set({
|
||||
this.setData({
|
||||
contentHeight: 'auto'
|
||||
});
|
||||
}
|
||||
|
||||
2
dist/collapse-item/index.wxss
vendored
2
dist/collapse-item/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.3s}.van-collapse-item__title--expanded .van-cell__right-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c9c9c9!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__wrapper--transition{transition:height .3s ease-in-out}.van-collapse-item__content{padding:15px;font-size:13px;line-height:1.5;color:#999;background-color:#fff}
|
||||
@import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transition:-webkit-transform var(--collapse-item-transition-duration,.3s);transition:transform var(--collapse-item-transition-duration,.3s);transition:transform var(--collapse-item-transition-duration,.3s),-webkit-transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c9c9c9!important;color:var(--collapse-item-title-disabled-color,#c9c9c9)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important;background-color:var(--white,#fff)!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__wrapper--transition{transition:height .3s ease-in-out}.van-collapse-item__content{padding:15px;padding:var(--collapse-item-content-padding,15px);color:#999;color:var(--collapse-item-content-text-color,#999);font-size:13px;font-size:var(--collapse-item-content-font-size,13px);line-height:1.5;line-height:var(--collapse-item-content-line-height,1.5);background-color:#fff;background-color:var(--collapse-item-content-background-color,#fff)}
|
||||
4
dist/common/color.d.ts
vendored
4
dist/common/color.d.ts
vendored
@ -1,3 +1,7 @@
|
||||
export declare const RED = "#ee0a24";
|
||||
export declare const BLUE = "#1989fa";
|
||||
export declare const WHITE = "#fff";
|
||||
export declare const GREEN = "#07c160";
|
||||
export declare const ORANGE = "#ff976a";
|
||||
export declare const GRAY = "#323233";
|
||||
export declare const GRAY_DARK = "#969799";
|
||||
|
||||
4
dist/common/color.js
vendored
4
dist/common/color.js
vendored
@ -1,3 +1,7 @@
|
||||
export const RED = '#ee0a24';
|
||||
export const BLUE = '#1989fa';
|
||||
export const WHITE = '#fff';
|
||||
export const GREEN = '#07c160';
|
||||
export const ORANGE = '#ff976a';
|
||||
export const GRAY = '#323233';
|
||||
export const GRAY_DARK = '#969799';
|
||||
|
||||
4
dist/common/component.d.ts
vendored
4
dist/common/component.d.ts
vendored
@ -1,3 +1,3 @@
|
||||
import { VantComponentOptions, CombinedComponentInstance } from 'definitions/index';
|
||||
declare function VantComponent<Data, Props, Methods, Computed>(vantOptions?: VantComponentOptions<Data, Props, Methods, Computed, CombinedComponentInstance<Data, Props, Methods, Computed>>): void;
|
||||
import { VantComponentOptions, CombinedComponentInstance } from '../definitions/index';
|
||||
declare function VantComponent<Data, Props, Methods>(vantOptions?: VantComponentOptions<Data, Props, Methods, CombinedComponentInstance<Data, Props, Methods>>): void;
|
||||
export { VantComponent };
|
||||
|
||||
2
dist/common/index.wxss
vendored
2
dist/common/index.wxss
vendored
@ -1 +1 @@
|
||||
.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{content:"";display:table;clear:both}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{content:" ";position:absolute;pointer-events:none;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;top:-50%;left:-50%;right:-50%;bottom:-50%;-webkit-transform:scale(.5);transform:scale(.5);border:0 solid #eee}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
|
||||
.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{display:table;clear:both;content:""}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #eee;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
|
||||
2
dist/common/style/clearfix.wxss
vendored
2
dist/common/style/clearfix.wxss
vendored
@ -1 +1 @@
|
||||
.van-clearfix:after{content:"";display:table;clear:both}
|
||||
.van-clearfix:after{display:table;clear:both;content:""}
|
||||
2
dist/common/style/ellipsis.wxss
vendored
2
dist/common/style/ellipsis.wxss
vendored
@ -1 +1 @@
|
||||
.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}
|
||||
.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}
|
||||
2
dist/common/style/hairline.wxss
vendored
2
dist/common/style/hairline.wxss
vendored
@ -1 +1 @@
|
||||
.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{content:" ";position:absolute;pointer-events:none;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;top:-50%;left:-50%;right:-50%;bottom:-50%;-webkit-transform:scale(.5);transform:scale(.5);border:0 solid #eee}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
|
||||
.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #eee;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
|
||||
0
dist/common/style/theme.wxss
vendored
Normal file
0
dist/common/style/theme.wxss
vendored
Normal file
3
dist/common/utils.d.ts
vendored
3
dist/common/utils.d.ts
vendored
@ -1,5 +1,8 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
export declare function isDef(value: any): boolean;
|
||||
export declare function isObj(x: any): boolean;
|
||||
export declare function isNumber(value: any): boolean;
|
||||
export declare function range(num: number, min: number, max: number): number;
|
||||
export declare function nextTick(fn: Function): void;
|
||||
export declare function getSystemInfoSync(): WechatMiniprogram.GetSystemInfoSuccessCallbackResult;
|
||||
export declare function addUnit(value?: string | number): string | undefined;
|
||||
|
||||
14
dist/common/utils.js
vendored
14
dist/common/utils.js
vendored
@ -16,3 +16,17 @@ export function nextTick(fn) {
|
||||
fn();
|
||||
}, 1000 / 30);
|
||||
}
|
||||
let systemInfo = null;
|
||||
export function getSystemInfoSync() {
|
||||
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;
|
||||
}
|
||||
|
||||
26
dist/datetime-picker/index.js
vendored
26
dist/datetime-picker/index.js
vendored
@ -33,15 +33,15 @@ function getMonthEndDay(year, month) {
|
||||
const defaultFormatter = (_, value) => value;
|
||||
VantComponent({
|
||||
classes: ['active-class', 'toolbar-class', 'column-class'],
|
||||
props: Object.assign({}, pickerProps, { formatter: {
|
||||
type: Function,
|
||||
value: defaultFormatter
|
||||
}, value: null, type: {
|
||||
props: Object.assign(Object.assign({}, pickerProps), { value: null, filter: null, type: {
|
||||
type: String,
|
||||
value: 'datetime'
|
||||
}, showToolbar: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
}, formatter: {
|
||||
type: null,
|
||||
value: defaultFormatter
|
||||
}, minDate: {
|
||||
type: Number,
|
||||
value: new Date(currentYear - 10, 0, 1).getTime()
|
||||
@ -100,15 +100,25 @@ VantComponent({
|
||||
},
|
||||
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 }) => {
|
||||
const values = times(range[1] - range[0] + 1, index => {
|
||||
let values = times(range[1] - range[0] + 1, index => {
|
||||
let value = range[0] + index;
|
||||
value = type === 'year' ? `${value}` : padZero(value);
|
||||
return formatter(type, value);
|
||||
return value;
|
||||
});
|
||||
return { values };
|
||||
if (filter) {
|
||||
values = filter(type, values);
|
||||
}
|
||||
return { type, values };
|
||||
});
|
||||
return this.set({ columns: results });
|
||||
return results;
|
||||
},
|
||||
getRanges() {
|
||||
const { data } = this;
|
||||
|
||||
10
dist/definitions/index.d.ts
vendored
10
dist/definitions/index.d.ts
vendored
@ -3,20 +3,16 @@ import { Weapp } from './weapp';
|
||||
declare type RecordToAny<T> = {
|
||||
[K in keyof T]: any;
|
||||
};
|
||||
declare type RecordToReturn<T> = {
|
||||
[P in keyof T]: T[P] extends (...args: any[]) => any ? ReturnType<T[P]> : T[P];
|
||||
export declare type CombinedComponentInstance<Data, Props, Methods> = Methods & WechatMiniprogram.Component.TrivialInstance & Weapp.FormField & {
|
||||
data: Data & RecordToAny<Props>;
|
||||
};
|
||||
export declare type CombinedComponentInstance<Data, Props, Methods, Computed> = Methods & WechatMiniprogram.Component.TrivialInstance & Weapp.FormField & {
|
||||
data: Data & RecordToReturn<Computed> & RecordToAny<Props>;
|
||||
};
|
||||
export interface VantComponentOptions<Data, Props, Methods, Computed, Instance> {
|
||||
export interface VantComponentOptions<Data, Props, Methods, Instance> {
|
||||
data?: Data;
|
||||
field?: boolean;
|
||||
classes?: string[];
|
||||
mixins?: string[];
|
||||
props?: Props & Weapp.PropertyOption;
|
||||
watch?: Weapp.WatchOption<Instance>;
|
||||
computed?: Computed & Weapp.ComputedOption<Instance>;
|
||||
relation?: Weapp.RelationOption<Instance> & {
|
||||
name: string;
|
||||
};
|
||||
|
||||
17
dist/definitions/weapp.d.ts
vendored
17
dist/definitions/weapp.d.ts
vendored
@ -1,6 +1,6 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
export declare namespace Weapp {
|
||||
interface FormField {
|
||||
export interface FormField {
|
||||
data: {
|
||||
name: string;
|
||||
value: any;
|
||||
@ -13,7 +13,7 @@ export declare namespace Weapp {
|
||||
[key: string]: any;
|
||||
};
|
||||
}
|
||||
interface Event {
|
||||
export interface Event {
|
||||
/**
|
||||
* 代表事件的类型。
|
||||
*/
|
||||
@ -57,14 +57,14 @@ export declare namespace Weapp {
|
||||
*/
|
||||
clientY: number;
|
||||
}
|
||||
interface TouchEvent extends Event {
|
||||
export interface TouchEvent extends Event {
|
||||
touches: Array<Touch>;
|
||||
changedTouches: Array<Touch>;
|
||||
}
|
||||
/**
|
||||
* relation定义，miniprogram-api-typings缺少this定义
|
||||
*/
|
||||
interface RelationOption<Instance> {
|
||||
export interface RelationOption<Instance> {
|
||||
/** 目标组件的相对关系 */
|
||||
type: 'parent' | 'child' | 'ancestor' | 'descendant';
|
||||
/** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
|
||||
@ -83,20 +83,20 @@ export declare namespace Weapp {
|
||||
/**
|
||||
* watch定义
|
||||
*/
|
||||
interface WatchOption<Instance> {
|
||||
export interface WatchOption<Instance> {
|
||||
[name: string]: string | Observer<Instance, any>;
|
||||
}
|
||||
/**
|
||||
* methods定义，miniprogram-api-typings缺少this定义
|
||||
*/
|
||||
interface MethodOption<Instance> {
|
||||
export interface MethodOption<Instance> {
|
||||
[name: string]: (this: Instance, ...args: any[]) => any;
|
||||
}
|
||||
interface ComputedOption<Instance> {
|
||||
export interface ComputedOption<Instance> {
|
||||
[name: string]: (this: Instance) => any;
|
||||
}
|
||||
type PropertyType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | FunctionConstructor | null;
|
||||
interface PropertyOption {
|
||||
export interface PropertyOption {
|
||||
[name: string]: PropertyType | PropertyType[] | {
|
||||
/** 属性类型 */
|
||||
type: PropertyType | PropertyType[];
|
||||
@ -108,4 +108,5 @@ export declare namespace Weapp {
|
||||
optionalTypes?: PropertyType[];
|
||||
};
|
||||
}
|
||||
export {};
|
||||
}
|
||||
|
||||
4
dist/dialog/dialog.js
vendored
4
dist/dialog/dialog.js
vendored
@ -4,14 +4,14 @@ function getContext() {
|
||||
return pages[pages.length - 1];
|
||||
}
|
||||
const Dialog = options => {
|
||||
options = Object.assign({}, Dialog.currentOptions, options);
|
||||
options = Object.assign(Object.assign({}, Dialog.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.set(Object.assign({ onCancel: reject, onConfirm: resolve }, options));
|
||||
dialog.setData(Object.assign({ onCancel: reject, onConfirm: resolve }, options));
|
||||
queue.push(dialog);
|
||||
}
|
||||
else {
|
||||
|
||||
16
dist/dialog/index.js
vendored
16
dist/dialog/index.js
vendored
@ -1,6 +1,7 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { button } from '../mixins/button';
|
||||
import { openType } from '../mixins/open-type';
|
||||
import { GRAY, BLUE } from '../common/color';
|
||||
VantComponent({
|
||||
mixins: [button, openType],
|
||||
props: {
|
||||
@ -12,6 +13,7 @@ VantComponent({
|
||||
customStyle: String,
|
||||
asyncClose: Boolean,
|
||||
messageAlign: String,
|
||||
useTitleSlot: Boolean,
|
||||
showCancelButton: Boolean,
|
||||
closeOnClickOverlay: Boolean,
|
||||
confirmButtonOpenType: String,
|
||||
@ -27,6 +29,14 @@ VantComponent({
|
||||
type: String,
|
||||
value: '取消'
|
||||
},
|
||||
confirmButtonColor: {
|
||||
type: String,
|
||||
value: BLUE
|
||||
},
|
||||
cancelButtonColor: {
|
||||
type: String,
|
||||
value: GRAY
|
||||
},
|
||||
showConfirmButton: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
@ -63,19 +73,19 @@ VantComponent({
|
||||
},
|
||||
handleAction(action) {
|
||||
if (this.data.asyncClose) {
|
||||
this.set({
|
||||
this.setData({
|
||||
[`loading.${action}`]: true
|
||||
});
|
||||
}
|
||||
this.onClose(action);
|
||||
},
|
||||
close() {
|
||||
this.set({
|
||||
this.setData({
|
||||
show: false
|
||||
});
|
||||
},
|
||||
stopLoading() {
|
||||
this.set({
|
||||
this.setData({
|
||||
loading: {
|
||||
confirm: false,
|
||||
cancel: false
|
||||
|
||||
9
dist/dialog/index.wxml
vendored
9
dist/dialog/index.wxml
vendored
@ -9,10 +9,11 @@
|
||||
bind:close="onClickOverlay"
|
||||
>
|
||||
<view
|
||||
wx:if="{{ title }}"
|
||||
wx:if="{{ title || useTitleSlot }}"
|
||||
class="van-dialog__header {{ message || useSlot ? '' : 'van-dialog--isolated' }}"
|
||||
>
|
||||
{{ title }}
|
||||
<slot wx:if="{{ useTitleSlot }}" name="title" />
|
||||
<block wx:elif="{{ title }}"> {{ title }}</block>
|
||||
</view>
|
||||
|
||||
<slot wx:if="{{ useSlot }}" />
|
||||
@ -20,7 +21,7 @@
|
||||
wx:elif="{{ message }}"
|
||||
class="van-dialog__message {{ title ? 'van-dialog__message--has-title' : '' }} {{ messageAlign ? 'van-dialog__message--' + messageAlign : '' }}"
|
||||
>
|
||||
<text>{{ message }}</text>
|
||||
<text class="van-dialog__message-text">{{ message }}</text>
|
||||
</view>
|
||||
|
||||
<view class="van-hairline--top van-dialog__footer">
|
||||
@ -30,6 +31,7 @@
|
||||
loading="{{ loading.cancel }}"
|
||||
class="van-dialog__button van-hairline--right"
|
||||
custom-class="van-dialog__cancel"
|
||||
custom-style="color: {{ cancelButtonColor }}"
|
||||
bind:click="onCancel"
|
||||
>
|
||||
{{ cancelButtonText }}
|
||||
@ -40,6 +42,7 @@
|
||||
class="van-dialog__button"
|
||||
loading="{{ loading.confirm }}"
|
||||
custom-class="van-dialog__confirm"
|
||||
custom-style="color: {{ confirmButtonColor }}"
|
||||
|
||||
open-type="{{ confirmButtonOpenType }}"
|
||||
lang="{{ lang }}"
|
||||
|
||||
2
dist/dialog/index.wxss
vendored
2
dist/dialog/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-dialog{top:45%!important;width:85%;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px}.van-dialog__header{padding-top:25px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:25px 0}.van-dialog__message{max-height:60vh;padding:25px;overflow-y:auto;font-size:14px;line-height:20px;text-align:center;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:12px;color:#7d7e80}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-flex;display:flex}.van-dialog__button{-webkit-flex:1;flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog__confirm{color:#1989fa!important}.van-dialog-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}
|
||||
@import '../common/index.wxss';.van-dialog{top:45%!important;width:85%;overflow:hidden;font-size:16px;border-radius:4px;background-color:#fff;background-color:var(--white,#fff)}.van-dialog__header{padding-top:25px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:25px 0}.van-dialog__message{max-height:60vh;padding:25px;overflow-y:auto;font-size:14px;line-height:20px;text-align:center;-webkit-overflow-scrolling:touch}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--has-title{padding-top:12px;color:#7d7e80;color:var(--gray-darker,#7d7e80)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-flex;display:flex}.van-dialog__button{-webkit-flex:1;flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
|
||||
33
dist/divider/index.js
vendored
Normal file
33
dist/divider/index.js
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
props: {
|
||||
dashed: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
},
|
||||
hairline: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
},
|
||||
contentPosition: {
|
||||
type: String,
|
||||
value: ''
|
||||
},
|
||||
fontSize: {
|
||||
type: Number,
|
||||
value: ''
|
||||
},
|
||||
borderColor: {
|
||||
type: String,
|
||||
value: ''
|
||||
},
|
||||
textColor: {
|
||||
type: String,
|
||||
value: ''
|
||||
},
|
||||
customStyle: {
|
||||
type: String,
|
||||
value: ''
|
||||
}
|
||||
}
|
||||
});
|
||||
4
dist/divider/index.json
vendored
Normal file
4
dist/divider/index.json
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
8
dist/divider/index.wxml
vendored
Normal file
8
dist/divider/index.wxml
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
class="custom-class {{ utils.bem('divider', [{dashed, hairline}, contentPosition]) }}"
|
||||
style="{{ borderColor ? 'border-color: ' + borderColor + ';' : '' }}{{ textColor ? 'color: ' + textColor : '' }} {{ fontSize ? 'font-size: ' + fontSize + 'px' : '' }} {{ customStyle }}"
|
||||
>
|
||||
<slot />
|
||||
</view>
|
||||
1
dist/divider/index.wxss
vendored
Normal file
1
dist/divider/index.wxss
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';.van-divider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:16px 0;color:#999;font-size:14px;line-height:24px;border:0 solid #eee}.van-divider:after,.van-divider:before{display:block;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:16px}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{margin-left:16px;content:""}.van-divider--left:before,.van-divider--right:after{max-width:10%}
|
||||
55
dist/field/index.js
vendored
55
dist/field/index.js
vendored
@ -1,4 +1,5 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { getSystemInfoSync } from '../common/utils';
|
||||
VantComponent({
|
||||
field: true,
|
||||
classes: ['input-class', 'right-icon-class'],
|
||||
@ -20,12 +21,14 @@ VantComponent({
|
||||
password: Boolean,
|
||||
iconClass: String,
|
||||
clearable: Boolean,
|
||||
clickable: Boolean,
|
||||
inputAlign: String,
|
||||
placeholder: String,
|
||||
customStyle: String,
|
||||
confirmType: String,
|
||||
confirmHold: Boolean,
|
||||
errorMessage: String,
|
||||
placeholder: String,
|
||||
arrowDirection: String,
|
||||
placeholderStyle: String,
|
||||
errorMessageAlign: String,
|
||||
selectionEnd: {
|
||||
@ -66,63 +69,29 @@ VantComponent({
|
||||
}
|
||||
},
|
||||
data: {
|
||||
showClear: false
|
||||
},
|
||||
beforeCreate() {
|
||||
this.focused = false;
|
||||
focused: false,
|
||||
system: getSystemInfoSync().system.split(' ').shift().toLowerCase()
|
||||
},
|
||||
methods: {
|
||||
onInput(event) {
|
||||
const { value = '' } = event.detail || {};
|
||||
this.set({
|
||||
value,
|
||||
showClear: this.getShowClear(value)
|
||||
}, () => {
|
||||
this.setData({ value }, () => {
|
||||
this.emitChange(value);
|
||||
});
|
||||
},
|
||||
onFocus(event) {
|
||||
const { value = '', height = 0 } = event.detail || {};
|
||||
this.$emit('focus', { value, height });
|
||||
this.focused = true;
|
||||
this.blurFromClear = false;
|
||||
this.set({
|
||||
showClear: this.getShowClear()
|
||||
});
|
||||
this.setData({ focused: true });
|
||||
this.$emit('focus', event.detail);
|
||||
},
|
||||
onBlur(event) {
|
||||
const { value = '', cursor = 0 } = event.detail || {};
|
||||
this.$emit('blur', { value, cursor });
|
||||
this.focused = false;
|
||||
const showClear = this.getShowClear();
|
||||
if (this.data.value === value) {
|
||||
this.set({
|
||||
showClear
|
||||
});
|
||||
}
|
||||
else if (!this.blurFromClear) {
|
||||
// fix: the handwritten keyboard does not trigger input change
|
||||
this.set({
|
||||
value,
|
||||
showClear
|
||||
}, () => {
|
||||
this.emitChange(value);
|
||||
});
|
||||
}
|
||||
this.setData({ focused: false });
|
||||
this.$emit('blur', event.detail);
|
||||
},
|
||||
onClickIcon() {
|
||||
this.$emit('click-icon');
|
||||
},
|
||||
getShowClear(value) {
|
||||
value = value === undefined ? this.data.value : value;
|
||||
return (this.data.clearable && this.focused && value && !this.data.readonly);
|
||||
},
|
||||
onClear() {
|
||||
this.blurFromClear = true;
|
||||
this.set({
|
||||
value: '',
|
||||
showClear: this.getShowClear('')
|
||||
}, () => {
|
||||
this.setData({ value: '' }, () => {
|
||||
this.emitChange('');
|
||||
this.$emit('clear', '');
|
||||
});
|
||||
|
||||
20
dist/field/index.wxml
vendored
20
dist/field/index.wxml
vendored
@ -1,28 +1,33 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<van-cell
|
||||
size="{{ size }}"
|
||||
icon="{{ leftIcon }}"
|
||||
title="{{ label }}"
|
||||
center="{{ center }}"
|
||||
border="{{ border }}"
|
||||
is-link="{{ isLink }}"
|
||||
required="{{ required }}"
|
||||
custom-style="{{ customStyle }}"
|
||||
clickable="{{ clickable }}"
|
||||
title-width="{{ titleWidth }}"
|
||||
custom-style="{{ customStyle }}"
|
||||
arrow-direction="{{ arrowDirection }}"
|
||||
custom-class="van-field"
|
||||
size="{{ size }}"
|
||||
>
|
||||
<slot name="left-icon" slot="icon" />
|
||||
<slot name="label" slot="title" />
|
||||
<view class="van-field__body {{ type === 'textarea' ? 'van-field__body--textarea' : '' }}">
|
||||
<view class="{{ utils.bem('field__body', [type, system]) }}">
|
||||
<textarea
|
||||
wx:if="{{ type === 'textarea' }}"
|
||||
class="input-class {{ utils.bem('field__input', [inputAlign, { disabled, error }]) }}"
|
||||
class="input-class {{ utils.bem('field__input', [inputAlign, type, { disabled, error }]) }}"
|
||||
fixed="{{ fixed }}"
|
||||
focus="{{ focus }}"
|
||||
value="{{ value }}"
|
||||
disabled="{{ disabled || readonly }}"
|
||||
maxlength="{{ maxlength }}"
|
||||
placeholder="{{ placeholder }}"
|
||||
placeholder-style="{{ placeholderStyle }}"
|
||||
placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
|
||||
auto-height="{{ autosize }}"
|
||||
cursor-spacing="{{ cursorSpacing }}"
|
||||
adjust-position="{{ adjustPosition }}"
|
||||
@ -34,9 +39,6 @@
|
||||
bind:focus="onFocus"
|
||||
bind:confirm="onConfirm"
|
||||
>
|
||||
<view wx:if="{{ value == null || value.length === 0 }}" style="{{ placeholderStyle }}" class="{{ utils.bem('field__placeholder', { error }) }}">
|
||||
{{ placeholder }}
|
||||
</view>
|
||||
</textarea>
|
||||
<input
|
||||
wx:else
|
||||
@ -48,7 +50,7 @@
|
||||
maxlength="{{ maxlength }}"
|
||||
placeholder="{{ placeholder }}"
|
||||
placeholder-style="{{ placeholderStyle }}"
|
||||
placeholder-class="{{ error ? 'van-field__placeholder--error' : 'van-field__placeholder' }}"
|
||||
placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
|
||||
confirm-type="{{ confirmType }}"
|
||||
confirm-hold="{{ confirmHold }}"
|
||||
cursor-spacing="{{ cursorSpacing }}"
|
||||
@ -62,7 +64,7 @@
|
||||
bind:confirm="onConfirm"
|
||||
/>
|
||||
<van-icon
|
||||
wx:if="{{ showClear }}"
|
||||
wx:if="{{ clearable && focused && value && !readonly }}"
|
||||
size="16px"
|
||||
name="clear"
|
||||
class="van-field__clear-root van-field__icon-root"
|
||||
|
||||
2
dist/field/index.wxss
vendored
2
dist/field/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-field__body{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-field__body--textarea{min-height:24px}.van-field__input{position:relative;display:block;width:100%;height:24px;min-height:24px;padding:0;margin:0;line-height:inherit;color:#333;text-align:left;background-color:initial;border:0;box-sizing:border-box;resize:none}.van-field__input--error{color:#ee0a24}.van-field__input--disabled{color:#999;background-color:initial;opacity:1}.van-field__input--center{text-align:center}.van-field__input--right{text-align:right}.van-field__placeholder{position:absolute;top:0;right:0;left:0;color:#999;pointer-events:none}.van-field__placeholder--error{color:#ee0a24}.van-field__icon-root{display:-webkit-flex;display:flex;min-height:24px;-webkit-align-items:center;align-items:center}.van-field__clear-root,.van-field__icon-container{padding:0 10px;margin-right:-10px;line-height:inherit;vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear-root{color:#c9c9c9}.van-field__icon-container{color:#999}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:10px}.van-field__button:empty{display:none}.van-field__error-message{font-size:12px;color:#ee0a24;text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}
|
||||
@import '../common/index.wxss';.van-field__body{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-field__body--textarea{min-height:24px;line-height:1.2em}.van-field__body--textarea.van-field__body--ios{margin-top:-4.5px}.van-field__input{position:relative;display:block;box-sizing:border-box;width:100%;height:24px;min-height:24px;margin:0;padding:0;line-height:inherit;text-align:left;background-color:initial;border:0;resize:none;color:#333;color:var(--text-color,#333)}.van-field__input--textarea{height:18px;min-height:18px}.van-field__input--error{color:#ee0a24;color:var(--red,#ee0a24)}.van-field__input--disabled{background-color:initial;opacity:1;color:#999;color:var(--gray-dark,#999)}.van-field__input--center{text-align:center}.van-field__input--right{text-align:right}.van-field__placeholder{position:absolute;top:0;right:0;left:0;pointer-events:none;color:#999;color:var(--gray-dark,#999)}.van-field__placeholder--error{color:#ee0a24;color:var(--red,#ee0a24)}.van-field__icon-root{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:24px}.van-field__clear-root,.van-field__icon-container{margin-right:-10px;padding:0 10px;line-height:inherit;vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear-root{color:#c9c9c9;color:var(--gray,#c9c9c9)}.van-field__icon-container{color:#999;color:var(--gray-dark,#999)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:10px}.van-field__button:empty{display:none}.van-field__error-message{font-size:12px;text-align:left;color:#ee0a24;color:var(--red,#ee0a24)}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}
|
||||
1
dist/goods-action-button/index.js
vendored
1
dist/goods-action-button/index.js
vendored
@ -6,6 +6,7 @@ VantComponent({
|
||||
mixins: [link, button, openType],
|
||||
props: {
|
||||
text: String,
|
||||
color: String,
|
||||
loading: Boolean,
|
||||
disabled: Boolean,
|
||||
type: {
|
||||
|
||||
1
dist/goods-action-button/index.wxml
vendored
1
dist/goods-action-button/index.wxml
vendored
@ -4,6 +4,7 @@
|
||||
size="large"
|
||||
lang="{{ lang }}"
|
||||
type="{{ type }}"
|
||||
color="{{ color }}"
|
||||
loading="{{ loading }}"
|
||||
disabled="{{ disabled }}"
|
||||
open-type="{{ openType }}"
|
||||
|
||||
2
dist/goods-action-icon/index.wxml
vendored
2
dist/goods-action-icon/index.wxml
vendored
@ -24,12 +24,14 @@
|
||||
>
|
||||
<view class="van-goods-action-icon__content van-hairline--right">
|
||||
<van-icon
|
||||
wx:if="{{ icon }}"
|
||||
size="20px"
|
||||
name="{{ icon }}"
|
||||
info="{{ info }}"
|
||||
class="van-goods-action-icon__icon"
|
||||
custom-class="icon-class"
|
||||
/>
|
||||
<slot name="icon" />
|
||||
<text class="text-class">{{ text }}</text>
|
||||
</view>
|
||||
</van-button>
|
||||
|
||||
2
dist/goods-action-icon/index.wxss
vendored
2
dist/goods-action-icon/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-goods-action-icon{width:50px!important;border:none!important}.van-goods-action-icon__content{display:-webkit-flex;display:flex;height:100%;font-size:10px;line-height:1;color:#7d7e80;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.van-goods-action-icon__icon{margin-bottom:4px}
|
||||
@import '../common/index.wxss';.van-goods-action-icon{width:50px!important;border:none!important}.van-goods-action-icon__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:100%;font-size:10px;line-height:1;color:#7d7e80;color:var(--gray-darker,#7d7e80)}.van-goods-action-icon__icon{margin-bottom:4px}
|
||||
2
dist/goods-action/index.wxss
vendored
2
dist/goods-action/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;background-color:#fff}.van-goods-action--safe{padding-bottom:34px}
|
||||
@import '../common/index.wxss';.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;background-color:#fff;background-color:var(--white,#fff)}.van-goods-action--safe{padding-bottom:34px;padding-bottom:var(--safe-area-inset-bottom,34px)}
|
||||
1
dist/grid-item/index.d.ts
vendored
Normal file
1
dist/grid-item/index.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
||||
export {};
|
||||
54
dist/grid-item/index.js
vendored
Normal file
54
dist/grid-item/index.js
vendored
Normal file
@ -0,0 +1,54 @@
|
||||
import { link } from '../mixins/link';
|
||||
import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
relation: {
|
||||
name: 'grid',
|
||||
type: 'ancestor',
|
||||
linked(parent) {
|
||||
this.parent = parent;
|
||||
}
|
||||
},
|
||||
mixins: [link],
|
||||
props: {
|
||||
icon: String,
|
||||
text: String,
|
||||
useSlot: Boolean
|
||||
},
|
||||
mounted() {
|
||||
this.updateStyle();
|
||||
},
|
||||
methods: {
|
||||
updateStyle() {
|
||||
if (!this.parent) {
|
||||
return;
|
||||
}
|
||||
const { data, children } = this.parent;
|
||||
const { columnNum, border, square, gutter, clickable, center } = data;
|
||||
const width = `${100 / columnNum}%`;
|
||||
const styleWrapper = [];
|
||||
styleWrapper.push(`width: ${width}`);
|
||||
if (square) {
|
||||
styleWrapper.push(`padding-top: ${width}`);
|
||||
}
|
||||
if (gutter) {
|
||||
styleWrapper.push(`padding-right: ${gutter}px`);
|
||||
const index = children.indexOf(this);
|
||||
if (index >= columnNum) {
|
||||
styleWrapper.push(`margin-top: ${gutter}px`);
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
style: styleWrapper.join('; '),
|
||||
center,
|
||||
border,
|
||||
square,
|
||||
gutter,
|
||||
clickable
|
||||
});
|
||||
},
|
||||
onClick() {
|
||||
this.$emit('click');
|
||||
this.jumpLink();
|
||||
}
|
||||
}
|
||||
});
|
||||
6
dist/grid-item/index.json
vendored
Normal file
6
dist/grid-item/index.json
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index"
|
||||
}
|
||||
}
|
||||
19
dist/grid-item/index.wxml
vendored
Normal file
19
dist/grid-item/index.wxml
vendored
Normal file
@ -0,0 +1,19 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view class="{{ utils.bem('grid-item', { square }) }}" style="{{ style }}" bindtap="onClick">
|
||||
<view class="{{ utils.bem('grid-item__content', { center, square, clickable, surround: border && gutter }) }} {{ border ? 'van-hairline--surround' : '' }}">
|
||||
<block wx:if="{{ useSlot }}">
|
||||
<slot />
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="van-grid-item__icon">
|
||||
<van-icon wx:if="{{ icon }}" name="{{ icon }}" />
|
||||
<slot wx:else name="icon"></slot>
|
||||
</view>
|
||||
<view class="van-grid-item__text">
|
||||
<text wx:if="{{ text }}">{{ text }}</text>
|
||||
<slot wx:else name="text"></slot>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
1
dist/grid-item/index.wxss
vendored
Normal file
1
dist/grid-item/index.wxss
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';.van-grid-item{position:relative;float:left;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;padding:var(--grid-item-content-padding,16px 8px);background-color:#fff;background-color:var(--grid-item-content-background-color,#fff)}.van-grid-item__content:after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--surround:after{border-width:1px}.van-grid-item__content--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{font-size:26px;font-size:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#7d7e80;color:var(--grid-item-text-color,#7d7e80);font-size:12px;font-size:var(--grid-item-text-font-size,12px)}
|
||||
1
dist/grid/index.d.ts
vendored
Normal file
1
dist/grid/index.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
||||
export {};
|
||||
61
dist/grid/index.js
vendored
Normal file
61
dist/grid/index.js
vendored
Normal file
@ -0,0 +1,61 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
relation: {
|
||||
name: 'grid-item',
|
||||
type: 'descendant',
|
||||
linked(child) {
|
||||
this.children.push(child);
|
||||
},
|
||||
unlinked(child) {
|
||||
this.children = this.children.filter((item) => item !== child);
|
||||
}
|
||||
},
|
||||
props: {
|
||||
square: {
|
||||
type: Boolean,
|
||||
observer: 'updateChildren'
|
||||
},
|
||||
gutter: {
|
||||
type: [Number, String],
|
||||
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'
|
||||
}
|
||||
},
|
||||
beforeCreate() {
|
||||
this.children = [];
|
||||
},
|
||||
created() {
|
||||
const { gutter } = this.data;
|
||||
if (gutter) {
|
||||
this.setData({
|
||||
style: `padding-left: ${gutter}px`
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateChildren() {
|
||||
this.children.forEach((child) => {
|
||||
child.updateStyle();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
3
dist/grid/index.wxml
vendored
Normal file
3
dist/grid/index.wxml
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
<view class="van-grid {{ border && !gutter ? 'van-hairline--top' : '' }}" style="{{ style }}">
|
||||
<slot />
|
||||
</view>
|
||||
1
dist/grid/index.wxss
vendored
Normal file
1
dist/grid/index.wxss
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';.van-grid{position:relative;box-sizing:border-box;overflow:hidden}
|
||||
24
dist/icon/index.js
vendored
24
dist/icon/index.js
vendored
@ -1,19 +1,39 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
VantComponent({
|
||||
props: {
|
||||
dot: Boolean,
|
||||
info: null,
|
||||
name: String,
|
||||
size: String,
|
||||
size: {
|
||||
type: null,
|
||||
observer: 'setSizeWithUnit'
|
||||
},
|
||||
color: String,
|
||||
customStyle: String,
|
||||
classPrefix: {
|
||||
type: String,
|
||||
value: 'van-icon'
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
observer(val) {
|
||||
this.setData({
|
||||
isImageName: val.indexOf('/') !== -1
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
data: {
|
||||
sizeWithUnit: null,
|
||||
},
|
||||
methods: {
|
||||
onClick() {
|
||||
this.$emit('click');
|
||||
},
|
||||
setSizeWithUnit(size) {
|
||||
this.setData({
|
||||
sizeWithUnit: addUnit(size)
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
11
dist/icon/index.wxml
vendored
11
dist/icon/index.wxml
vendored
@ -1,17 +1,16 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
class="custom-class {{ classPrefix }} {{ utils.isSrc(name) ? 'van-icon--image' : classPrefix + '-' + name }}"
|
||||
style="{{ color ? 'color: ' + color + ';' : '' }}{{ size ? 'font-size: ' + size + ';' : '' }}{{ customStyle }}"
|
||||
class="custom-class {{ classPrefix }} {{ isImageName ? 'van-icon--image' : classPrefix + '-' + name }}"
|
||||
style="{{ color ? 'color: ' + color + ';' : '' }}{{ size ? 'font-size: ' + sizeWithUnit + ';' : '' }}{{ customStyle }}"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<van-info
|
||||
wx:if="{{ info !== null }}"
|
||||
wx:if="{{ info !== null || dot }}"
|
||||
dot="{{ dot }}"
|
||||
info="{{ info }}"
|
||||
custom-class="van-icon__info"
|
||||
/>
|
||||
<image
|
||||
wx:if="{{ utils.isSrc(name) }}"
|
||||
wx:if="{{ isImageName }}"
|
||||
src="{{ name }}"
|
||||
mode="aspectFit"
|
||||
class="van-icon__image"
|
||||
|
||||
2
dist/icon/index.wxss
vendored
2
dist/icon/index.wxss
vendored
File diff suppressed because one or more lines are too long
1
dist/info/index.js
vendored
1
dist/info/index.js
vendored
@ -1,6 +1,7 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
props: {
|
||||
dot: Boolean,
|
||||
info: null,
|
||||
customStyle: String
|
||||
}
|
||||
|
||||
8
dist/info/index.wxml
vendored
8
dist/info/index.wxml
vendored
@ -1,5 +1,7 @@
|
||||
<wxs src="../wxs/utils.wxs" module="utils" />
|
||||
|
||||
<view
|
||||
wx:if="{{ info !== null && info !== '' }}"
|
||||
class="custom-class van-info"
|
||||
wx:if="{{ info !== null && info !== '' || dot }}"
|
||||
class="custom-class van-info {{ utils.bem('info', { dot }) }}"
|
||||
style="{{ customStyle }}"
|
||||
>{{ info }}</view>
|
||||
>{{ dot ? '' : info }}</view>
|
||||
|
||||
2
dist/info/index.wxss
vendored
2
dist/info/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-info{position:absolute;top:-8px;right:0;min-width:16px;padding:0 3px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;line-height:14px;color:#fff;text-align:center;white-space:nowrap;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translateX(50%);transform:translateX(50%);box-sizing:border-box;-webkit-transform-origin:100%;transform-origin:100%}
|
||||
@import '../common/index.wxss';.van-info{position:absolute;right:0;box-sizing:border-box;white-space:nowrap;text-align:center;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform-origin:100%;transform-origin:100%;top:-8px;top:calc(var(--info-size, 16px)/-2);min-width:16px;min-width:var(--info-size,16px);padding:0 3px;padding:var(--info-padding,0 3px);color:#fff;color:var(--info-color,#fff);font-weight:500;font-weight:var(--info-font-weight,500);font-size:12px;font-size:var(--info-font-size,12px);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--info-font-family,PingFang SC,Helvetica Neue,Arial,sans-serif);line-height:14px;line-height:calc(var(--info-size, 16px) - var(--info-border-width, 1px)*2);background-color:#ee0a24;background-color:var(--info-background-color,#ee0a24);border:1px solid #fff;border:var(--info-border-width,1px) solid var(--white,#fff);border-radius:16px;border-radius:var(--info-size,16px)}.van-info--dot{min-width:0;border-radius:100%;width:8px;width:var(--info-dot-size,8px);height:8px;height:var(--info-dot-size,8px);background-color:#ee0a24;background-color:var(--info-dot-color,#ee0a24)}
|
||||
13
dist/loading/index.js
vendored
13
dist/loading/index.js
vendored
@ -1,9 +1,10 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { addUnit } from '../common/utils';
|
||||
VantComponent({
|
||||
props: {
|
||||
size: {
|
||||
type: String,
|
||||
value: '30px'
|
||||
observer: 'setSizeWithUnit'
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
@ -13,5 +14,15 @@ VantComponent({
|
||||
type: String,
|
||||
value: '#c9c9c9'
|
||||
}
|
||||
},
|
||||
data: {
|
||||
sizeWithUnit: '30px'
|
||||
},
|
||||
methods: {
|
||||
setSizeWithUnit(size) {
|
||||
this.setData({
|
||||
sizeWithUnit: addUnit(size)
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
2
dist/loading/index.wxml
vendored
2
dist/loading/index.wxml
vendored
@ -1,6 +1,6 @@
|
||||
<view
|
||||
class="van-loading custom-class"
|
||||
style="width: {{ size }}; height: {{ size }}"
|
||||
style="width: {{ sizeWithUnit }}; height: {{ sizeWithUnit }}"
|
||||
>
|
||||
<view
|
||||
class="van-loading__spinner van-loading__spinner--{{ type }}"
|
||||
|
||||
2
dist/loading/index.wxss
vendored
2
dist/loading/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-loading{z-index:0;line-height:0;vertical-align:middle}.van-loading,.van-loading__spinner{position:relative;display:inline-block}.van-loading__spinner{z-index:-1;width:100%;height:100%;box-sizing:border-box;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--circular{border-radius:100%;border:1px solid transparent;border-top-color:initial}.van-loading__dot{top:0;left:0;width:100%;height:100%;position:absolute}.van-loading__dot:before{width:2px;height:25%;content:" ";display:block;margin:0 auto;border-radius:40%;background-color:currentColor}.van-loading__dot:first-of-type{opacity:1;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.van-loading__dot:nth-of-type(2){opacity:.9375;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.van-loading__dot:nth-of-type(3){opacity:.875;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-loading__dot:nth-of-type(4){opacity:.8125;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.van-loading__dot:nth-of-type(5){opacity:.75;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.van-loading__dot:nth-of-type(6){opacity:.6875;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-loading__dot:nth-of-type(7){opacity:.625;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.van-loading__dot:nth-of-type(8){opacity:.5625;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.van-loading__dot:nth-of-type(9){opacity:.5;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.van-loading__dot:nth-of-type(10){opacity:.4375;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.van-loading__dot:nth-of-type(11){opacity:.375;-webkit-transform:rotate(330deg);transform:rotate(330deg)}.van-loading__dot:nth-of-type(12){opacity:.3125;-webkit-transform:rotate(1turn);transform:rotate(1turn)}@-webkit-keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
|
||||
@import '../common/index.wxss';.van-loading{z-index:0;line-height:0;vertical-align:middle}.van-loading,.van-loading__spinner{position:relative;display:inline-block}.van-loading__spinner{z-index:-1;box-sizing:border-box;width:100%;height:100%;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-top-color:initial;border-radius:100%}.van-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__dot:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__dot:first-of-type{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__dot:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__dot:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__dot:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__dot:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__dot:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__dot:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__dot:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__dot:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__dot:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__dot:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__dot:nth-of-type(12){-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:.3125}@-webkit-keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
|
||||
47
dist/mixins/observer/behavior.js
vendored
47
dist/mixins/observer/behavior.js
vendored
@ -1,46 +1,13 @@
|
||||
function setAsync(context, data) {
|
||||
return new Promise(resolve => {
|
||||
context.setData(data, resolve);
|
||||
});
|
||||
}
|
||||
export const behavior = Behavior({
|
||||
created() {
|
||||
if (!this.$options) {
|
||||
return;
|
||||
}
|
||||
const cache = {};
|
||||
const { computed } = this.$options();
|
||||
const keys = Object.keys(computed);
|
||||
this.calcComputed = () => {
|
||||
const needUpdate = {};
|
||||
keys.forEach(key => {
|
||||
const value = computed[key].call(this);
|
||||
if (cache[key] !== value) {
|
||||
cache[key] = value;
|
||||
needUpdate[key] = value;
|
||||
}
|
||||
});
|
||||
return needUpdate;
|
||||
};
|
||||
},
|
||||
attached() {
|
||||
this.set();
|
||||
},
|
||||
methods: {
|
||||
// set data and set computed data
|
||||
set(data, callback) {
|
||||
const stack = [];
|
||||
if (data) {
|
||||
stack.push(setAsync(this, data));
|
||||
}
|
||||
if (this.calcComputed) {
|
||||
stack.push(setAsync(this, this.calcComputed()));
|
||||
}
|
||||
return Promise.all(stack).then(res => {
|
||||
if (callback && typeof callback === 'function') {
|
||||
callback.call(this);
|
||||
}
|
||||
return res;
|
||||
return new Promise(resolve => {
|
||||
this.setData(data, () => {
|
||||
if (callback && typeof callback === 'function') {
|
||||
callback.call(this);
|
||||
}
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
10
dist/mixins/observer/index.js
vendored
10
dist/mixins/observer/index.js
vendored
@ -1,7 +1,6 @@
|
||||
import { behavior } from './behavior';
|
||||
import { observeProps } from './props';
|
||||
export function observe(vantOptions, options) {
|
||||
const { watch, computed } = vantOptions;
|
||||
const { watch } = vantOptions;
|
||||
options.behaviors.push(behavior);
|
||||
if (watch) {
|
||||
const props = options.properties || {};
|
||||
@ -17,11 +16,4 @@ export function observe(vantOptions, options) {
|
||||
});
|
||||
options.properties = props;
|
||||
}
|
||||
if (computed) {
|
||||
options.methods = options.methods || {};
|
||||
options.methods.$options = () => vantOptions;
|
||||
if (options.properties) {
|
||||
observeProps(options.properties);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
1
dist/mixins/observer/props.d.ts
vendored
1
dist/mixins/observer/props.d.ts
vendored
@ -1 +0,0 @@
|
||||
export declare function observeProps(props: any): void;
|
||||
22
dist/mixins/observer/props.js
vendored
22
dist/mixins/observer/props.js
vendored
@ -1,22 +0,0 @@
|
||||
export function observeProps(props) {
|
||||
if (!props) {
|
||||
return;
|
||||
}
|
||||
Object.keys(props).forEach(key => {
|
||||
let prop = props[key];
|
||||
if (prop === null || !('type' in prop)) {
|
||||
prop = { type: prop };
|
||||
}
|
||||
let { observer } = prop;
|
||||
prop.observer = function (...args) {
|
||||
if (observer) {
|
||||
if (typeof observer === 'string') {
|
||||
observer = this[observer];
|
||||
}
|
||||
observer.apply(this, args);
|
||||
}
|
||||
this.set();
|
||||
};
|
||||
props[key] = prop;
|
||||
});
|
||||
}
|
||||
2
dist/mixins/safe-area.js
vendored
2
dist/mixins/safe-area.js
vendored
@ -33,7 +33,7 @@ export const safeArea = ({ safeAreaInsetBottom = true, safeAreaInsetTop = false
|
||||
},
|
||||
created() {
|
||||
getSafeArea().then(({ isIPhoneX, statusBarHeight }) => {
|
||||
this.set({ isIPhoneX, statusBarHeight });
|
||||
this.setData({ isIPhoneX, statusBarHeight });
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
12
dist/mixins/transition.js
vendored
12
dist/mixins/transition.js
vendored
@ -18,7 +18,7 @@ export const transition = function (showDefaultValue) {
|
||||
},
|
||||
// @ts-ignore
|
||||
duration: {
|
||||
type: [Number, Object],
|
||||
type: null,
|
||||
value: 300,
|
||||
observer: 'observeDuration'
|
||||
},
|
||||
@ -55,7 +55,7 @@ export const transition = function (showDefaultValue) {
|
||||
.then(nextTick)
|
||||
.then(() => {
|
||||
this.checkStatus('enter');
|
||||
this.set({
|
||||
this.setData({
|
||||
inited: true,
|
||||
display: true,
|
||||
classes: classNames.enter,
|
||||
@ -65,7 +65,7 @@ export const transition = function (showDefaultValue) {
|
||||
.then(nextTick)
|
||||
.then(() => {
|
||||
this.checkStatus('enter');
|
||||
this.set({
|
||||
this.setData({
|
||||
classes: classNames['enter-to']
|
||||
});
|
||||
})
|
||||
@ -80,7 +80,7 @@ export const transition = function (showDefaultValue) {
|
||||
.then(nextTick)
|
||||
.then(() => {
|
||||
this.checkStatus('leave');
|
||||
this.set({
|
||||
this.setData({
|
||||
classes: classNames.leave,
|
||||
currentDuration
|
||||
});
|
||||
@ -89,7 +89,7 @@ export const transition = function (showDefaultValue) {
|
||||
.then(nextTick)
|
||||
.then(() => {
|
||||
this.checkStatus('leave');
|
||||
this.set({
|
||||
this.setData({
|
||||
classes: classNames['leave-to']
|
||||
});
|
||||
})
|
||||
@ -103,7 +103,7 @@ export const transition = function (showDefaultValue) {
|
||||
onTransitionEnd() {
|
||||
if (!this.data.show) {
|
||||
this.set({ display: false });
|
||||
this.$emit('transitionEnd');
|
||||
this.$emit('transitionend');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
2
dist/nav-bar/index.js
vendored
2
dist/nav-bar/index.js
vendored
@ -15,7 +15,7 @@ VantComponent({
|
||||
},
|
||||
zIndex: {
|
||||
type: Number,
|
||||
value: 120
|
||||
value: 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
2
dist/nav-bar/index.wxss
vendored
2
dist/nav-bar/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-nav-bar{position:relative;height:44px;line-height:44px;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar__text{display:inline-block;padding:0 15px;margin:0 -15px;color:#1989fa;vertical-align:middle}.van-nav-bar__text--hover{background-color:#f2f3f5}.van-nav-bar__arrow{color:#1989fa;vertical-align:middle}.van-nav-bar__arrow+.van-nav-bar__text{padding-left:25px;margin-left:-20px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;font-size:16px;font-weight:500}.van-nav-bar__left,.van-nav-bar__right{position:absolute;bottom:0;font-size:14px}.van-nav-bar__left{left:15px}.van-nav-bar__right{right:15px}
|
||||
@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:44px;height:var(--nav-bar-height,44px);line-height:44px;line-height:var(--nav-bar-height,44px);background-color:#fff;background-color:var(--white,#fff)}.van-nav-bar__text{display:inline-block;margin:0 -15px;padding:0 15px;vertical-align:middle;color:#1989fa;color:var(--blue,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;color:#1989fa;color:var(--blue,#1989fa)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;font-weight:500;font-size:16px}.van-nav-bar__left,.van-nav-bar__right{position:absolute;bottom:0;font-size:14px}.van-nav-bar__left{left:15px}.van-nav-bar__right{right:15px}
|
||||
8
dist/notice-bar/index.js
vendored
8
dist/notice-bar/index.js
vendored
@ -50,7 +50,7 @@ VantComponent({
|
||||
},
|
||||
watch: {
|
||||
text() {
|
||||
this.set({}, this.init);
|
||||
this.setData({}, this.init);
|
||||
}
|
||||
},
|
||||
created() {
|
||||
@ -93,14 +93,14 @@ VantComponent({
|
||||
scroll() {
|
||||
this.timer && clearTimeout(this.timer);
|
||||
this.timer = null;
|
||||
this.set({
|
||||
this.setData({
|
||||
animationData: this.resetAnimation
|
||||
.translateX(this.wrapWidth)
|
||||
.step()
|
||||
.export()
|
||||
});
|
||||
setTimeout(() => {
|
||||
this.set({
|
||||
this.setData({
|
||||
animationData: this.animation
|
||||
.translateX(-this.contentWidth)
|
||||
.step()
|
||||
@ -114,7 +114,7 @@ VantComponent({
|
||||
onClickIcon() {
|
||||
this.timer && clearTimeout(this.timer);
|
||||
this.timer = null;
|
||||
this.set({ show: false });
|
||||
this.setData({ show: false });
|
||||
},
|
||||
onClick(event) {
|
||||
this.$emit('click', event);
|
||||
|
||||
4
dist/notice-bar/index.wxml
vendored
4
dist/notice-bar/index.wxml
vendored
@ -12,6 +12,7 @@
|
||||
name="{{ leftIcon }}"
|
||||
class="van-notice-bar__left-icon"
|
||||
/>
|
||||
<slot wx:else name="left-icon" />
|
||||
|
||||
<view class="van-notice-bar__wrap">
|
||||
<view class="van-notice-bar__content {{ !scrollable && !wrapable ? 'van-ellipsis' : '' }}" animation="{{ animationData }}">
|
||||
@ -26,10 +27,11 @@
|
||||
bind:tap="onClickIcon"
|
||||
/>
|
||||
<navigator
|
||||
wx:if="{{ mode === 'link' }}"
|
||||
wx:elif="{{ mode === 'link' }}"
|
||||
url="{{ url }}"
|
||||
open-type="{{ openType }}"
|
||||
>
|
||||
<van-icon class="van-notice-bar__right-icon" name="arrow" />
|
||||
</navigator>
|
||||
<slot wx:else name="right-icon" />
|
||||
</view>
|
||||
|
||||
2
dist/notice-bar/index.wxss
vendored
2
dist/notice-bar/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-notice-bar{display:-webkit-flex;display:flex;height:40px;padding:0 15px;font-size:14px;line-height:24px;-webkit-align-items:center;align-items:center}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar--wrapable{height:auto;padding:8px 15px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{display:-webkit-flex;display:flex;margin-right:4px;vertical-align:middle;-webkit-align-items:center;align-items:center}.van-notice-bar__right-icon{position:absolute;top:10px;right:15px;font-size:16px}.van-notice-bar__wrap{position:relative;height:24px;overflow:hidden;-webkit-flex:1;flex:1}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
|
||||
@import '../common/index.wxss';.van-notice-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:40px;padding:0 15px;font-size:14px;line-height:24px}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar--wrapable{height:auto;padding:8px 15px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:4px;vertical-align:middle}.van-notice-bar__right-icon{position:absolute;top:10px;right:15px;font-size:16px}.van-notice-bar__wrap{position:relative;-webkit-flex:1;flex:1;height:24px;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
|
||||
32
dist/notify/index.js
vendored
32
dist/notify/index.js
vendored
@ -1,17 +1,18 @@
|
||||
import { VantComponent } from '../common/component';
|
||||
import { RED } from '../common/color';
|
||||
import { WHITE } from '../common/color';
|
||||
import { safeArea } from '../mixins/safe-area';
|
||||
VantComponent({
|
||||
mixins: [safeArea()],
|
||||
props: {
|
||||
text: String,
|
||||
message: String,
|
||||
background: String,
|
||||
type: {
|
||||
type: String,
|
||||
value: 'danger'
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
value: '#fff'
|
||||
},
|
||||
backgroundColor: {
|
||||
type: String,
|
||||
value: RED
|
||||
value: WHITE
|
||||
},
|
||||
duration: {
|
||||
type: Number,
|
||||
@ -24,11 +25,11 @@ VantComponent({
|
||||
},
|
||||
methods: {
|
||||
show() {
|
||||
const { duration } = this.data;
|
||||
const { duration, onOpened } = this.data;
|
||||
clearTimeout(this.timer);
|
||||
this.set({
|
||||
this.setData({
|
||||
show: true
|
||||
});
|
||||
}, onOpened);
|
||||
if (duration > 0 && duration !== Infinity) {
|
||||
this.timer = setTimeout(() => {
|
||||
this.hide();
|
||||
@ -36,10 +37,17 @@ VantComponent({
|
||||
}
|
||||
},
|
||||
hide() {
|
||||
const { onClose } = this.data;
|
||||
clearTimeout(this.timer);
|
||||
this.set({
|
||||
this.setData({
|
||||
show: false
|
||||
});
|
||||
}, onClose);
|
||||
},
|
||||
onTap(event) {
|
||||
const { onClick } = this.data;
|
||||
if (onClick) {
|
||||
onClick(event.detail);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
9
dist/notify/index.wxml
vendored
9
dist/notify/index.wxml
vendored
@ -1,9 +1,10 @@
|
||||
<van-transition
|
||||
name="slide-down"
|
||||
show="{{ show }}"
|
||||
custom-class="van-notify"
|
||||
custom-style="background-color:{{ backgroundColor }}; color: {{ color }}; z-index: {{ zIndex }};"
|
||||
custom-class="van-notify van-notify--{{ type }}"
|
||||
custom-style="background:{{ background }}; color: {{ color }}; z-index: {{ zIndex }};"
|
||||
bind:tap="onTap"
|
||||
>
|
||||
<view wx:if="{{ safeAreaInsetTop }}" class="van-notify__safe-top" style="padding-top: {{ statusBarHeight }}px"></view>
|
||||
{{ text }}
|
||||
<view wx:if="{{ safeAreaInsetTop }}" style="padding-top: {{ statusBarHeight }}px"></view>
|
||||
<text>{{ message }}</text>
|
||||
</van-transition>
|
||||
|
||||
2
dist/notify/index.wxss
vendored
2
dist/notify/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-notify{position:fixed;top:0;width:100%;padding:6px 15px;font-size:14px;line-height:20px;text-align:center;word-break:break-all;box-sizing:border-box}.van-notify__safe-top{height:44px}
|
||||
@import '../common/index.wxss';.van-notify{position:fixed;top:0;box-sizing:border-box;width:100%;text-align:center;word-wrap:break-word;padding:6px 15px;padding:var(--notify-padding,6px 15px);font-size:14px;font-size:var(--notify-font-size,14px);line-height:20px;line-height:var(--notify-line-height,20px)}.van-notify--primary{background-color:#1989fa;background-color:var(--notify-primary-background-color,#1989fa)}.van-notify--success{background-color:#07c160;background-color:var(--notify-success-background-color,#07c160)}.van-notify--danger{background-color:#ee0a24;background-color:var(--notify-danger-background-color,#ee0a24)}.van-notify--warning{background-color:#ff976a;background-color:var(--notify-warning-background-color,#ff976a)}
|
||||
12
dist/notify/notify.d.ts
vendored
12
dist/notify/notify.d.ts
vendored
@ -1,12 +1,16 @@
|
||||
interface NotifyOptions {
|
||||
text: string;
|
||||
type?: 'primary' | 'success' | 'danger' | 'warning';
|
||||
color?: string;
|
||||
backgroundColor?: string;
|
||||
zIndex?: number;
|
||||
message: string;
|
||||
context?: any;
|
||||
duration?: number;
|
||||
selector?: string;
|
||||
context?: any;
|
||||
background?: string;
|
||||
safeAreaInsetTop?: boolean;
|
||||
zIndex?: number;
|
||||
onClick?: () => void;
|
||||
onOpened?: () => void;
|
||||
onClose?: () => void;
|
||||
}
|
||||
export default function Notify(options: NotifyOptions | string): void;
|
||||
export {};
|
||||
|
||||
17
dist/notify/notify.js
vendored
17
dist/notify/notify.js
vendored
@ -1,10 +1,19 @@
|
||||
import { isObj } from '../common/utils';
|
||||
import { WHITE } from '../common/color';
|
||||
const defaultOptions = {
|
||||
selector: '#van-notify',
|
||||
duration: 3000
|
||||
type: 'danger',
|
||||
message: '',
|
||||
background: '',
|
||||
duration: 3000,
|
||||
zIndex: 110,
|
||||
color: WHITE,
|
||||
safeAreaInsetTop: false,
|
||||
onClick: () => { },
|
||||
onOpened: () => { },
|
||||
onClose: () => { }
|
||||
};
|
||||
function parseOptions(text) {
|
||||
return isObj(text) ? text : { text };
|
||||
function parseOptions(message) {
|
||||
return typeof message === 'string' ? { message } : message;
|
||||
}
|
||||
function getContext() {
|
||||
const pages = getCurrentPages();
|
||||
|
||||
3
dist/overlay/index.js
vendored
3
dist/overlay/index.js
vendored
@ -2,10 +2,9 @@ import { VantComponent } from '../common/component';
|
||||
VantComponent({
|
||||
props: {
|
||||
show: Boolean,
|
||||
mask: Boolean,
|
||||
customStyle: String,
|
||||
duration: {
|
||||
type: [Number, Object],
|
||||
type: null,
|
||||
value: 300
|
||||
},
|
||||
zIndex: {
|
||||
|
||||
2
dist/overlay/index.wxml
vendored
2
dist/overlay/index.wxml
vendored
@ -1,7 +1,7 @@
|
||||
<van-transition
|
||||
show="{{ show }}"
|
||||
custom-class="van-overlay"
|
||||
custom-style="z-index: {{ zIndex }}; {{ mask ? 'background-color: rgba(0, 0, 0, .7);' : '' }}; {{ customStyle }}"
|
||||
custom-style="z-index: {{ zIndex }}; {{ customStyle }}"
|
||||
duration="{{ duration }}"
|
||||
bind:tap="onClick"
|
||||
catch:touchmove="noop"
|
||||
|
||||
2
dist/overlay/index.wxss
vendored
2
dist/overlay/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-overlay{position:fixed;top:0;right:0;bottom:0;left:0}
|
||||
@import '../common/index.wxss';.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);background-color:var(--overlay-background-color,rgba(0,0,0,.7))}
|
||||
2
dist/panel/index.wxss
vendored
2
dist/panel/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-panel{background:#fff}.van-panel__header-value{color:#ee0a24}.van-panel__footer{padding:10px 15px}
|
||||
@import '../common/index.wxss';.van-panel{background:#fff;background:var(--white,#fff)}.van-panel__header-value{color:#ee0a24;color:var(--red,#ee0a24)}.van-panel__footer{padding:10px 15px}
|
||||
37
dist/picker-column/index.js
vendored
37
dist/picker-column/index.js
vendored
@ -34,31 +34,17 @@ VantComponent({
|
||||
this.setIndex(defaultIndex);
|
||||
});
|
||||
},
|
||||
computed: {
|
||||
count() {
|
||||
return this.data.options.length;
|
||||
},
|
||||
baseOffset() {
|
||||
const { data } = this;
|
||||
return (data.itemHeight * (data.visibleItemCount - 1)) / 2;
|
||||
},
|
||||
wrapperStyle() {
|
||||
const { data } = this;
|
||||
return [
|
||||
`transition: ${data.duration}ms`,
|
||||
`transform: translate3d(0, ${data.offset + data.baseOffset}px, 0)`,
|
||||
`line-height: ${data.itemHeight}px`
|
||||
].join('; ');
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
defaultIndex(value) {
|
||||
this.setIndex(value);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getCount() {
|
||||
return this.data.options.length;
|
||||
},
|
||||
onTouchStart(event) {
|
||||
this.set({
|
||||
this.setData({
|
||||
startY: event.touches[0].clientY,
|
||||
startOffset: this.data.offset,
|
||||
duration: 0
|
||||
@ -67,17 +53,15 @@ VantComponent({
|
||||
onTouchMove(event) {
|
||||
const { data } = this;
|
||||
const deltaY = event.touches[0].clientY - data.startY;
|
||||
this.set({
|
||||
offset: range(data.startOffset + deltaY, -(data.count * data.itemHeight), data.itemHeight)
|
||||
this.setData({
|
||||
offset: range(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight)
|
||||
});
|
||||
},
|
||||
onTouchEnd() {
|
||||
const { data } = this;
|
||||
if (data.offset !== data.startOffset) {
|
||||
this.set({
|
||||
duration: DEFAULT_DURATION
|
||||
});
|
||||
const index = range(Math.round(-data.offset / data.itemHeight), 0, data.count - 1);
|
||||
this.setData({ duration: DEFAULT_DURATION });
|
||||
const index = range(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
|
||||
this.setIndex(index, true);
|
||||
}
|
||||
},
|
||||
@ -87,8 +71,9 @@ VantComponent({
|
||||
},
|
||||
adjustIndex(index) {
|
||||
const { data } = this;
|
||||
index = range(index, 0, data.count);
|
||||
for (let i = index; i < data.count; i++) {
|
||||
const count = this.getCount();
|
||||
index = range(index, 0, count);
|
||||
for (let i = index; i < count; i++) {
|
||||
if (!this.isDisabled(data.options[i]))
|
||||
return i;
|
||||
}
|
||||
|
||||
2
dist/picker-column/index.wxml
vendored
2
dist/picker-column/index.wxml
vendored
@ -8,7 +8,7 @@
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchcancel="onTouchEnd"
|
||||
>
|
||||
<view style="{{ wrapperStyle }}">
|
||||
<view style="transition: transform {{ duration }}ms; line-height: {{ itemHeight }}px; transform: translate3d(0, {{ offset + (itemHeight * (visibleItemCount - 1)) / 2 }}px, 0)">
|
||||
<view
|
||||
wx:for="{{ options }}"
|
||||
wx:for-item="option"
|
||||
|
||||
2
dist/picker-column/index.wxss
vendored
2
dist/picker-column/index.wxss
vendored
@ -1 +1 @@
|
||||
@import '../common/index.wxss';.van-picker-column{overflow:hidden;font-size:16px;color:#999;text-align:center}.van-picker-column__item{padding:0 5px}.van-picker-column__item--selected{font-weight:500;color:#333}.van-picker-column__item--disabled{opacity:.3}
|
||||
@import '../common/index.wxss';.van-picker-column{overflow:hidden;font-size:16px;text-align:center;color:#999;color:var(--gray-dark,#999)}.van-picker-column__item{padding:0 5px}.van-picker-column__item--selected{font-weight:500;color:#333;color:var(--text-color,#333)}.van-picker-column__item--disabled{opacity:.3}
|
||||
5
dist/picker/index.js
vendored
5
dist/picker/index.js
vendored
@ -2,9 +2,12 @@ import { VantComponent } from '../common/component';
|
||||
import { pickerProps } from './shared';
|
||||
VantComponent({
|
||||
classes: ['active-class', 'toolbar-class', 'column-class'],
|
||||
props: Object.assign({}, pickerProps, { valueKey: {
|
||||
props: Object.assign(Object.assign({}, pickerProps), { valueKey: {
|
||||
type: String,
|
||||
value: 'text'
|
||||
}, toolbarPosition: {
|
||||
type: String,
|
||||
value: 'top'
|
||||
}, defaultIndex: {
|
||||
type: Number,
|
||||
value: 0
|
||||
|
||||
7
dist/picker/index.wxml
vendored
7
dist/picker/index.wxml
vendored
@ -1,4 +1,4 @@
|
||||
<view class="van-picker custom-class">
|
||||
<template name="toolbar">
|
||||
<view
|
||||
wx:if="{{ showToolbar }}"
|
||||
class="van-picker__toolbar van-hairline--top-bottom toolbar-class"
|
||||
@ -23,6 +23,10 @@
|
||||
{{ confirmButtonText }}
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<view class="van-picker custom-class">
|
||||
<template is="toolbar" wx:if="{{ toolbarPosition === 'top' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
|
||||
<view wx:if="{{ loading }}" class="van-picker__loading">
|
||||
<loading color="#1989fa"/>
|
||||
</view>
|
||||
@ -50,6 +54,7 @@
|
||||
style="height: {{ itemHeight }}px"
|
||||
/>
|
||||
</view>
|
||||
<template is="toolbar" wx:if="{{ toolbarPosition === 'bottom' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
|
||||
</view>
|
||||
|
||||
<wxs module="isSimple">
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user