{"version":3,"file":"index-70b320e9.js","sources":["../../../../../src/components/base/areaSelect/item.vue","../../../../../src/components/base/areaSelect/index.vue"],"sourcesContent":["<script setup lang='ts'>\r\nimport { NSelect } from 'naive-ui'\r\nimport type { NestProvince } from '@qcwp/common'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  id?: string | undefined\r\n  option?: NestProvince | null\r\n  options?: NestProvince[]\r\n  placeholder?: string\r\n}>(), {\r\n  option: null,\r\n  placeholder: '请选择',\r\n})\r\nconst emits = defineEmits({\r\n  'update:option': (_data: NestProvince | null) => true,\r\n  'update:id': (_data: string | undefined) => true,\r\n})\r\nconst selectValue = ref<string | undefined>(undefined)\r\nconst selectOption = ref<NestProvince | null>(null)\r\nfunction updateValueHandle(value: string | undefined, option: NestProvince | null) {\r\n  selectValue.value = value\r\n  selectOption.value = option\r\n}\r\nfunction findOption(value: string) {\r\n  if (!props.options)\r\n    return null\r\n  for (const item of props.options) {\r\n    if (item.id === value)\r\n      return item\r\n  }\r\n  return null\r\n}\r\n\r\nconst stops = [\r\n  watch(() => [props.id, props.option], () => {\r\n    if (props.id !== unref(selectValue))\r\n      selectValue.value = props.id\r\n\r\n    if (JSON.stringify(props.option) !== JSON.stringify(unref(selectOption)))\r\n      selectOption.value = props.option\r\n  }, { immediate: true, deep: true }),\r\n  watch(selectValue, () => {\r\n    const currentOption = unref(selectValue) ? findOption(unref(selectValue) as string) : null\r\n    updateValueHandle(selectValue.value, currentOption)\r\n\r\n    emits('update:option', unref(selectOption))\r\n    if (props.id !== unref(selectValue))\r\n      emits('update:id', unref(selectValue))\r\n  }, { immediate: true }),\r\n]\r\n\r\nonBeforeUnmount(() => {\r\n  stops.forEach(stop => stop())\r\n})\r\n</script>\r\n\r\n<template>\r\n  <NSelect\r\n    :value=\"selectValue\"\r\n    :options=\"(props.options as any)\"\r\n    value-field=\"id\"\r\n    label-field=\"short_name\"\r\n    children-field=\"null\"\r\n    :placeholder=\"props.placeholder\"\r\n    clearable\r\n    filterable\r\n    @update:value=\"updateValueHandle\"\r\n  />\r\n</template>\r\n","<script setup lang='ts'>\r\nimport type { NestProvince } from '@qcwp/common'\r\nimport { nestProvince } from '@qcwp/common'\r\nimport Item from './item.vue'\r\nconst props = withDefaults(defineProps<{\r\n  provinceId?: string\r\n  provinceOption?: NestProvince | null\r\n  cityId?: string\r\n  cityOption?: NestProvince | null\r\n  areaId?: string\r\n  areaOption?: NestProvince | null\r\n  isCity?: boolean\r\n  isArea?: boolean\r\n}>(), {\r\n  provinceId: undefined,\r\n  cityId: undefined,\r\n  areaId: undefined,\r\n  provinceOption: null,\r\n  cityOption: null,\r\n  areaOption: null,\r\n  isCity: true,\r\n  isArea: false,\r\n})\r\nconst emits = defineEmits({\r\n  'update:provinceId': (_data: string | undefined) => true,\r\n  'update:provinceOption': (_data: NestProvince | null) => true,\r\n  'update:cityId': (_data: string | undefined) => true,\r\n  'update:cityOption': (_data: NestProvince | null) => true,\r\n  'update:areaId': (_data: string | undefined) => true,\r\n  'update:areaOption': (_data: NestProvince | null) => true,\r\n})\r\n\r\nconst changeStatus = ref(true)\r\n\r\nconst provinceSelectId = ref<string | undefined>(undefined)\r\nconst provinceSelectOption = ref<NestProvince | null>(null)\r\nfunction provinceSelectIdHandle(v: string | undefined) {\r\n  clearCity()\r\n  provinceSelectId.value = v\r\n  emits('update:provinceId', v)\r\n}\r\nfunction provinceSelectHandle(v: NestProvince | null) {\r\n  provinceSelectOption.value = v\r\n  emits('update:provinceOption', v)\r\n}\r\n\r\nconst citySelectId = ref<string | undefined>(undefined)\r\nconst citySelectOption = ref<NestProvince | null>(null)\r\nfunction citySelectIdHandle(v: string | undefined) {\r\n  clearArea()\r\n  citySelectId.value = v\r\n  emits('update:cityId', v)\r\n}\r\nfunction citySelectHandle(v: NestProvince | null) {\r\n  citySelectOption.value = v\r\n  emits('update:cityOption', v)\r\n}\r\nfunction clearCity() {\r\n  citySelectIdHandle(undefined)\r\n  citySelectHandle(null)\r\n}\r\n\r\nconst areaSelectId = ref<string | undefined>(undefined)\r\nconst areaSelectOption = ref<NestProvince | null>(null)\r\nfunction areaSelectIdHandle(v: string | undefined) {\r\n  areaSelectId.value = v\r\n  emits('update:areaId', v)\r\n}\r\nfunction areaSelectHandle(v: NestProvince | null) {\r\n  areaSelectOption.value = v\r\n  emits('update:areaOption', v)\r\n}\r\nfunction clearArea() {\r\n  areaSelectIdHandle(undefined)\r\n  areaSelectHandle(null)\r\n\r\n  changeStatus.value = false\r\n}\r\nlet timeKey: NodeJS.Timeout | null = null\r\nconst stops = [\r\n  watch(changeStatus, () => {\r\n    if (!changeStatus.value) {\r\n      timeKey && clearTimeout(timeKey)\r\n      timeKey = setTimeout(() => {\r\n        changeStatus.value = true\r\n      }, 1)\r\n    }\r\n  }),\r\n  watch(() => [props.provinceId, props.cityId, props.areaId], () => {\r\n    if (provinceSelectId.value !== props.provinceId)\r\n      provinceSelectIdHandle(props.provinceId)\r\n    if (citySelectId.value !== props.cityId)\r\n      citySelectIdHandle(props.cityId)\r\n    if (areaSelectId.value !== props.areaId)\r\n      areaSelectIdHandle(props.areaId)\r\n  }, { immediate: true }),\r\n]\r\n\r\nonBeforeUnmount(() => {\r\n  timeKey && clearTimeout(timeKey)\r\n  stops.forEach(stop => stop())\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"grid gap-3 w-full\" :class=\"[isArea ? 'grid-cols-3' : isCity ? 'grid-cols-2' : '']\">\r\n    <!-- 省 -->\r\n    <Item\r\n      :id=\"provinceSelectId\"\r\n      :option=\"provinceSelectOption\"\r\n      :options=\"nestProvince\"\r\n      placeholder=\"选择省\"\r\n      @update:id=\"provinceSelectIdHandle\"\r\n      @update:option=\"provinceSelectHandle\"\r\n    />\r\n    <!-- 市 -->\r\n    <Item\r\n      v-if=\"isCity && changeStatus\"\r\n      :id=\"citySelectId\"\r\n      placeholder=\"选择市\"\r\n      :option=\"citySelectOption\"\r\n      :options=\"provinceSelectOption?.children || []\"\r\n      @update:id=\"citySelectIdHandle\"\r\n      @update:option=\"citySelectHandle\"\r\n    />\r\n    <!-- 区 -->\r\n    <Item\r\n      v-if=\"isArea && changeStatus\"\r\n      :id=\"areaSelectId\"\r\n      placeholder=\"选择区\"\r\n      :option=\"areaSelectOption\"\r\n      :options=\"citySelectOption?.children || []\"\r\n      @update:id=\"areaSelectIdHandle\"\r\n      @update:option=\"areaSelectHandle\"\r\n    />\r\n  </div>\r\n</template>\r\n"],"names":["selectValue","ref","selectOption","updateValueHandle","value","option","findOption","props","item","stops","watch","unref","currentOption","emits","onBeforeUnmount","stop","changeStatus","provinceSelectId","provinceSelectOption","provinceSelectIdHandle","v","clearCity","provinceSelectHandle","citySelectId","citySelectOption","citySelectIdHandle","clearArea","citySelectHandle","areaSelectId","areaSelectOption","areaSelectIdHandle","areaSelectHandle","timeKey"],"mappings":"wdAiBAA,EAAAC,EAAA,MAAA,EACAC,EAAAD,EAAA,IAAA,EACA,SAAAE,EAAAC,EAAAC,EAAA,CACEL,EAAA,MAAAI,EACAF,EAAA,MAAAG,CAAqB,CAEvB,SAAAC,EAAAF,EAAA,CACE,GAAA,CAAAG,EAAA,QACE,OAAA,KACF,UAAAC,KAAAD,EAAA,QACE,GAAAC,EAAA,KAAAJ,EACE,OAAAI,EAEJ,OAAA,IAAO,CAGT,MAAAC,EAAA,CAAcC,EAAA,IAAA,CAAAH,EAAA,GAAAA,EAAA,MAAA,EAAA,IAAA,CAEVA,EAAA,KAAAI,EAAAX,CAAA,IACEA,EAAA,MAAAO,EAAA,IAEF,KAAA,UAAAA,EAAA,MAAA,IAAA,KAAA,UAAAI,EAAAT,CAAA,CAAA,IACEA,EAAA,MAAAK,EAAA,OAA2B,EAAA,CAAA,UAAA,GAAA,KAAA,EAAA,CAAA,EACGG,EAAAV,EAAA,IAAA,CAEhC,MAAAY,EAAAD,EAAAX,CAAA,EAAAM,EAAAK,EAAAX,CAAA,CAAA,EAAA,KACAG,EAAAH,EAAA,MAAAY,CAAA,EAEAC,EAAA,gBAAAF,EAAAT,CAAA,CAAA,EACAK,EAAA,KAAAI,EAAAX,CAAA,GACEa,EAAA,YAAAF,EAAAX,CAAA,CAAA,CAAqC,EAAA,CAAA,UAAA,GAAA,CACnB,EAGxB,OAAAc,EAAA,IAAA,CACEL,EAAA,QAAAM,GAAAA,EAAA,CAAA,CAA4B,CAAA,wqBCpB9BC,EAAAf,EAAA,EAAA,EAEAgB,EAAAhB,EAAA,MAAA,EACAiB,EAAAjB,EAAA,IAAA,EACA,SAAAkB,EAAAC,EAAA,CACEC,IACAJ,EAAA,MAAAG,EACAP,EAAA,oBAAAO,CAAA,CAA4B,CAE9B,SAAAE,EAAAF,EAAA,CACEF,EAAA,MAAAE,EACAP,EAAA,wBAAAO,CAAA,CAAgC,CAGlC,MAAAG,EAAAtB,EAAA,MAAA,EACAuB,EAAAvB,EAAA,IAAA,EACA,SAAAwB,EAAAL,EAAA,CACEM,IACAH,EAAA,MAAAH,EACAP,EAAA,gBAAAO,CAAA,CAAwB,CAE1B,SAAAO,EAAAP,EAAA,CACEI,EAAA,MAAAJ,EACAP,EAAA,oBAAAO,CAAA,CAA4B,CAE9B,SAAAC,GAAA,CACEI,EAAA,MAAA,EACAE,EAAA,IAAA,CAAqB,CAGvB,MAAAC,EAAA3B,EAAA,MAAA,EACA4B,EAAA5B,EAAA,IAAA,EACA,SAAA6B,EAAAV,EAAA,CACEQ,EAAA,MAAAR,EACAP,EAAA,gBAAAO,CAAA,CAAwB,CAE1B,SAAAW,EAAAX,EAAA,CACES,EAAA,MAAAT,EACAP,EAAA,oBAAAO,CAAA,CAA4B,CAE9B,SAAAM,GAAA,CACEI,EAAA,MAAA,EACAC,EAAA,IAAA,EAEAf,EAAA,MAAA,EAAqB,CAEvB,IAAAgB,EAAA,KACA,MAAAvB,EAAA,CAAcC,EAAAM,EAAA,IAAA,CAEVA,EAAA,QACEgB,GAAA,aAAAA,CAAA,EACAA,EAAA,WAAA,IAAA,CACEhB,EAAA,MAAA,EAAqB,EAAA,CAAA,EAEzB,CAAA,EACDN,EAAA,IAAA,CAAAH,EAAA,WAAAA,EAAA,OAAAA,EAAA,MAAA,EAAA,IAAA,CAECU,EAAA,QAAAV,EAAA,YACEY,EAAAZ,EAAA,UAAA,EACFgB,EAAA,QAAAhB,EAAA,QACEkB,EAAAlB,EAAA,MAAA,EACFqB,EAAA,QAAArB,EAAA,QACEuB,EAAAvB,EAAA,MAAA,CAA+B,EAAA,CAAA,UAAA,GAAA,CACb,EAGxB,OAAAO,EAAA,IAAA,CACEkB,GAAA,aAAAA,CAAA,EACAvB,EAAA,QAAAM,GAAAA,EAAA,CAAA,CAA4B,CAAA"}