import { Vue, Component, Prop } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { IAbsoluteLayoutContext } from '@ibizstudio/absolute-layout-design';
import './panel-absolute-layout-item-container.less';

@Component
export class PanelAbsoluteLayoutItemContainer extends Vue {
    @Prop()
    renderType!: string;

    @Prop()
    ctx!: IAbsoluteLayoutContext;

    @Prop()
    data: any;

    @Prop()
    componentName!: string;

    /**
     * 绘制函数
     *
     * @param {CreateElement} h
     * @return {*}
     * @memberof PanelAbsoluteLayoutItemContainer
     */
    render(h: CreateElement) {
        return (
            <div class='panel-absolute-layout-item-container'>
                {h(
                    this.componentName,
                    {
                        props: {
                            renderType: this.renderType,
                            ctx: this.ctx,
                            data: this.data,
                        },
                    },
                    [],
                )}
            </div>
        );
    }
}