/** @odoo-module **/

import { RadioField } from "@web/views/fields/radio/radio_field";  // 导入单选按钮组件
import { registry } from "@web/core/registry";

export class Many2OneRadioField extends RadioField {
    // 你可以重写或者添加一些方法和属性
    // 例如，你可以重写setup方法来添加一些事件监听器或者初始化一些变量
    setup() {
        super.setup(); // 调用父类的setup方法
        // 你自己的代码
    }

    onImageClick(event) {
        // 放大图片逻辑
        // 获取图片元素
        const img = event.target;
        const close = img.nextSibling;
        // 实现放大图片逻辑
        // 比如使用 CSS 放大
        img.parentElement.classList.add('zoomed');
        close.classList.add('img_close');
    }

    onCloseClick(event) {
        const close = event.target;
        const img = close.previousSibling;
        img.parentElement.classList.remove('zoomed');
        close.classList.remove('img_close');
    }

   get items() {
      return Many2OneRadioField.getItems(this.props.name, this.props.record);
   }

   static getItems(fieldName, record) {
      switch (record.fields[fieldName].type) {
          case "selection":
            return record.fields[fieldName].selection;
          case "many2one": {
            const value = record.preloadedData[fieldName] || [];
            return value.map((item) => [item.id, item.display_name, item.image]);
          }
          default:
            return [];
    }
  }
}

Many2OneRadioField.template = "jikimo_frontend.Many2OneRadioField";
// MyCustomWidget.supportedTypes = ['many2many'];

registry.category("fields").add("many2one_radio", Many2OneRadioField);