import { __decorate } from "tslib";
import { VueLifeCycleProcessing } from '../../../decorators';
import { Component } from 'vue-property-decorator';
import { DesignContainerBase } from '../design-container-base/design-container-base';
import './design-tab-panel-content.less';
/**
 * 其他表单项类型
 *
 * @export
 * @class DesignTabPanelContent
 * @extends {DesignContainerBase}
 */
let DesignTabPanelContent = class DesignTabPanelContent extends DesignContainerBase {
    render() {
        const style = {};
        const { margin, padding } = this.data;
        if (margin != null) {
            style.margin = margin + 'px';
        }
        if (padding != null) {
            style.padding = padding + 'px';
        }
        return (<div style={style} class={['ibz-design-tab-panel-content', 'drag-item-container', { active: this.active }]} on-click={(e) => this.onActiveClick(e, this.data)}>
                {this.renderDraggable(this.list, this.renderChild())}
            </div>);
    }
};
DesignTabPanelContent = __decorate([
    Component({}),
    VueLifeCycleProcessing()
], DesignTabPanelContent);
export { DesignTabPanelContent };