{"version":3,"file":"AddressInput-nIyiirHd.js","sources":["../../src/components/Forms/AddressInput.vue"],"sourcesContent":["<template>\n<flex-layout class=\"w-100\" direction=\"column\" wrap>\n  <div class=\"row w-100 g-0 align-items-center\">\n    <base-input-number\n      label=\"ご住所\"\n      :required-tag=\"requiredTags\"\n      class=\"col-md-6 col-7\"\n      prepend-inner-text=\"〒\"\n      prepend-box-collor=\"lighterGray\"\n      :model-value=\"zipCode\"\n      @update:modelValue=\"emit('update:zipCode', $event)\"\n      type=\"integer\"\n      :rules=\"addressRules.zipCode\"\n      placeholder=\"半角数字のみ\"\n    />\n    <base-button\n      class=\"col-md-3 col-5 mt-1\"\n      block\n      text-color=\"textLight\"\n      border-color=\"borderColor\"\n      color=\"backgroundGray\"\n      button-disabled-color=\"backgroundGray\"\n      size=\"md\"\n      :custom-size=\"50\"\n      :disabled=\"!zipCode || detectFullWidth(zipCode ? String(zipCode) : '')\"\n      @click=\"zipCodeSearch\">\n      <base-text no-wrap>〒検索</base-text>\n    </base-button>\n  </div>\n\n  <base-select\n    :model-value=\"pref\"\n    :items=\"[{ id: null, name: '未選択' },...prefectures]\"\n    :rules=\"addressRules.pref\"\n    no-label\n    placeholder=\"都道府県を選択してください\"\n    :clearable=\"!!pref.id\"\n    item-value=\"id\"\n    item-text=\"name\"\n    @update:modelValue=\"updatePrefecture\"\n    return-object\n  />\n  <base-select\n    :model-value=\"city\"\n    placeholder=\"市区町村を選択してください\"\n    :items=\"pref.cities\"\n    item-value=\"id\"\n    :clearable=\"!!city.id\"\n    no-label\n    item-text=\"name\"\n    @update:modelValue=\"updateCity\"\n    return-object\n    :rules=\"addressRules.city\"\n  />\n  <base-select\n    v-if=\"!hideTown\"\n    :model-value=\"town\"\n    return-object\n    placeholder=\"町域を選択してください\"\n    no-label\n    :items=\"towns\"\n    item-value=\"name\"\n    item-text=\"name\"\n    :clearable=\"!!town?.id\"\n    :disabled=\"townsLoading\"\n    @update:modelValue=\"updateZipCode\"\n    :rules=\"addressRules.town\"\n  />\n  <base-input placeholder=\"番地・ビル名など\" :model-value=\"address\"\n              :rules=\"addressRules.address\"\n              @update:modelValue=\"emit('update:address', $event)\"/>\n\n</flex-layout>\n</template>\n<script setup lang=\"ts\">\nimport {useValidator} from \"@/composable/ui/useValidator\";\nimport {computed, defineEmits, onMounted, ref} from \"vue\";\nimport FlexLayout from \"@/components/Layouts/FlexLayout.vue\";\nimport BaseSelect from \"@/components/Forms/BaseSelect.vue\";\nimport BaseInput from \"@/components/Forms/BaseInput.vue\";\nimport {\n  getTownByPrefIdAndCityId,\n  getTownInfoListByZipCode,\n  useListPrefectures\n} from \"@/composable/controller/useAddress\";\nimport {Pref} from \"@/domain/pref.entity\";\nimport {City} from \"@/domain/city.entity\";\nimport BaseButton from \"@/components/Buttons/BaseButton.vue\";\nimport BaseText from \"@/components/Texts/BaseText.vue\";\nimport BaseInputNumber from \"@/components/Forms/BaseInputNumber.vue\";\nimport {Town} from \"@/domain/town.entity\";\nimport {ValidatorRule} from \"@/composable/ui/useForm\";\n\ninterface AddressInputPropsRules {\n  tel?: ValidatorRule<string>[];\n  zipCode?: ValidatorRule<string>[];\n  pref?: ValidatorRule<string>[];\n  city?: ValidatorRule<string>[];\n  town?: ValidatorRule<string>[];\n  address?: ValidatorRule<string>[];\n}\n\nconst props = defineProps({\n  zipCode: {\n    type: String,\n    required: true\n  },\n  pref: {\n    type: Object as () => (Pref & { cities: City[] }),\n    required: true\n  },\n  city: {\n    type: Object as () => City,\n    required: true\n  },\n  town: {\n    type: Object as () => Town,\n    required: false\n  },\n  address: {\n    type: String,\n    required: true\n  },\n  rules: {\n    type: Object as () => AddressInputPropsRules,\n    required: false\n  },\n  requiredTags: {\n    type: Boolean,\n    default: true\n  },\n  hideTown: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits([\n  'update:zipCode',\n  'update:pref',\n  'update:city',\n  'update:town',\n  'update:address'\n]);\nconst {rules} = useValidator();\nconst {prefectures} = useListPrefectures();\nconst {getTowns, townsLoading} = getTownByPrefIdAndCityId();\nconst towns = ref<Town[]>([]);\nconst { getTownInfoList } = getTownInfoListByZipCode();\n\nconst addressRules = computed<AddressInputPropsRules>(() => {\n  const defaultRules: AddressInputPropsRules =  {\n    tel: [rules.isPhone()],\n    zipCode: [\n      rules.requiredWithLabelName({name: '郵便番号'}),\n      rules.min({ minLength: 7, text: '「郵便番号」を正しく入力してください。' }),\n      rules.max({ maxLength: 7, text:'「郵便番号」を正しく入力してください。' }),\n      rules.onlyHalfWidthNumbersWithLabelName({ name: '郵便番号' })\n    ],\n    pref: [rules.requiredWithLabelName({name: '都道府県'})],\n    city: [rules.requiredWithLabelName({name: '市区町村'})],\n    town: [rules.requiredWithLabelName({name: '町名'})],\n    address: [rules.requiredWithLabelName({name: '番地・ビル名など'})],\n  };\n  if(!props.rules) return defaultRules;\n  return {...defaultRules, ...props.rules};\n})\n\nconst defaultForm = {\n  zipCode: '',\n  pref: { id: 0, name: '未選択', cities: [] } as (Pref & { cities: City[] }),\n  city: { id: 0, name: '------', prefId: 0 } as City,\n  town: { id: 0, name: '------', zipCode: '', prefId: 0, cityId: 0 } as Town,\n  address: '',\n};\n\nfunction detectFullWidth(value: string): boolean {\n  if (!value) return false;\n  return [...value].some((char) => {\n    const code = char.charCodeAt(0);\n    return (code >= 0x2000 && code <= 0xff60) || code >= 0xffa0;\n  });\n}\n\nasync function updateZipCode(selectedTown?: Town) {\n  emit('update:town', selectedTown || defaultForm.town);\n  if (props.pref.id && props.city.id && selectedTown) {\n    const filteredTown = towns.value.filter(town => town.name === selectedTown.name)[0];\n    if(selectedTown) emit('update:zipCode', filteredTown.zipCode);\n  }\n}\n\nasync function updateCity(city?: City) {\n  emit('update:town', defaultForm.town);\n  if (city ) {\n    emit('update:city', city || props.city);\n    towns.value = await getTowns({prefId: props.pref.id, cityId: city.id });\n  }\n}\n\nfunction updatePrefecture(prefecture?: Pref) {\n  if(!prefecture || !prefecture.id) emit('update:zipCode', '');\n  emit('update:pref', prefecture || defaultForm.pref);\n  emit('update:city', defaultForm.city);\n  emit('update:town', defaultForm.town);\n}\n\nonMounted(async ()=> {\n  if (props.pref.id && props.city.id) towns.value = await getTowns({prefId: props.pref.id, cityId: props.city.id});\n});\n\nasync function zipCodeSearch() {\n  try {\n    const result = await getTownInfoList({zipCode: String(props.zipCode)});\n    towns.value = result;\n\n    const prefName = result.length ? result[0].pref.name : '';\n    const cityName = result.length ? result[0].city.name : '';\n    const townName = result.length ? result[0].name : '';\n\n    const prefecture = prefectures.value.find((item) => prefName === item.name);\n\n    if (prefecture) {\n      emit('update:pref', prefecture);\n      const city = prefecture.cities.find((item) => cityName === item.name);\n\n      if (city) emit('update:city', city);\n      emit('update:town', towns.value.find((item) => townName === item.name) || defaultForm.town);\n    }\n  } catch (e) {\n    alert('郵便番号を確認してください。');\n  }\n}\n</script>\n<style scoped>\n\n\n\n</style>\n"],"names":["props","__props","emit","__emit","rules","useValidator","prefectures","useListPrefectures","getTowns","townsLoading","getTownByPrefIdAndCityId","towns","ref","getTownInfoList","getTownInfoListByZipCode","addressRules","computed","defaultRules","defaultForm","detectFullWidth","value","char","code","updateZipCode","selectedTown","filteredTown","town","updateCity","city","updatePrefecture","prefecture","onMounted","zipCodeSearch","result","prefName","cityName","townName","item"],"mappings":"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"}