import { __decorate } from "tslib";
import { Vue, Component } from 'vue-property-decorator';
import { FooterItemsService } from '../../../../app-service';
import './app-footer.less';
/**
 * 应用头部
 *
 * @export
 * @class AppFooter
 * @extends {Vue}
 */
let AppFooter = class AppFooter extends Vue {
    constructor() {
        super(...arguments);
        /**
         * 底部项绘制服务
         *
         * @private
         * @memberof AppFooter
         */
        this.footerItemsService = new FooterItemsService();
    }
    /**
     * 组件创建完毕
     *
     * @memberof AppFooter
     */
    created() {
        this.footerItemsService.tickTrigger().subscribe(() => {
            this.$nextTick();
        });
    }
    /**
     * 绘制内容
     *
     * @returns {VNode}
     * @memberof AppFooter
     */
    render(h) {
        return (<div class="app-footer">
                <div class="app-footer-left">
                    {this.footerItemsService.leftItemsRenders.map((item) => {
                return <div class="item">{item(h)}</div>;
            })}
                </div>
                <div class="app-footer-center">
                    {this.footerItemsService.centerItemsRenders.map((item) => {
                return <div class="item">{item(h)}</div>;
            })}
                </div>
                <div class="app-footer-right">
                    {this.footerItemsService.rightItemsRenders.map((item) => {
                return <div class="item">{item(h)}</div>;
            })}
                </div>
            </div>);
    }
};
AppFooter = __decorate([
    Component({})
], AppFooter);
export { AppFooter };