mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
test(Stepper): add demo test
This commit is contained in:
nemo-shen
neverland
parent
606bf8aa25
commit
ce8955560e
@ -112,6 +112,7 @@
|
|||||||
"van-sidebar-item": "./dist/sidebar-item/index",
|
"van-sidebar-item": "./dist/sidebar-item/index",
|
||||||
"van-slider": "./dist/slider/index",
|
"van-slider": "./dist/slider/index",
|
||||||
"van-stepper": "./dist/stepper/index",
|
"van-stepper": "./dist/stepper/index",
|
||||||
|
"van-stepper-demo": "./dist/stepper/demo/index",
|
||||||
"van-steps": "./dist/steps/index",
|
"van-steps": "./dist/steps/index",
|
||||||
"van-sticky": "./dist/sticky/index",
|
"van-sticky": "./dist/sticky/index",
|
||||||
"van-submit-bar": "./dist/submit-bar/index",
|
"van-submit-bar": "./dist/submit-bar/index",
|
||||||
|
|||||||
@ -1,19 +1,3 @@
|
|||||||
import Page from '../../common/page';
|
import Page from '../../common/page';
|
||||||
import Toast from '../../dist/toast/toast';
|
|
||||||
|
|
||||||
Page({
|
Page();
|
||||||
data: {
|
|
||||||
value: 1
|
|
||||||
},
|
|
||||||
|
|
||||||
onChange(event) {
|
|
||||||
Toast.loading({
|
|
||||||
forbidClick: true
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
Toast.clear();
|
|
||||||
this.setData({ value: event.detail });
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|||||||
@ -1,45 +1 @@
|
|||||||
<van-cell center title="基础用法">
|
<van-stepper-demo />
|
||||||
<van-stepper value="{{ 1 }}" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="步长设置">
|
|
||||||
<van-stepper value="{{ 1 }}" step="2" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="限制输入范围">
|
|
||||||
<van-stepper value="{{ 1 }}" min="5" max="8" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="限制输入整数">
|
|
||||||
<van-stepper value="{{ 1 }}" integer />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="禁用状态">
|
|
||||||
<van-stepper value="{{ 1 }}" disabled />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="禁用长按">
|
|
||||||
<van-stepper value="{{ 1 }}" long-press="{{ false }}" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="固定小数位数">
|
|
||||||
<van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="异步变更">
|
|
||||||
<van-stepper
|
|
||||||
value="{{ value }}"
|
|
||||||
async-change
|
|
||||||
bind:change="onChange"
|
|
||||||
/>
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="自定义大小">
|
|
||||||
<van-stepper value="{{ 1 }}" input-width="40px" button-size="32px" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-cell center title="圆角风格">
|
|
||||||
<van-stepper value="{{ 1 }}" theme="round" button-size="22px" />
|
|
||||||
</van-cell>
|
|
||||||
|
|
||||||
<van-toast id="van-toast" />
|
|
||||||
|
|||||||
@ -1,4 +0,0 @@
|
|||||||
/* pages/stepper/index.wxss */
|
|
||||||
page {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
9
packages/stepper/demo/index.json
Normal file
9
packages/stepper/demo/index.json
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {
|
||||||
|
"van-cell": "../../cell/index",
|
||||||
|
"van-toast": "../../toast/index",
|
||||||
|
"van-stepper": "../../stepper/index",
|
||||||
|
"demo-block": "../../../example/components/demo-block/index"
|
||||||
|
}
|
||||||
|
}
|
||||||
22
packages/stepper/demo/index.ts
Normal file
22
packages/stepper/demo/index.ts
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
import { VantComponent } from '../../common/component';
|
||||||
|
import Toast from '../../toast/toast';
|
||||||
|
|
||||||
|
VantComponent({
|
||||||
|
data: {
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
onChange(event) {
|
||||||
|
Toast.loading({
|
||||||
|
context: this,
|
||||||
|
forbidClick: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
Toast.clear();
|
||||||
|
this.setData({ value: event.detail });
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
45
packages/stepper/demo/index.wxml
Normal file
45
packages/stepper/demo/index.wxml
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<van-cell center title="基础用法">
|
||||||
|
<van-stepper value="{{ 1 }}" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="步长设置">
|
||||||
|
<van-stepper value="{{ 1 }}" step="2" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<vanpackages/stepper/demo/index.less-cell center title="限制输入范围">
|
||||||
|
<van-stepper value="{{ 1 }}" min="5" max="8" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="限制输入整数">
|
||||||
|
<van-stepper value="{{ 1 }}" integer />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="禁用状态">
|
||||||
|
<van-stepper value="{{ 1 }}" disabled />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="禁用长按">
|
||||||
|
<van-stepper value="{{ 1 }}" long-press="{{ false }}" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="固定小数位数">
|
||||||
|
<van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="异步变更">
|
||||||
|
<van-stepper
|
||||||
|
value="{{ value }}"
|
||||||
|
async-change
|
||||||
|
bind:change="onChange"
|
||||||
|
/>
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="自定义大小">
|
||||||
|
<van-stepper value="{{ 1 }}" input-width="40px" button-size="32px" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-cell center title="圆角风格">
|
||||||
|
<van-stepper value="{{ 1 }}" theme="round" button-size="22px" />
|
||||||
|
</van-cell>
|
||||||
|
|
||||||
|
<van-toast id="van-toast" />
|
||||||
585
packages/stepper/test/__snapshots__/demo.spec.ts.snap
Normal file
585
packages/stepper/test/__snapshots__/demo.spec.ts.snap
Normal file
@ -0,0 +1,585 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`should render demo and match snapshot 1`] = `
|
||||||
|
<main>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
基础用法
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
步长设置
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
限制输入范围
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{5}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
限制输入整数
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="number"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
禁用状态
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input van-stepper__input--disabled"
|
||||||
|
disabled="{{true}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus van-stepper__plus--disabled"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
禁用长按
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
固定小数位数
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="1.0"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
异步变更
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper
|
||||||
|
bind:change="onChange"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style=""
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
自定义大小
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style="width:32px;height:32px"
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style="width:40px;height:32px"
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style="width:32px;height:32px"
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-cell>
|
||||||
|
<wx-view
|
||||||
|
class="custom-class van-cell van-cell--center"
|
||||||
|
hoverClass="van-cell--hover hover-class"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style=""
|
||||||
|
bind:tap="onClick"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__title title-class"
|
||||||
|
style=""
|
||||||
|
>
|
||||||
|
圆角风格
|
||||||
|
</wx-view>
|
||||||
|
<wx-view
|
||||||
|
class="van-cell__value value-class"
|
||||||
|
>
|
||||||
|
<van-stepper>
|
||||||
|
<wx-view
|
||||||
|
class="van-stepper van-stepper--round custom-class"
|
||||||
|
>
|
||||||
|
<wx-view
|
||||||
|
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||||
|
data-type="minus"
|
||||||
|
hoverClass="van-stepper__minus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style="width:22px;height:22px"
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
<wx-input
|
||||||
|
class="input-class van-stepper__input"
|
||||||
|
disabled="{{false}}"
|
||||||
|
focus=""
|
||||||
|
style="height:22px"
|
||||||
|
type="digit"
|
||||||
|
value="{{1}}"
|
||||||
|
bind:blur="onBlur"
|
||||||
|
bind:focus="onFocus"
|
||||||
|
bind:input="onInput"
|
||||||
|
/>
|
||||||
|
<wx-view
|
||||||
|
class="plus-class van-stepper__plus"
|
||||||
|
data-type="plus"
|
||||||
|
hoverClass="van-stepper__plus--hover"
|
||||||
|
hoverStayTime="70"
|
||||||
|
style="width:22px;height:22px"
|
||||||
|
bind:tap="onTap"
|
||||||
|
bind:touchend="onTouchEnd"
|
||||||
|
bind:touchstart="onTouchStart"
|
||||||
|
/>
|
||||||
|
</wx-view>
|
||||||
|
</van-stepper>
|
||||||
|
</wx-view>
|
||||||
|
</wx-view>
|
||||||
|
</van-cell>
|
||||||
|
<van-toast
|
||||||
|
id="van-toast"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-toast__container"
|
||||||
|
/>
|
||||||
|
</van-toast>
|
||||||
|
</main>
|
||||||
|
`;
|
||||||
11
packages/stepper/test/demo.spec.ts
Normal file
11
packages/stepper/test/demo.spec.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import path from 'path';
|
||||||
|
import simulate from 'miniprogram-simulate';
|
||||||
|
|
||||||
|
test('should render demo and match snapshot', () => {
|
||||||
|
const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
|
||||||
|
rootPath: path.resolve(__dirname, '../../'),
|
||||||
|
});
|
||||||
|
const comp = simulate.render(id);
|
||||||
|
comp.attach(document.createElement('parent-wrapper'));
|
||||||
|
expect(comp.toJSON()).toMatchSnapshot();
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user