import { areaList } from '@vant/area-data';

export type AreaItem = {
  code: string;
  name: string;
};

Component({
  properties: {
    show: {
      type: Boolean,
      default: false,
    },
    title: {
      type: String,
      value: '地址选择',
    },
    value: String,
  },

  data: {
    areaList,
  },

  methods: {
    onClose(e: WechatMiniprogram.TouchEvent) {
      this.triggerEvent('close', e);
    },

    onConfirm(e: WechatMiniprogram.TouchEvent) {
      const { values } = e.detail;

      this.triggerEvent('confirm', {
        values: values as AreaItem[],
      });
    },

    onChange(e: WechatMiniprogram.TouchEvent) {
      this.triggerEvent('change', e);
    },
  },
});