Component({
  properties: {
    /** 评分 0-10，超出范围自动 clamp */
    score: {
      type: Number,
      value: 0,
    },
  },

  data: {
    heartEmoji: '💙',
  },

  observers: {
    score(val: number) {
      const s = val < 0 ? 0 : val > 10 ? 10 : val
      let emoji: string
      // 分档对齐后端 compute_heart_icon：>8.5 💖 / >7 🧡 / >5 💛 / ≤5 💙
      if (s > 8.5) {
        emoji = '💖'  // 粉红色 - 很好
      } else if (s > 7) {
        emoji = '🧡'  // 橙色 - 良好
      } else if (s > 5) {
        emoji = '💛'  // 黄色 - 一般
      } else {
        emoji = '💙'  // 蓝色 - 待发展
      }
      this.setData({ heartEmoji: emoji })
    },
  },
})
