import { PSSysViewPanelItem } from '@ibizstudio/api';
import { VueLifeCycleProcessing } from '@ibizstudio/dynamic-design';
import { Component } from 'vue-property-decorator';
import { PanelMaterialBase } from '../panel-material-base';

/**
 * 面板布局容器
 *
 * @export
 * @class PanelLayout
 * @extends {FormMaterialBase}
 */
@Component({})
@VueLifeCycleProcessing()
export class PanelLayout extends PanelMaterialBase {
    /**
     * 绘制拖拽容器class
     *
     * @returns {*}
     * @memberof PanelLayout
     */
    getClass(): any {
        return {
            ...super.getClass(),
            'material-form-container': true,
        };
    }

    /**
     * 获取可创建的项
     *
     * @memberof PanelLayout
     */
    componentCreated(): void {
        this.list.push({
            text: '分页部件',
            tooltip: '分页部件',
            iconcls: 'iconfont icon-tab',
            data: new PSSysViewPanelItem({ itemtype: 'TABPANEL' }),
        });
        this.list.push({
            text: '布局容器',
            tooltip: '布局容器',
            iconcls: 'iconfont icon-tab',
            data: new PSSysViewPanelItem({ itemtype: 'CONTAINER' }),
        });
    }
}