// 个人主页头部。「我的」和「宠友主页」共用同一份渲染——自己看和别人看
// 长得不一样的话，两边会慢慢长歪，装扮功能也就失去意义了。
// 差别只有一处：自己看是「装扮主页」，别人看是「关注 TA」。
Component({
  options: { addGlobalClass: true },
  properties: {
    card: { type: Object, value: null },
    // 装扮页的实时预览：只看效果，不要底部那排按钮
    preview: { type: Boolean, value: false },
  },
  data: { initial: '', theme: 'warm' },
  observers: {
    card(c) {
      if (!c) return;
      this.setData({
        // WXML 取不了字符串下标，首字得在 JS 里算
        initial: (c.nickname || '?').slice(0, 1),
        theme: c.theme || 'warm',
      });
    },
  },
  methods: {
    onFollow() {
      this.triggerEvent('follow');
    },
    onDecorate() {
      this.triggerEvent('decorate');
    },
    onRelations(e) {
      this.triggerEvent('relations', { kind: e.currentTarget.dataset.kind });
    },
    onPet(e) {
      this.triggerEvent('pet', { id: e.currentTarget.dataset.id });
    },
  },
});