fix(ContactList): select event triggered twice

src/contact-list/index.js

@@ -23,28 +23,17 @@ export default createComponent({
   emits: ['add', 'edit', 'select', 'update:modelValue'],
 
   setup(props, { emit }) {
-    return () => {
+    const renderItem = (item, index) => {
-      const List =
+      const onClick = () => {
-        props.list &&
-        props.list.map((item, index) => {
-          function onClick() {
         emit('update:modelValue', item.id);
         emit('select', item, index);
-          }
+      };
 
-          function RightIcon() {
+      const renderRightIcon = () => (
-            return (
+        <Radio name={item.id} iconSize={16} checkedColor={RED} />
-              <Radio
-                name={item.id}
-                iconSize={16}
-                checkedColor={RED}
-                onClick={onClick}
-              />
       );
-          }
 
-          function LeftIcon() {
+      const renderLeftIcon = () => (
-            return (
         <Icon
           name="edit"
           class={bem('edit')}
@@ -54,9 +43,8 @@ export default createComponent({
           }}
         />
       );
-          }
 
-          function Content() {
+      const renderContent = () => {
         const nodes = [`${item.name}，${item.tel}`];
 
         if (item.isDefault && props.defaultTagText) {
@@ -68,14 +56,14 @@ export default createComponent({
         }
 
         return nodes;
-          }
+      };
 
       return (
         <Cell
           v-slots={{
-                icon: LeftIcon,
+            icon: renderLeftIcon,
-                default: Content,
+            default: renderContent,
-                'right-icon': RightIcon,
+            'right-icon': renderRightIcon,
           }}
           key={item.id}
           isLink
@@ -85,12 +73,12 @@ export default createComponent({
           onClick={onClick}
         />
       );
-        });
+    };
 
-      return (
+    return () => (
       <div class={bem()}>
         <RadioGroup modelValue={props.modelValue} class={bem('group')}>
-            {List}
+          {props.list && props.list.map(renderItem)}
         </RadioGroup>
         <div class={bem('bottom')}>
           <Button
@@ -106,6 +94,5 @@ export default createComponent({
         </div>
       </div>
     );
-    };
   },
 });