From 7304c98ed02784400086d07aae23544952e608e7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 26 Nov 2020 22:29:26 +0800
Subject: [PATCH] chore(Popover): use fragment

---
 src/popover/demo/index.vue |  1 +
 src/popover/index.js       | 13 ++++++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/popover/demo/index.vue b/src/popover/demo/index.vue
index 7dcc4412b..c907d393d 100644
--- a/src/popover/demo/index.vue
+++ b/src/popover/demo/index.vue
@@ -4,6 +4,7 @@
       v-model:show="show.lightTheme"
       :actions="t('actions')"
       placement="bottom-start"
+      class="foo"
       @select="onSelect"
     >
       <template #reference>
diff --git a/src/popover/index.js b/src/popover/index.js
index 34b05cea4..25cf3b074 100644
--- a/src/popover/index.js
+++ b/src/popover/index.js
@@ -2,7 +2,7 @@ import { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';
 import { createPopper, offsetModifier } from '@vant/popperjs';
 
 // Utils
-import { createNamespace, stopPropagation } from '../utils';
+import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
 // Composition
@@ -15,8 +15,6 @@ import Popup from '../popup';
 const [createComponent, bem] = createNamespace('popover');
 
 export default createComponent({
-  inheritAttrs: false,
-
   props: {
     show: Boolean,
     overlay: Boolean,
@@ -152,7 +150,10 @@ export default createComponent({
     useClickAway(wrapperRef, onClickAway, { eventName: 'touchstart' });
 
     return () => (
-      <span ref={wrapperRef} class={bem('wrapper')} onClick={onClickWrapper}>
+      <>
+        <span ref={wrapperRef} class={bem('wrapper')} onClick={onClickWrapper}>
+          {slots.reference?.()}
+        </span>
         <Popup
           ref={popoverRef}
           show={props.show}
@@ -162,7 +163,6 @@ export default createComponent({
           teleport={props.teleport}
           transition="van-popover-zoom"
           lockScroll={false}
-          onClick={stopPropagation}
           onTouchstart={onTouchstart}
           {...{ ...attrs, 'onUpdate:show': toggle }}
         >
@@ -171,8 +171,7 @@ export default createComponent({
             {slots.default ? slots.default() : props.actions.map(renderAction)}
           </div>
         </Popup>
-        {slots.reference?.()}
-      </span>
+      </>
     );
   },
 });