How to get the value of the slot named body in tsx

[whyds000]

import { defineComponent, ref } from "vue";
import styles from './ps.module.less'
interface _emit{
(e:'closePs'):void
}
export default defineComponent({
setup(props,{emit}:{emit:_emit}){
const ps=ref()
const editable=ref(true)

function clear(){
  ps.value.clearAll()
}
function closeEvt(){
  emit('closePs')

}
const slots={
  body:(scope:any)=>{
    scope.map((item:any,index:number)=>{
      return <vc-btn key={index}>{item.tip}</vc-btn>
    })
  }
}
return () => (  
  <div class={styles['ps-container']}>
     <span class={styles['delete']}  onClick={closeEvt}>x</span>
     <vc-analysis v-slots={slots} editable={editable.value} position='bottom-left' ref={ps.value} offset={[10,30]}>
     
     </vc-analysis>
  </div>
);

}
})

[valcosmos]

May be u can try this:

App.tsx

import { defineComponent } from 'vue'
import { Layout } from './Layout'

export const App = defineComponent({
  setup() {
    return () => (
      <>
        <Layout>
          {{
            default: () => 'this is default',
            body: () => 'this is body'
          }}
        </Layout>
      </>
    )
  }
})

Layout.tsx

import { defineComponent } from 'vue'

export const Layout = defineComponent({
  setup(props, { slots }) {
    return () => (
      <div>
        <h1>{slots.default?.()}</h1>
        <h2>{slots.body?.()}</h2>
      </div>
    )
  }
})