blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-21 22:09:16 +08:00
Code Issues Projects Releases Wiki Activity

fix(ContactList): select event triggered twice

Browse Source
This commit is contained in:
chenjiahan 2020-10-06 16:26:31 +08:00
parent 6d483a8da5
commit 1dd4083102
1 changed files with 62 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

137
src/contact-list/index.js
View File

@ -23,89 +23,76 @@ export default createComponent({
emits: ['add', 'edit', 'select', 'update:modelValue'],
setup(props, { emit }) {
return () => {
const List =
props.list &&
props.list.map((item, index) => {
function onClick() {
emit('update:modelValue', item.id);
emit('select', item, index);
}
const renderItem = (item, index) => {
const onClick = () => {
emit('update:modelValue', item.id);
emit('select', item, index);
};
function RightIcon() {
return (
<Radio
name={item.id}
iconSize={16}
checkedColor={RED}
onClick={onClick}
/>
);
}
const renderRightIcon = () => (
<Radio name={item.id} iconSize={16} checkedColor={RED} />
);
function LeftIcon() {
return (
<Icon
name="edit"
class={bem('edit')}
onClick={(event) => {
event.stopPropagation();
emit('edit', item, index);
}}
/>
);
}
const renderLeftIcon = () => (
<Icon
name="edit"
class={bem('edit')}
onClick={(event) => {
event.stopPropagation();
emit('edit', item, index);
}}
/>
);
function Content() {
const nodes = [`${item.name}，${item.tel}`];
const renderContent = () => {
const nodes = [`${item.name}，${item.tel}`];
if (item.isDefault && props.defaultTagText) {
nodes.push(
<Tag type="danger" round class={bem('item-tag')}>
{props.defaultTagText}
</Tag>
);
}
return nodes;
}
return (
<Cell
v-slots={{
icon: LeftIcon,
default: Content,
'right-icon': RightIcon,
}}
key={item.id}
isLink
center
class={bem('item')}
valueClass={bem('item-value')}
onClick={onClick}
/>
if (item.isDefault && props.defaultTagText) {
nodes.push(
<Tag type="danger" round class={bem('item-tag')}>
{props.defaultTagText}
</Tag>
);
});
}
return nodes;
};
return (
<div class={bem()}>
<RadioGroup modelValue={props.modelValue} class={bem('group')}>
{List}
</RadioGroup>
<div class={bem('bottom')}>
<Button
round
block
type="danger"
class={bem('add')}
text={props.addText || t('addText')}
onClick={() => {
emit('add');
}}
/>
</div>
</div>
<Cell
v-slots={{
icon: renderLeftIcon,
default: renderContent,
'right-icon': renderRightIcon,
}}
key={item.id}
isLink
center
class={bem('item')}
valueClass={bem('item-value')}
onClick={onClick}
/>
);
};
return () => (
<div class={bem()}>
<RadioGroup modelValue={props.modelValue} class={bem('group')}>
{props.list && props.list.map(renderItem)}
</RadioGroup>
<div class={bem('bottom')}>
<Button
round
block
type="danger"
class={bem('add')}
text={props.addText || t('addText')}
onClick={() => {
emit('add');
}}
/>
</div>
</div>
);
},
});