import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
    props: {
        // 头像图片组
        urls: {
            type: Array,
            default: () => defProps.avatarGroup.urls
        },
        // 最多展示的头像数量
        maxCount: {
            type: [String, Number],
            default: () => defProps.avatarGroup.maxCount
        },
        // 头像形状
        shape: {
            type: String,
            default: () => defProps.avatarGroup.shape
        },
        // 图片裁剪模式
        mode: {
            type: String,
            default: () => defProps.avatarGroup.mode
        },
        // 超出maxCount时是否显示查看更多的提示
        showMore: {
            type: Boolean,
            default: () => defProps.avatarGroup.showMore
        },
        // 头像大小
        size: {
            type: [String, Number],
            default: () => defProps.avatarGroup.size
        },
        // 指定从数组的对象元素中读取哪个属性作为图片地址
        keyName: {
            type: String,
            default: () => defProps.avatarGroup.keyName
        },
		// 头像之间的遮挡比例
        gap: {
            type: [String, Number],
            validator(value) {
                return value >= 0 && value <= 1
            },
            default: () => defProps.avatarGroup.gap
        },
		// 需额外显示的值
		extraValue: {
			type: [Number, String],
			default: () => defProps.avatarGroup.extraValue
		}
    }
})