问iview按需引入中，对于一个组件中包含两个引入元素如折叠面板这样，怎么引入子元素？

import { Collapse, Panel } from 'view-design' 
Vue.component('Collapse', Collapse)
Vue.component('Panel', Panel)
//错误提示
// 模块“"../../../../../../../../MaxTunnel-V2/front-end/maxtunnel-web/node_modules/view-design/types"”没有导出的成员“Panel”。

import { Collapse } from Collapse
Vue.component('Collapse', Collapse)
Vue.component('Panel', Collapse)
// 不会有错误提示，但是解析出来的代码没有Panel，样式也就没有出来

import { Collapse } from Collapse
Vue.component('Collapse', Collapse)
const { Panel } = Collapse
// 这个写法是看了ant-design来写的，但是iview中会报错
// 类型“typeof Collapse”上不存在属性“Panel”。ts(2339)

import { Collapse } from 'view-design'
Vue.component('Collapse', Collapse)

<Collapse v-model="data.value">
    <Panel :name=item.id v-for="(item, index) in data.tunnelInfoSur" :key="index">
        {{ item.tunnelName }}
        <p slot="content">
            <p>
                介绍：长{{ item.tunnelLength }}公里，
            </p>      
        </p>
    </Panel>
</Collapse>