import { VueLifeCycleProcessing } from '@ibizstudio/dynamic-design';
import { DragDesignItemBase } from '@ibizstudio/dynamic-design';
import { Component } from 'vue-property-decorator';
import './panel-content.less';

/**
 * 面板容器
 *
 * @export
 * @class PanelContainer
 * @extends {DragDesignItemBase}
 */
@Component({})
@VueLifeCycleProcessing()
export class PanelContent extends DragDesignItemBase {
    async load() {
        await this.loadChild({
            ppssysviewpanelitemid: null,
        });
    }

    render() {
        return (
            <div
                class={{
                    'layout-item-container': true
                }}
            >
                <div class={{ 'ibz-panel-content': true, 'drag-item-container': true, active: this.active }}>
                    {this.renderDraggable(this.list, this.renderChild())}
                </div>
            </div>
        );
    }
}