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

perf(stepper): use wxs (#3890)

Browse Source
This commit is contained in:
rex 2020-12-22 20:40:45 +08:00 committed by GitHub
parent b5529e2b66
commit 97c1a7780d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/stepper/index.ts
View File

@ -33,8 +33,8 @@ VantComponent({
observer: 'check', observer: 'check',
}, },
disabled: Boolean, disabled: Boolean,
inputWidth: null, inputWidth: String,
buttonSize: null, buttonSize: String,
asyncChange: Boolean, asyncChange: Boolean,
disableInput: Boolean, disableInput: Boolean,
decimalLength: { decimalLength: {

7
packages/stepper/index.wxml
View File

@ -1,10 +1,11 @@
<wxs src="../wxs/utils.wxs" module="utils" /> <wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view class="van-stepper custom-class"> <view class="van-stepper custom-class">
<view <view
wx:if="{{ showMinus }}" wx:if="{{ showMinus }}"
data-type="minus" data-type="minus"
style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}" style="{{ computed.buttonStyle({ buttonSize }) }}"
class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= min }) }}" class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= min }) }}"
hover-class="van-stepper__minus--hover" hover-class="van-stepper__minus--hover"
hover-stay-time="70" hover-stay-time="70"
@ -15,7 +16,7 @@
<input <input
type="{{ integer ? 'number' : 'digit' }}" type="{{ integer ? 'number' : 'digit' }}"
class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}" class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}"
style="width: {{ utils.addUnit(inputWidth) }}; height: {{ utils.addUnit(buttonSize) }}" style="{{ computed.inputStyle({ buttonSize, inputWidth }) }}"
value="{{ currentValue }}" value="{{ currentValue }}"
focus="{{ focus }}" focus="{{ focus }}"
disabled="{{ disabled || disableInput }}" disabled="{{ disabled || disableInput }}"
@ -26,7 +27,7 @@
<view <view
wx:if="{{ showPlus }}" wx:if="{{ showPlus }}"
data-type="plus" data-type="plus"
style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}" style="{{ computed.buttonStyle({ buttonSize }) }}"
class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= max }) }}" class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= max }) }}"
hover-class="van-stepper__plus--hover" hover-class="van-stepper__plus--hover"
hover-stay-time="70" hover-stay-time="70"

22
packages/stepper/index.wxs Normal file
View File

@ -0,0 +1,22 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function buttonStyle(data) {
return style({
width: addUnit(data.buttonSize),
height: addUnit(data.buttonSize),
});
}
function inputStyle(data) {
return style({
width: addUnit(data.inputWidth),
height: addUnit(data.buttonSize),
});
}
module.exports = {
buttonStyle: buttonStyle,
inputStyle: inputStyle,
};