[bugfix] functional component should not inherit scropedSlots (#2752)

packages/panel/index.js

@@ -1,29 +1,36 @@
 import { use } from '../utils';
 import Cell from '../cell';
 import CellGroup from '../cell-group';
+import { inherit } from '../utils/functional';
 
 const [sfc, bem] = use('panel');
 
 function Panel(h, props, slots, ctx) {
+  const Content = () => [
+    slots.header ? (
+      slots.header()
+    ) : (
+      <Cell
+        icon={props.icon}
+        label={props.desc}
+        title={props.title}
+        value={props.status}
+        class={bem('header')}
+        valueClass={bem('header-value')}
+      />
+    ),
+    <div class={bem('content')}>{slots.default && slots.default()}</div>,
+    slots.footer && (
+      <div class={[bem('footer'), 'van-hairline--top']}>{slots.footer()}</div>
+    )
+  ];
+
   return (
-    <CellGroup class={bem()} {...ctx.data}>
-      {slots.header ? (
-        slots.header()
-      ) : (
-        <Cell
-          icon={props.icon}
-          label={props.desc}
-          title={props.title}
-          value={props.status}
-          class={bem('header')}
-          valueClass={bem('header-value')}
-        />
-      )}
-      <div class={bem('content')}>{slots.default && slots.default()}</div>
-      {slots.footer && (
-        <div class={[bem('footer'), 'van-hairline--top']}>{slots.footer()}</div>
-      )}
-    </CellGroup>
+    <CellGroup
+      class={bem()}
+      scopedSlots={{ default: Content }}
+      {...inherit(ctx, true)}
+    />
   );
 }