{"version":3,"file":"index-d52d6459.js","sources":["../../../../../src/components/layout/car/cascader/brand.vue","../../../../../src/components/layout/car/cascader/series.vue","../../../../../src/components/layout/car/cascader/model.vue","../../../../../src/components/layout/car/cascader/index.vue"],"sourcesContent":["<script setup lang='ts'>\r\nimport { LOAD_STATUS } from '@qcwp/common'\r\nimport type { BrandResponse } from '~~/src/server/modules/car/types'\r\nimport { useCarStore } from '~~/src/store'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  brandId?: string\r\n}>(), {})\r\nconst emits = defineEmits({\r\n  select: (data: BrandResponse) => true,\r\n})\r\nconst carStore = useCarStore()\r\nconst { brands, formatBrandsData, brandsIndexList } = storeToRefs(carStore)\r\n\r\nconst loadStatus = ref<LOAD_STATUS>(LOAD_STATUS.INIT)\r\nasync function initHandle() {\r\n  try {\r\n    loadStatus.value = LOAD_STATUS.LOADING\r\n    await carStore.brandsInitHandle()\r\n    if (!brandsIndexList)\r\n      throw new Error('load brand list error')\r\n    loadStatus.value = LOAD_STATUS.END\r\n  }\r\n  catch (error) {\r\n    loadStatus.value = LOAD_STATUS.ERROR\r\n  }\r\n}\r\nfunction select(data: BrandResponse) {\r\n  emits('select', data)\r\n}\r\n\r\ninitHandle()\r\n</script>\r\n\r\n<template>\r\n  <div pr-3 items-start px-3>\r\n    <div v-if=\"(loadStatus === LOAD_STATUS.END)\">\r\n      <layout-car-brand-search class=\"mt-3\" :brands=\"brands\" @select=\"select\" />\r\n      <n-scrollbar>\r\n        <div v-for=\"index in brandsIndexList\" :key=\"index\">\r\n          <div class=\"leading-10 font-bold\">\r\n            {{ index }}\r\n          </div>\r\n          <div v-if=\"formatBrandsData\" class=\"flex flex-wrap gap-3\">\r\n            <div\r\n              v-for=\"v in formatBrandsData[index]\" :key=\"v.id\"\r\n              class=\"p-1 cursor-pointer hover:text-primary\"\r\n              @click=\"select(v)\"\r\n            >\r\n              {{ v.brandName }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </n-scrollbar>\r\n    </div>\r\n    <div v-if=\"(loadStatus === LOAD_STATUS.LOADING)\" class=\"py-5 flex items-center\">\r\n      <van-loading size=\"16\" mr-2 />\r\n      <span ml-2>加载中...</span>\r\n    </div>\r\n    <div v-if=\"(loadStatus === LOAD_STATUS.ERROR)\" class=\"grid place-items-center py-5\">\r\n      <p text-4 text-gray-400>\r\n        加载失败\r\n      </p>\r\n      <n-button\r\n        mt-3\r\n        strong secondary type=\"primary\"\r\n        @click=\"initHandle\"\r\n      >\r\n        重新加载\r\n      </n-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { LOAD_STATUS } from '@qcwp/common'\r\nimport type { VenderSeriesResponse, VendorResponse } from '~~/src/server/modules/car/types'\r\nimport { useCarStore } from '~~/src/store'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  brandId: string\r\n}>(), {})\r\n\r\nconst emits = defineEmits({\r\n  select: (data: VenderSeriesResponse) => true,\r\n})\r\nconst carStore = useCarStore()\r\n\r\nconst seriesList = ref<{ vender: VendorResponse[];allSeries: VenderSeriesResponse[] } | null>(null)\r\nconst loadStatus = ref<LOAD_STATUS>(LOAD_STATUS.INIT)\r\nasync function initHandle() {\r\n  try {\r\n    loadStatus.value = LOAD_STATUS.LOADING\r\n    await carStore.getSeriesList(props.brandId)\r\n    seriesList.value = carStore.getCurrentBrandSeries(props.brandId)\r\n    if (!seriesList.value?.allSeries)\r\n      throw new Error('load model list error')\r\n\r\n    loadStatus.value = LOAD_STATUS.END\r\n  }\r\n  catch (error) {\r\n    loadStatus.value = LOAD_STATUS.ERROR\r\n  }\r\n}\r\nfunction select(data: VenderSeriesResponse) {\r\n  emits('select', data)\r\n}\r\n\r\ninitHandle()\r\n</script>\r\n\r\n<template>\r\n  <div pr-3 items-start px-3>\r\n    <n-scrollbar v-if=\"(loadStatus === LOAD_STATUS.END)\">\r\n      <ul>\r\n        <li v-for=\"item in seriesList?.vender\" :key=\"item.carVendorId\">\r\n          <div class=\"leading-10 font-bold\">\r\n            {{ item.carVendorName }}\r\n          </div>\r\n          <div v-if=\"(item.carSeriesList && item.carSeriesList.length)\" class=\"flex flex-wrap gap-3\">\r\n            <div\r\n              v-for=\"v in item.carSeriesList\" :key=\"v.id\"\r\n              class=\"px-2 py-1 cursor-pointer hover:text-primary bg-gray-100 rounded-sm \"\r\n              @click=\"select(v)\"\r\n            >\r\n              {{ v.carSeriesName }}\r\n            </div>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </n-scrollbar>\r\n    <div v-if=\"(loadStatus === LOAD_STATUS.LOADING)\" class=\"py-5 flex items-center\">\r\n      <van-loading size=\"16\" mr-2 />\r\n      <span ml-2>加载中...</span>\r\n    </div>\r\n    <div v-if=\"(loadStatus === LOAD_STATUS.ERROR)\" class=\"grid place-items-center py-5\">\r\n      <p text-4 text-gray-400>\r\n        加载失败\r\n      </p>\r\n      <n-button\r\n        mt-3\r\n        strong secondary type=\"primary\"\r\n        @click=\"initHandle\"\r\n      >\r\n        重新加载\r\n      </n-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { LOAD_STATUS } from '@qcwp/common'\r\nimport type { ModelResponse } from '~~/src/server/modules/car/types'\r\nimport { useCarStore } from '~~/src/store'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  seriesId: string\r\n}>(), {})\r\nconst emits = defineEmits({\r\n  select: (data: ModelResponse) => true,\r\n})\r\nconst carStore = useCarStore()\r\n\r\nconst list = ref<{ count: number;years: string[];modelsYears: Record<string, ModelResponse[]> } | null>(null)\r\nconst loadStatus = ref<LOAD_STATUS>(LOAD_STATUS.INIT)\r\nasync function initHandle() {\r\n  try {\r\n    loadStatus.value = LOAD_STATUS.LOADING\r\n    await carStore.getModelList(props.seriesId)\r\n    list.value = carStore.getCurrentSeriesModel(props.seriesId) || null\r\n    if (!list.value?.modelsYears)\r\n      throw new Error('load model list error')\r\n    loadStatus.value = LOAD_STATUS.END\r\n  }\r\n  catch (error) {\r\n    console.error(error)\r\n    loadStatus.value = LOAD_STATUS.ERROR\r\n  }\r\n}\r\nfunction select(data: ModelResponse) {\r\n  emits('select', data)\r\n}\r\n\r\ninitHandle()\r\n</script>\r\n\r\n<template>\r\n  <div pr-3 items-start px-3>\r\n    <n-scrollbar v-if=\"(loadStatus === LOAD_STATUS.END) && list && list.years.length\">\r\n      <ul v-if=\"list\">\r\n        <li v-for=\"year in list.years\" :key=\"year\">\r\n          <div class=\"leading-10 font-bold\">\r\n            {{ year }}\r\n          </div>\r\n          <div v-if=\"(list.modelsYears[year] && list.modelsYears[year].length)\" class=\"flex flex-wrap gap-3\">\r\n            <div\r\n              v-for=\"v in list.modelsYears[year]\" :key=\"v.id\"\r\n              class=\"px-2 py-1 cursor-pointer hover:text-primary bg-gray-100 rounded-sm \"\r\n              @click=\"select(v)\"\r\n            >\r\n              {{ v.carModelName }}\r\n            </div>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </n-scrollbar>\r\n    <div v-else-if=\"(loadStatus === LOAD_STATUS.LOADING)\" class=\"py-5 flex items-center\">\r\n      <van-loading size=\"16\" mr-2 />\r\n      <span ml-2>加载中...</span>\r\n    </div>\r\n    <div v-else-if=\"(loadStatus === LOAD_STATUS.ERROR)\" class=\"grid place-items-center py-5\">\r\n      <p text-4 text-gray-400>\r\n        加载失败\r\n      </p>\r\n      <n-button\r\n        mt-3\r\n        strong secondary type=\"primary\"\r\n        @click=\"initHandle\"\r\n      >\r\n        重新加载\r\n      </n-button>\r\n    </div>\r\n    <div v-else>\r\n      <base-empty text=\"暂无相关车型\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n","<!-- 类似组件 page-series-cascader -->\r\n<script setup lang='ts'>\r\nimport Brand from './brand.vue'\r\nimport Series from './series.vue'\r\nimport Model from './model.vue'\r\nimport type { BrandResponse, ModelResponse, VenderSeriesResponse } from '~~/src/server/modules/car/types'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  values?: [string | undefined, string | undefined, string | undefined]\r\n  series?: boolean\r\n  model?: boolean\r\n  to?: string\r\n  placement?: 'top' | 'right' | 'bottom' | 'left'\r\n}>(), {\r\n  values: () => [undefined, undefined, undefined],\r\n  series: true,\r\n  model: true,\r\n})\r\nconst emits = defineEmits({\r\n  selected: (data: { brand: BrandResponse | null; series: VenderSeriesResponse | null; model: ModelResponse | null }) => true,\r\n})\r\nconst { isDesktop } = useDevice()\r\n\r\nconst currentStep = ref(0)\r\nconst isSelect = ref(false)\r\nconst placement = computed(() => props.placement || (isDesktop ? 'right' : 'bottom'))\r\nconst selectedBrand = ref<BrandResponse | null>(null)\r\nconst selectedSeries = ref<VenderSeriesResponse | null>(null)\r\nconst selectedModel = ref<ModelResponse | null>(null)\r\n\r\nfunction selectBrand(brand: BrandResponse) {\r\n  selectedBrand.value = brand\r\n  selectedSeries.value = null\r\n  selectedModel.value = null\r\n  emits('selected', { brand: unref(selectedBrand), series: null, model: null })\r\n  if (!props.series) {\r\n    isSelect.value = false\r\n    return\r\n  }\r\n  changeStep(1)\r\n}\r\nfunction selectSeries(series: VenderSeriesResponse) {\r\n  selectedSeries.value = series\r\n  selectedModel.value = null\r\n  emits('selected', { brand: unref(selectedBrand), series: unref(selectedSeries), model: null })\r\n  if (!props.model)\r\n    isSelect.value = false\r\n  else\r\n    changeStep(2)\r\n}\r\nfunction selectModel(data: ModelResponse) {\r\n  selectedModel.value = data\r\n  emits('selected', { brand: unref(selectedBrand), series: unref(selectedSeries), model: unref(selectedModel) })\r\n\r\n  isSelect.value = false\r\n  clear()\r\n}\r\nfunction clear() {\r\n  selectedBrand.value = null\r\n  selectedSeries.value = null\r\n  selectedModel.value = null\r\n  changeStep(0)\r\n}\r\nfunction changeStep(step: number) {\r\n  currentStep.value = step\r\n}\r\n\r\nconst components = reactive([\r\n  { name: 'brand', component: markRaw(Brand), props: { }, selected: selectBrand },\r\n  props.series\r\n    ? { name: 'series', component: markRaw(Series), props: { brandId: computed(() => selectedBrand.value?.id) }, selected: selectSeries }\r\n    : {},\r\n  props.model\r\n    ? { name: 'model', component: markRaw(Model), props: { seriesId: computed(() => selectedSeries.value?.id) }, selected: selectModel }\r\n    : {},\r\n])\r\nonDeactivated(() => {\r\n  isSelect.value = false\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div relative>\r\n    <div @click=\"(isSelect = !isSelect)\">\r\n      <slot>\r\n        <div class=\"border-1 border-gray-600 flex items-center px-2 py-1 relative cursor-pointer\">\r\n          <div>\r\n            <span>选择品牌</span>\r\n          </div>\r\n          <span class=\"absolute right-2\">\r\n            <i i-ic:outline-keyboard-arrow-down />\r\n          </span>\r\n        </div>\r\n      </slot>\r\n    </div>\r\n    <n-drawer\r\n      v-model:show=\"isSelect\"\r\n      height=\"80vh\"\r\n      width=\"500px\"\r\n      :placement=\"placement\"\r\n      :trap-focus=\"false\"\r\n      :block-scroll=\"false\"\r\n      display-directive=\"show\"\r\n      :to=\"props.to\"\r\n    >\r\n      <n-drawer-content closable>\r\n        <template #header>\r\n          <span text-4 class=\"cursor-pointer\" @click=\"changeStep(0)\">{{ selectedBrand?.brandName || '选择品牌' }}</span>\r\n          <template v-if=\"[1, 2].includes(currentStep) && props.series\">\r\n            <i i-ic:baseline-keyboard-arrow-right text-gray-400 />\r\n            <span class=\"cursor-pointer\" text-4 @click=\"changeStep(1)\">{{ selectedSeries?.carSeriesName || '选择车系' }}</span>\r\n          </template>\r\n          <template v-if=\"(currentStep === 2) && props.model\">\r\n            <i i-ic:baseline-keyboard-arrow-right />\r\n            <span class=\"cursor-pointer\" text-4 @click=\"changeStep(2)\">选择车型</span>\r\n          </template>\r\n        </template>\r\n        <n-scrollbar>\r\n          <component\r\n            :is=\"(components[currentStep]?.component as any)\"\r\n            v-bind=\"components[currentStep]?.props\"\r\n            @select=\"components[currentStep]?.selected\"\r\n          />\r\n        </n-scrollbar>\r\n      </n-drawer-content>\r\n    </n-drawer>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.n-drawer-content:deep(.n-drawer-body-content-wrapper) {\r\n  --uno: p-0 pl-1 pb-4 md:pr-3;\r\n}\r\n</style>\r\n"],"names":["carStore","useCarStore","brands","formatBrandsData","brandsIndexList","storeToRefs","loadStatus","ref","LOAD_STATUS","initHandle","select","data","emits","seriesList","props","_a","list","error","isDesktop","useDevice","currentStep","isSelect","placement","computed","selectedBrand","selectedSeries","selectedModel","selectBrand","brand","unref","changeStep","selectSeries","series","selectModel","clear","step","components","reactive","markRaw","Brand","Series","Model","onDeactivated"],"mappings":"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"}