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

refactor(Col): use setup

Browse Source
This commit is contained in:
chenjiahan 2020-08-24 15:48:43 +08:00
parent 4d9b4b3e23
commit 804a4e0193
1 changed files with 23 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/col/index.js
View File

@ -15,12 +15,13 @@ export default createComponent({
}, },
}, },
emits: ['click'], setup(props, { slots }) {
return (vm) => {
const { tag, span, offset } = props;
computed: { const getStyle = () => {
style() { const { index } = vm;
const { index } = this; const { spaces } = vm.parent || {};
const { spaces } = this.parent || {};
if (spaces && spaces[index]) { if (spaces && spaces[index]) {
const { left, right } = spaces[index]; const { left, right } = spaces[index];
@ -29,25 +30,16 @@ export default createComponent({
paddingRight: right ? `${right}px` : null, paddingRight: right ? `${right}px` : null,
}; };
} }
}, };
},
methods: {
onClick(event) {
this.$emit('click', event);
},
},
render() {
const { span, offset } = this;
return ( return (
<this.tag <tag
style={this.style} style={getStyle()}
class={bem({ [span]: span, [`offset-${offset}`]: offset })} class={bem({ [span]: span, [`offset-${offset}`]: offset })}
onClick={this.onClick}
> >
{this.$slots.default?.()} {slots.default?.()}
</this.tag> </tag>
); );
};
}, },
}); });