cloud-ui.vusion/src/u-sidebar-group.vue/index.html

Vusion Cloud UI

<div :class="$style.root" :disabled="disabled">
    <div :class="$style.head" :selected="selected" @click="parentVM.expandTrigger === 'click' && toggle()">
         <div :class="$style.title">
            <slot name="title">{{ title }}</slot>
        </div>
        <span v-if="currentCollapsible" :class="$style.expander"
            :expanded="currentExpanded"
            @click="parentVM.expandTrigger === 'click-expander' && ($event.stopPropagation(), toggle())"
        ></span>
        <span :class="$style.extra"><slot name="extra"></slot></span>
    </div>
    <u-collapse-transition>
        <div :class="$style.body" v-show="currentCollapsible ? currentExpanded : true">
            <slot></slot>
        </div>
    </u-collapse-transition>
</div>