/**
 * 微信小程序原生头像选择组件
 * 用于在小程序环境中调用原生的头像选择功能
 * @author Tevin
 * @tutorial
 *  第一步：注册为 Taro 元素组件
 *      打开 Taro 页面的 config.js 配置文件，在 usingComponents 中注册为元素组件
 *      export default {
 *          usingComponents: {
 *              'weapp-choose-avatar': '@components/weappNative/chooseAvatar/weappChooseAvatar',
 *          }
 *      }
 *  第二步：在页面中使用元素组件（直接当元素使用）
 *      <weapp-choose-avatar @chooseAvatar="evt=>onChooseAvatar(evt)">
 *          <button>选择头像</button>
 *      </weapp-choose-avatar>
 *
 * @notice
 *  1. 样式完全由内容决定，组件内部所有样式已清空
 *  2. 绑定事件需要用“@”，返回参数为头像地址
 */
Component({
    behaviors: [],
    options: {
        styleIsolation: 'apply-shared',
    },
    // 相当于 props
    properties: {
        // 禁用状态
        disabled: {
            type: Boolean,
            value: false,
        },
        // 按钮文本
        content: {
            type: String,
            value: '按钮',
        },
    },
    data: {},
    methods: {
        handleChooseAvatar(evt) {
            this.triggerEvent('chooseAvatar', evt.detail);
        },
    },
});