blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

build: compile 1.3.3

Browse Source
This commit is contained in:
rex 2020-06-24 17:08:49 +08:00
parent c92f46756a
commit 5f1c66d4ef
26 changed files with 162 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/calendar/index.js vendored
View File

@ -152,7 +152,7 @@ VantComponent({
]; ];
} }
if (type === 'multiple') { if (type === 'multiple') {
return [defaultDate || minDate]; return defaultDate || [minDate];
} }
return defaultDate || minDate; return defaultDate || minDate;
}, },

48
dist/circle/index.js vendored
View File

@ -39,7 +39,11 @@ VantComponent({
color: { color: {
type: [String, Object], type: [String, Object],
value: BLUE, value: BLUE,
observer: 'setHoverColor', observer() {
this.setHoverColor().then(() => {
this.drawCircle(this.currentValue);
});
},
}, },
type: { type: {
type: String, type: String,
@ -59,7 +63,7 @@ VantComponent({
}, },
methods: { methods: {
getContext() { getContext() {
const { type } = this.data; const { type, size } = this.data;
if (type === '') { if (type === '') {
const ctx = wx.createCanvasContext('van-circle', this); const ctx = wx.createCanvasContext('van-circle', this);
return Promise.resolve(ctx); return Promise.resolve(ctx);
@ -69,35 +73,38 @@ VantComponent({
wx.createSelectorQuery() wx.createSelectorQuery()
.in(this) .in(this)
.select('#van-circle') .select('#van-circle')
.fields({ node: true, size: true }) .node()
.exec((res) => { .exec((res) => {
const canvas = res[0].node; const canvas = res[0].node;
const ctx = canvas.getContext(type); const ctx = canvas.getContext(type);
canvas.width = res[0].width * dpr; if (!this.inited) {
canvas.height = res[0].height * dpr; this.inited = true;
ctx.scale(dpr, dpr); canvas.width = size * dpr;
canvas.height = size * dpr;
ctx.scale(dpr, dpr);
}
resolve(adaptor(ctx)); resolve(adaptor(ctx));
}); });
}); });
}, },
setHoverColor() { setHoverColor() {
const { color, size } = this.data; const { color, size } = this.data;
let hoverColor = color; if (isObj(color)) {
this.getContext().then((context) => { return this.getContext().then((context) => {
if (isObj(color)) {
const LinearColor = context.createLinearGradient(size, 0, 0, 0); const LinearColor = context.createLinearGradient(size, 0, 0, 0);
Object.keys(color) Object.keys(color)
.sort((a, b) => parseFloat(a) - parseFloat(b)) .sort((a, b) => parseFloat(a) - parseFloat(b))
.map((key) => .map((key) =>
LinearColor.addColorStop(parseFloat(key) / 100, color[key]) LinearColor.addColorStop(parseFloat(key) / 100, color[key])
); );
hoverColor = LinearColor; this.hoverColor = LinearColor;
} });
this.setData({ hoverColor }); }
}); this.hoverColor = color;
return Promise.resolve();
}, },
presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) { presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) {
const { strokeWidth, lineCap, clockwise, size, type } = this.data; const { strokeWidth, lineCap, clockwise, size } = this.data;
const position = size / 2; const position = size / 2;
const radius = position - strokeWidth / 2; const radius = position - strokeWidth / 2;
context.setStrokeStyle(strokeStyle); context.setStrokeStyle(strokeStyle);
@ -116,13 +123,13 @@ VantComponent({
this.presetCanvas(context, layerColor, 0, PERIMETER, fill); this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
}, },
renderHoverCircle(context, formatValue) { renderHoverCircle(context, formatValue) {
const { clockwise, hoverColor } = this.data; const { clockwise } = this.data;
// 结束角度 // 结束角度
const progress = PERIMETER * (formatValue / 100); const progress = PERIMETER * (formatValue / 100);
const endAngle = clockwise const endAngle = clockwise
? BEGIN_ANGLE + progress ? BEGIN_ANGLE + progress
: 3 * Math.PI - (BEGIN_ANGLE + progress); : 3 * Math.PI - (BEGIN_ANGLE + progress);
this.presetCanvas(context, hoverColor, BEGIN_ANGLE, endAngle); this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
}, },
drawCircle(currentValue) { drawCircle(currentValue) {
const { size } = this.data; const { size } = this.data;
@ -165,10 +172,11 @@ VantComponent({
} }
}, },
}, },
created() { mounted() {
const { value } = this.data; this.currentValue = this.data.value;
this.currentValue = value; this.setHoverColor().then(() => {
this.drawCircle(value); this.drawCircle(this.currentValue);
});
}, },
destroyed() { destroyed() {
this.clearInterval(); this.clearInterval();

7
dist/field/index.js vendored
View File

@ -1,9 +1,8 @@
import { VantComponent } from '../common/component'; import { VantComponent } from '../common/component';
import { commonProps, inputProps, textareaProps } from './props'; import { commonProps, inputProps, textareaProps } from './props';
import { canIUseModel } from '../common/version';
VantComponent({ VantComponent({
field: true, field: true,
classes: ['input-class', 'right-icon-class'], classes: ['input-class', 'right-icon-class', 'label-class'],
props: Object.assign( props: Object.assign(
Object.assign( Object.assign(
Object.assign(Object.assign({}, commonProps), inputProps), Object.assign(Object.assign({}, commonProps), inputProps),
@ -105,9 +104,7 @@ VantComponent({
this.$emit('keyboardheightchange', event.detail); this.$emit('keyboardheightchange', event.detail);
}, },
emitChange() { emitChange() {
if (canIUseModel()) { this.setData({ value: this.value });
this.setData({ value: this.value });
}
wx.nextTick(() => { wx.nextTick(() => {
this.$emit('input', this.value); this.$emit('input', this.value);
this.$emit('change', this.value); this.$emit('change', this.value);

1
dist/field/index.wxml vendored
View File

@ -14,6 +14,7 @@
custom-style="{{ customStyle }}" custom-style="{{ customStyle }}"
arrow-direction="{{ arrowDirection }}" arrow-direction="{{ arrowDirection }}"
custom-class="van-field" custom-class="van-field"
title-class="label-class"
> >
<slot name="left-icon" slot="icon" /> <slot name="left-icon" slot="icon" />
<slot name="label" slot="title" /> <slot name="label" slot="title" />

2
dist/grid-item/index.wxss vendored
View File

@ -1 +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;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,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--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)} @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;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,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--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}

3
dist/nav-bar/index.js vendored
View File

@ -1,4 +1,5 @@
import { VantComponent } from '../common/component'; import { VantComponent } from '../common/component';
import { getSystemInfoSync } from '../common/utils';
VantComponent({ VantComponent({
classes: ['title-class'], classes: ['title-class'],
props: { props: {
@ -34,7 +35,7 @@ VantComponent({
baseStyle: '', baseStyle: '',
}, },
created() { created() {
const { statusBarHeight } = wx.getSystemInfoSync(); const { statusBarHeight } = getSystemInfoSync();
const { safeAreaInsetTop, zIndex } = this.data; const { safeAreaInsetTop, zIndex } = this.data;
const paddingTop = safeAreaInsetTop ? statusBarHeight : 0; const paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
const baseStyle = `z-index: ${zIndex};padding-top: ${paddingTop}px;`; const baseStyle = `z-index: ${zIndex};padding-top: ${paddingTop}px;`;

54
dist/nav-bar/index.wxml vendored
View File

@ -4,36 +4,38 @@
<view <view
class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}" class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
style="{{ baseStyle }} {{ customStyle }}" style="{{ baseStyle }}"
> >
<view class="van-nav-bar__left" bind:tap="onClickLeft"> <view class="van-nav-bar__content" style="{{ customStyle }}">
<block wx:if="{{ leftArrow || leftText }}"> <view class="van-nav-bar__left" bind:tap="onClickLeft">
<van-icon <block wx:if="{{ leftArrow || leftText }}">
wx:if="{{ leftArrow }}" <van-icon
size="16px" wx:if="{{ leftArrow }}"
name="arrow-left" size="16px"
custom-class="van-nav-bar__arrow" name="arrow-left"
/> custom-class="van-nav-bar__arrow"
/>
<view
wx:if="{{ leftText }}"
class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover"
hover-stay-time="70"
>{{ leftText }}</view>
</block>
<slot wx:else name="left" />
</view>
<view class="van-nav-bar__title title-class van-ellipsis">
<block wx:if="{{ title }}">{{ title }}</block>
<slot wx:else name="title" />
</view>
<view class="van-nav-bar__right" bind:tap="onClickRight">
<view <view
wx:if="{{ leftText }}" wx:if="{{ rightText }}"
class="van-nav-bar__text" class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover" hover-class="van-nav-bar__text--hover"
hover-stay-time="70" hover-stay-time="70"
>{{ leftText }}</view> >{{ rightText }}</view>
</block> <slot wx:else name="right" />
<slot wx:else name="left" /> </view>
</view>
<view class="van-nav-bar__title title-class van-ellipsis">
<block wx:if="{{ title }}">{{ title }}</block>
<slot wx:else name="title" />
</view>
<view class="van-nav-bar__right" bind:tap="onClickRight">
<view
wx:if="{{ rightText }}"
class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover"
hover-stay-time="70"
>{{ rightText }}</view>
<slot wx:else name="right" />
</view> </view>
</view> </view>

2
dist/nav-bar/index.wxss vendored
View File

@ -1 +1 @@
@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(--nav-bar-background-color,#fff)}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#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;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)} @import '../common/index.wxss';.van-nav-bar{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(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#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;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}

6
dist/steps/index.wxml vendored
View File

@ -17,9 +17,9 @@
<view class="van-step__circle-container"> <view class="van-step__circle-container">
<block wx:if="{{ index !== active }}"> <block wx:if="{{ index !== active }}">
<van-icon <van-icon
wx:if="{{ inactiveIcon }}" wx:if="{{ item.inactiveIcon || inactiveIcon }}"
color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}" color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
name="{{ inactiveIcon }}" name="{{ item.inactiveIcon || inactiveIcon }}"
custom-class="van-step__icon" custom-class="van-step__icon"
/> />
<view <view
@ -29,7 +29,7 @@
/> />
</block> </block>
<van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" /> <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
</view> </view>
<view <view
wx:if="{{ index !== steps.length - 1 }}" wx:if="{{ index !== steps.length - 1 }}"

2
dist/tabbar/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)} @import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;box-sizing:initial;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}

2
dist/uploader/index.js vendored
View File

@ -78,6 +78,8 @@ VantComponent({
typeof item.isImage === 'undefined' typeof item.isImage === 'undefined'
? isImageFile(item) ? isImageFile(item)
: item.isImage, : item.isImage,
deletable:
typeof item.deletable === 'undefined' ? true : item.deletable,
}) })
); );
this.setData({ lists, isInCount: lists.length < maxCount }); this.setData({ lists, isInCount: lists.length < maxCount });

13
dist/uploader/index.wxml vendored
View File

@ -37,13 +37,14 @@
<van-loading wx:else class="van-uploader__loading" /> <van-loading wx:else class="van-uploader__loading" />
<text wx:if="{{ item.message }}" class="van-uploader__upload-text">{{ item.message }}</text> <text wx:if="{{ item.message }}" class="van-uploader__upload-text">{{ item.message }}</text>
</view> </view>
<van-icon <view
wx:if="{{ deletable }}" wx:if="{{ deletable && item.deletable }}"
name="clear"
class="van-uploader__preview-delete"
data-index="{{ index }}" data-index="{{ index }}"
class="van-uploader__preview-delete"
catch:tap="deleteItem" catch:tap="deleteItem"
/> >
<van-icon name="clear" class="van-uploader__preview-delete__icon" />
</view>
</view> </view>
<!-- 上传样式 --> <!-- 上传样式 -->
@ -57,7 +58,7 @@
wx:if="{{ showUpload }}" wx:if="{{ showUpload }}"
class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}" class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
bind:tap="startUpload" bindtap="startUpload"
> >
<van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" /> <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" />
<text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text> <text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text>

2
dist/uploader/index.wxss vendored
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa;border-radius:8px}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden;border-radius:8px}.van-uploader__preview-delete{position:absolute;top:-8px;right:-8px;color:#969799;font-size:18px;background-color:#fff;border-radius:100%}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa;border-radius:8px}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:8px}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff} @import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa;border-radius:8px}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden;border-radius:8px}.van-uploader__preview-delete{position:absolute;top:0;right:0;z-index:1;display:-webkit-flex;display:flex;padding:10px;border-radius:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.van-uploader__preview-delete__icon{color:#969799;font-size:18px;background-color:#fff;border-radius:50%}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa;border-radius:8px}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:8px}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}

2
lib/calendar/index.js
View File

@ -167,7 +167,7 @@ component_1.VantComponent({
]; ];
} }
if (type === 'multiple') { if (type === 'multiple') {
return [defaultDate || minDate]; return defaultDate || [minDate];
} }
return defaultDate || minDate; return defaultDate || minDate;
}, },

59
lib/circle/index.js
View File

@ -41,7 +41,12 @@ component_1.VantComponent({
color: { color: {
type: [String, Object], type: [String, Object],
value: color_1.BLUE, value: color_1.BLUE,
observer: 'setHoverColor', observer: function () {
var _this = this;
this.setHoverColor().then(function () {
_this.drawCircle(_this.currentValue);
});
},
}, },
type: { type: {
type: String, type: String,
@ -62,7 +67,9 @@ component_1.VantComponent({
methods: { methods: {
getContext: function () { getContext: function () {
var _this = this; var _this = this;
var type = this.data.type; var _a = this.data,
type = _a.type,
size = _a.size;
if (type === '') { if (type === '') {
var ctx = wx.createCanvasContext('van-circle', this); var ctx = wx.createCanvasContext('van-circle', this);
return Promise.resolve(ctx); return Promise.resolve(ctx);
@ -72,13 +79,16 @@ component_1.VantComponent({
wx.createSelectorQuery() wx.createSelectorQuery()
.in(_this) .in(_this)
.select('#van-circle') .select('#van-circle')
.fields({ node: true, size: true }) .node()
.exec(function (res) { .exec(function (res) {
var canvas = res[0].node; var canvas = res[0].node;
var ctx = canvas.getContext(type); var ctx = canvas.getContext(type);
canvas.width = res[0].width * dpr; if (!_this.inited) {
canvas.height = res[0].height * dpr; _this.inited = true;
ctx.scale(dpr, dpr); canvas.width = size * dpr;
canvas.height = size * dpr;
ctx.scale(dpr, dpr);
}
resolve(canvas_1.adaptor(ctx)); resolve(canvas_1.adaptor(ctx));
}); });
}); });
@ -88,32 +98,31 @@ component_1.VantComponent({
var _a = this.data, var _a = this.data,
color = _a.color, color = _a.color,
size = _a.size; size = _a.size;
var hoverColor = color; if (utils_1.isObj(color)) {
this.getContext().then(function (context) { return this.getContext().then(function (context) {
if (utils_1.isObj(color)) { var LinearColor = context.createLinearGradient(size, 0, 0, 0);
var LinearColor_1 = context.createLinearGradient(size, 0, 0, 0);
Object.keys(color) Object.keys(color)
.sort(function (a, b) { .sort(function (a, b) {
return parseFloat(a) - parseFloat(b); return parseFloat(a) - parseFloat(b);
}) })
.map(function (key) { .map(function (key) {
return LinearColor_1.addColorStop( return LinearColor.addColorStop(
parseFloat(key) / 100, parseFloat(key) / 100,
color[key] color[key]
); );
}); });
hoverColor = LinearColor_1; _this.hoverColor = LinearColor;
} });
_this.setData({ hoverColor: hoverColor }); }
}); this.hoverColor = color;
return Promise.resolve();
}, },
presetCanvas: function (context, strokeStyle, beginAngle, endAngle, fill) { presetCanvas: function (context, strokeStyle, beginAngle, endAngle, fill) {
var _a = this.data, var _a = this.data,
strokeWidth = _a.strokeWidth, strokeWidth = _a.strokeWidth,
lineCap = _a.lineCap, lineCap = _a.lineCap,
clockwise = _a.clockwise, clockwise = _a.clockwise,
size = _a.size, size = _a.size;
type = _a.type;
var position = size / 2; var position = size / 2;
var radius = position - strokeWidth / 2; var radius = position - strokeWidth / 2;
context.setStrokeStyle(strokeStyle); context.setStrokeStyle(strokeStyle);
@ -134,15 +143,13 @@ component_1.VantComponent({
this.presetCanvas(context, layerColor, 0, PERIMETER, fill); this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
}, },
renderHoverCircle: function (context, formatValue) { renderHoverCircle: function (context, formatValue) {
var _a = this.data, var clockwise = this.data.clockwise;
clockwise = _a.clockwise,
hoverColor = _a.hoverColor;
// 结束角度 // 结束角度
var progress = PERIMETER * (formatValue / 100); var progress = PERIMETER * (formatValue / 100);
var endAngle = clockwise var endAngle = clockwise
? BEGIN_ANGLE + progress ? BEGIN_ANGLE + progress
: 3 * Math.PI - (BEGIN_ANGLE + progress); : 3 * Math.PI - (BEGIN_ANGLE + progress);
this.presetCanvas(context, hoverColor, BEGIN_ANGLE, endAngle); this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
}, },
drawCircle: function (currentValue) { drawCircle: function (currentValue) {
var _this = this; var _this = this;
@ -189,10 +196,12 @@ component_1.VantComponent({
} }
}, },
}, },
created: function () { mounted: function () {
var value = this.data.value; var _this = this;
this.currentValue = value; this.currentValue = this.data.value;
this.drawCircle(value); this.setHoverColor().then(function () {
_this.drawCircle(_this.currentValue);
});
}, },
destroyed: function () { destroyed: function () {
this.clearInterval(); this.clearInterval();

7
lib/field/index.js
View File

@ -17,10 +17,9 @@ var __assign =
Object.defineProperty(exports, '__esModule', { value: true }); Object.defineProperty(exports, '__esModule', { value: true });
var component_1 = require('../common/component'); var component_1 = require('../common/component');
var props_1 = require('./props'); var props_1 = require('./props');
var version_1 = require('../common/version');
component_1.VantComponent({ component_1.VantComponent({
field: true, field: true,
classes: ['input-class', 'right-icon-class'], classes: ['input-class', 'right-icon-class', 'label-class'],
props: __assign( props: __assign(
__assign( __assign(
__assign(__assign({}, props_1.commonProps), props_1.inputProps), __assign(__assign({}, props_1.commonProps), props_1.inputProps),
@ -126,9 +125,7 @@ component_1.VantComponent({
}, },
emitChange: function () { emitChange: function () {
var _this = this; var _this = this;
if (version_1.canIUseModel()) { this.setData({ value: this.value });
this.setData({ value: this.value });
}
wx.nextTick(function () { wx.nextTick(function () {
_this.$emit('input', _this.value); _this.$emit('input', _this.value);
_this.$emit('change', _this.value); _this.$emit('change', _this.value);

1
lib/field/index.wxml
View File

@ -14,6 +14,7 @@
custom-style="{{ customStyle }}" custom-style="{{ customStyle }}"
arrow-direction="{{ arrowDirection }}" arrow-direction="{{ arrowDirection }}"
custom-class="van-field" custom-class="van-field"
title-class="label-class"
> >
<slot name="left-icon" slot="icon" /> <slot name="left-icon" slot="icon" />
<slot name="label" slot="title" /> <slot name="label" slot="title" />

2
lib/grid-item/index.wxss
View File

@ -1 +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;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,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--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)} @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;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,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--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}

3
lib/nav-bar/index.js
View File

@ -1,6 +1,7 @@
'use strict'; 'use strict';
Object.defineProperty(exports, '__esModule', { value: true }); Object.defineProperty(exports, '__esModule', { value: true });
var component_1 = require('../common/component'); var component_1 = require('../common/component');
var utils_1 = require('../common/utils');
component_1.VantComponent({ component_1.VantComponent({
classes: ['title-class'], classes: ['title-class'],
props: { props: {
@ -36,7 +37,7 @@ component_1.VantComponent({
baseStyle: '', baseStyle: '',
}, },
created: function () { created: function () {
var statusBarHeight = wx.getSystemInfoSync().statusBarHeight; var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
var _a = this.data, var _a = this.data,
safeAreaInsetTop = _a.safeAreaInsetTop, safeAreaInsetTop = _a.safeAreaInsetTop,
zIndex = _a.zIndex; zIndex = _a.zIndex;

54
lib/nav-bar/index.wxml
View File

@ -4,36 +4,38 @@
<view <view
class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}" class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
style="{{ baseStyle }} {{ customStyle }}" style="{{ baseStyle }}"
> >
<view class="van-nav-bar__left" bind:tap="onClickLeft"> <view class="van-nav-bar__content" style="{{ customStyle }}">
<block wx:if="{{ leftArrow || leftText }}"> <view class="van-nav-bar__left" bind:tap="onClickLeft">
<van-icon <block wx:if="{{ leftArrow || leftText }}">
wx:if="{{ leftArrow }}" <van-icon
size="16px" wx:if="{{ leftArrow }}"
name="arrow-left" size="16px"
custom-class="van-nav-bar__arrow" name="arrow-left"
/> custom-class="van-nav-bar__arrow"
/>
<view
wx:if="{{ leftText }}"
class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover"
hover-stay-time="70"
>{{ leftText }}</view>
</block>
<slot wx:else name="left" />
</view>
<view class="van-nav-bar__title title-class van-ellipsis">
<block wx:if="{{ title }}">{{ title }}</block>
<slot wx:else name="title" />
</view>
<view class="van-nav-bar__right" bind:tap="onClickRight">
<view <view
wx:if="{{ leftText }}" wx:if="{{ rightText }}"
class="van-nav-bar__text" class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover" hover-class="van-nav-bar__text--hover"
hover-stay-time="70" hover-stay-time="70"
>{{ leftText }}</view> >{{ rightText }}</view>
</block> <slot wx:else name="right" />
<slot wx:else name="left" /> </view>
</view>
<view class="van-nav-bar__title title-class van-ellipsis">
<block wx:if="{{ title }}">{{ title }}</block>
<slot wx:else name="title" />
</view>
<view class="van-nav-bar__right" bind:tap="onClickRight">
<view
wx:if="{{ rightText }}"
class="van-nav-bar__text"
hover-class="van-nav-bar__text--hover"
hover-stay-time="70"
>{{ rightText }}</view>
<slot wx:else name="right" />
</view> </view>
</view> </view>

2
lib/nav-bar/index.wxss
View File

@ -1 +1 @@
@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(--nav-bar-background-color,#fff)}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#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;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)} @import '../common/index.wxss';.van-nav-bar{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(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#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;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}

6
lib/steps/index.wxml
View File

@ -17,9 +17,9 @@
<view class="van-step__circle-container"> <view class="van-step__circle-container">
<block wx:if="{{ index !== active }}"> <block wx:if="{{ index !== active }}">
<van-icon <van-icon
wx:if="{{ inactiveIcon }}" wx:if="{{ item.inactiveIcon || inactiveIcon }}"
color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}" color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
name="{{ inactiveIcon }}" name="{{ item.inactiveIcon || inactiveIcon }}"
custom-class="van-step__icon" custom-class="van-step__icon"
/> />
<view <view
@ -29,7 +29,7 @@
/> />
</block> </block>
<van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" /> <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
</view> </view>
<view <view
wx:if="{{ index !== steps.length - 1 }}" wx:if="{{ index !== steps.length - 1 }}"

2
lib/tabbar/index.wxss
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)} @import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;box-sizing:initial;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}

2
lib/uploader/index.js
View File

@ -98,6 +98,8 @@ component_1.VantComponent({
typeof item.isImage === 'undefined' typeof item.isImage === 'undefined'
? utils_1.isImageFile(item) ? utils_1.isImageFile(item)
: item.isImage, : item.isImage,
deletable:
typeof item.deletable === 'undefined' ? true : item.deletable,
}); });
}); });
this.setData({ lists: lists, isInCount: lists.length < maxCount }); this.setData({ lists: lists, isInCount: lists.length < maxCount });

13
lib/uploader/index.wxml
View File

@ -37,13 +37,14 @@
<van-loading wx:else class="van-uploader__loading" /> <van-loading wx:else class="van-uploader__loading" />
<text wx:if="{{ item.message }}" class="van-uploader__upload-text">{{ item.message }}</text> <text wx:if="{{ item.message }}" class="van-uploader__upload-text">{{ item.message }}</text>
</view> </view>
<van-icon <view
wx:if="{{ deletable }}" wx:if="{{ deletable && item.deletable }}"
name="clear"
class="van-uploader__preview-delete"
data-index="{{ index }}" data-index="{{ index }}"
class="van-uploader__preview-delete"
catch:tap="deleteItem" catch:tap="deleteItem"
/> >
<van-icon name="clear" class="van-uploader__preview-delete__icon" />
</view>
</view> </view>
<!-- 上传样式 --> <!-- 上传样式 -->
@ -57,7 +58,7 @@
wx:if="{{ showUpload }}" wx:if="{{ showUpload }}"
class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}" class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
bind:tap="startUpload" bindtap="startUpload"
> >
<van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" /> <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" />
<text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text> <text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text>

2
lib/uploader/index.wxss
View File

@ -1 +1 @@
@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa;border-radius:8px}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden;border-radius:8px}.van-uploader__preview-delete{position:absolute;top:-8px;right:-8px;color:#969799;font-size:18px;background-color:#fff;border-radius:100%}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa;border-radius:8px}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:8px}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff} @import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa;border-radius:8px}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden;border-radius:8px}.van-uploader__preview-delete{position:absolute;top:0;right:0;z-index:1;display:-webkit-flex;display:flex;padding:10px;border-radius:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.van-uploader__preview-delete__icon{color:#969799;font-size:18px;background-color:#fff;border-radius:50%}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa;border-radius:8px}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:8px}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}