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

chore(Slider): format code (#10055)

Browse Source
This commit is contained in:
neverland 2021-12-16 20:11:40 +08:00 committed by GitHub
parent 3976d5583d
commit 8fd2c0570e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/slider/README.md
View File

@ -169,10 +169,10 @@ export default {
### Slots ### Slots
| Name | Description | Arguments | | Name | Description | Arguments |
| ------------ | ------------------------------ | ----------------- | | ----------------------- | ------------------------------ | ----------------- |
| button | Custom button | - | | button | Custom button | - |
| left-button | Custom left button (in range) | { value: number } | | left-button `v2.12.38` | Custom left button (in range) | { value: number } |
| right-button | Custom right button (in range) | { value: number } | | right-button `v2.12.38` | Custom right button (in range) | { value: number } |
### Less Variables ### Less Variables

6
src/slider/README.zh-CN.md
View File

@ -175,10 +175,10 @@ export default {
### Slots ### Slots
| 名称 | 说明 | 参数 | | 名称 | 说明 | 参数 |
| ------------ | ---------------------------------- | ----------------- | | --- | --- | --- |
| button | 自定义滑动按钮 | - | | button | 自定义滑动按钮 | - |
| left-button | 自定义左侧滑块按钮（双滑块模式下） | { value: number } | | left-button `v2.12.38` | 自定义左侧滑块按钮（双滑块模式下） | { value: number } |
| right-button | 自定义右侧滑块按钮（双滑块模式下） | { value: number } | | right-button `v2.12.38` | 自定义右侧滑块按钮（双滑块模式下） | { value: number } |
### 样式变量 ### 样式变量

21
src/slider/index.js
View File

@ -236,34 +236,39 @@ export default createComponent({
const renderButton = (i) => { const renderButton = (i) => {
const map = ['left', 'right']; const map = ['left', 'right'];
const isNumber = typeof i === 'number'; const isNumber = typeof i === 'number';
const current = isNumber ? this.value[i] : this.value const current = isNumber ? this.value[i] : this.value;
const getClassName = () => { const getClassName = () => {
if (isNumber) { if (isNumber) {
return `button-wrapper-${map[i]}`; return `button-wrapper-${map[i]}`;
} }
return `button-wrapper`; return `button-wrapper`;
}; };
const getRefName = () => { const getRefName = () => {
if (isNumber) { if (isNumber) {
return `wrapper${i}`; return `wrapper${i}`;
} }
return `wrapper`; return `wrapper`;
}; };
const renderButtonContent = () => { const renderButtonContent = () => {
if (isNumber) { if (isNumber) {
const slot = this.slots(i === 0 ? 'left-button' : 'right-button', {value: current}) const slot = this.slots(i === 0 ? 'left-button' : 'right-button', {
value: current,
});
if (slot) { if (slot) {
return slot return slot;
} }
} }
if (this.slots('button')) { if (this.slots('button')) {
return this.slots('button') return this.slots('button');
}
return (
<div class={bem('button')} style={this.buttonStyle} />
)
} }
return <div class={bem('button')} style={this.buttonStyle} />;
};
return ( return (
<div <div
ref={getRefName()} ref={getRefName()}