{"version":3,"file":"tabsCard.mjs","names":[],"sources":["../../../../../../packages/components/base-tabs/src/tabsCard.vue"],"sourcesContent":["<template>\n  <div class=\"el-tabs el-tabs--top el-base-tabs\">\n    <div class=\"el-tabs__header is-top\">\n      <div class=\"el-tabs__nav-wrap is-top\">\n        <div class=\"el-tabs__nav-scroll\">\n          <div class=\"el-tabs__nav is-top\">\n            <div\n              v-for=\"item in props.tabListData\"\n              :key=\"item.name\"\n              class=\"el-tabs__item\"\n              :class=\"props.modelValue === item.name ? 'is-active' : ''\"\n              @click=\"handleClick(item.name)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { definePropType, mutable } from '@pit-element-plus/utils'\nimport type { TabListDatas } from './tabs'\n\ndefineOptions({\n  name: 'TabsCard',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Number],\n  },\n  tabListData: {\n    type: definePropType<TabListDatas>(Array),\n    default: () => mutable([]),\n  },\n  noCard: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits({\n  change: (val: string | number) => val,\n})\n\nconst handleClick = function (val: string | number) {\n  if (val) {\n    emit('change', val)\n  }\n}\n</script>\n"],"mappings":""}