"use strict";
Component({
    properties: {
        background: {
            type: String,
            value: "rgba(255, 255, 255, 1)",
        },
        color: {
            type: String,
            value: "rgba(0, 0, 0, 1)",
        },
        titleText: {
            type: String,
            value: "",
        },
        titleImg: {
            type: String,
            value: "",
        },
        showBack: {
            type: Boolean,
            value: true
        },
        backIcon: {
            type: String,
            value: "",
        },
        homeIcon: {
            type: String,
            value: "",
        },
        fontSize: {
            type: Number,
            value: 16,
        },
        iconHeight: {
            type: Number,
            value: 19,
        },
        iconWidth: {
            type: Number,
            value: 58,
        },
    },
    attached: function () {
        var that = this;
        that.setNavSize();
        that.setStyle();
    },
    data: {},
    methods: {
        setNavSize: function () {
            var that = this, sysinfo = wx.getSystemInfoSync(), statusHeight = sysinfo.statusBarHeight, isiOS = sysinfo.system.indexOf("iOS") > -1, navHeight;
            if (!isiOS) {
                navHeight = 48;
            }
            else {
                navHeight = 44;
            }
            that.setData({
                status: statusHeight,
                navHeight: navHeight,
            });
            return statusHeight + navHeight;
        },
        setStyle: function () {
            var that = this, containerStyle, textStyle, iconStyle;
            textStyle = [
                "color:" + that.data.color,
                "font-size:" + that.data.fontSize + "px",
            ].join(";");
            iconStyle = [
                "width: " + that.data.iconWidth + "px",
                "height: " + that.data.iconHeight + "px",
            ].join(";");
            that.setData({
                containerStyle: containerStyle,
                textStyle: textStyle,
                iconStyle: iconStyle,
            });
        },
        back: function () {
            this.triggerEvent("back", { back: 1 });
        },
        home: function () {
            this.triggerEvent("home", {});
        },
    },
});