import {
	mapState
} from 'vuex'

import api from '@/api/api'
import {
	httpPost
} from '@/api/fetch-api.js'

export default {
	name: "DropDownList",
	data() {
		return {
			navList: [],
			activeNames: [],
			activeName: [],
			visible: true,
			activeIndex: -1,
			borderBoo:false
		};
	},
	props: {
		// visible: {
		// 	type: Boolean,
		// 	default () {
		// 		return true;
		// 	}
		// },
		// type: {
		// 	type: String,
		// 	default () {
		// 		return "nav";
		// 	}
		// },
		// dataObj: {
		// 	type: Object,
		// 	default () {
		// 		return {};
		// 	}
		// },
		// dataList: {
		// 	type: Array,
		// 	default () {
		// 		return [];
		// 	}
		// },
		// labelProperty: {
		// 	type: String,
		// 	default () {
		// 		return "name";
		// 	}
		// }
	},
	computed: {
		locale() {
			return this.$i18n.locale || 'tc';
		},
		i18n() {
			return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
		},
	},
	methods: {
		onClickHandler(item) {
			let path = item && item.path || "";
			if (path) {
				this.$router.push({
					path: path
				})
			}
			// this.visible = false;
		},
		onChangeHandler(evt) {
			this.activeIndex = evt;
		},
		initData() {
			let navList = this.i18n.nav.navList;
			navList.forEach(element => {
				this.activeNames.push(
					[]
				)
			});
			this.navList = navList;

		}
	},
	created() {
		this.initData();
	},
};