import sheep from '@/sheep';
import { formatImageUrlProtocol, getWxaQrcode } from './index';

const user = async (poster) => {
  const width = poster.width;
  const userInfo = sheep.$store('user').userInfo;
  const wxa_qrcode = await getWxaQrcode(poster.shareInfo.path, poster.shareInfo.query);
  return [
    {
      type: 'image',
      src: formatImageUrlProtocol(
        sheep.$url.cdn(sheep.$store('app').platform.share.posterInfo.user_bg),
      ),
      css: {
        width,
        position: 'fixed',
        'object-fit': 'contain',
        top: '0',
        left: '0',
        zIndex: -1,
      },
    },
    {
      type: 'text',
      text: userInfo.nickname,
      css: {
        color: '#333',
        fontSize: 17,
        fontWeight: 700,
        textAlign: 'center',
        fontFamily: 'sans-serif',
        position: 'fixed',
        top: width * 1.33,
        left: width / 2.2,
      },
    },
	{
	  type: 'text',
	  text: '邀请您加入众悦e家',
	  css: {
	    color: '#333',
	    fontSize: 14,
	    textAlign: 'center',
	    fontFamily: 'sans-serif',
	    position: 'fixed',
	    top: width * 1.41,
	    left: width / 2.2,
	  },
	},
    // {
    //   type: 'image',
    //   src: formatImageUrlProtocol(sheep.$url.cdn(userInfo.avatar)),
    //   css: {
    //     position: 'fixed',
    //     left: width * 0.4,
    //     top: width * 0.16,
    //     width: width * 0.2,
    //     height: width * 0.2,
    //   },
    // },
    // #ifndef MP-WEIXIN
    {
      type: 'qrcode',
      text: poster.shareInfo.link,
      css: {
        position: 'fixed',
        left: width * 0.25,
        top: width * 1.3,
        width: width * 0.2,
        height: width * 0.2,
      },
    },
    // #endif
    // #ifdef MP-WEIXIN
    {
      type: 'image',
      src: wxa_qrcode,
      css: {
        position: 'fixed',
        left: width * 0.22,
		top: width * 1.3,
        width: width * 0.2,
        height: width * 0.2,
      },
    },
    // #endif
  ];
};

export default user;