icon.ts

import Base64 from './base64'
import iconData from './icondata'

const getFixedIconType = function (type: string): string {
    // 兼容旧版本 typo
    return type === 'field' ? 'filled' : type
}

Component({
    options: {
        addGlobalClass: true
    },
    properties: {
        extClass: {
            type: String,
            value: ''
        },
        type: {
            type: String,
            value: 'outline',
            observer: '_genSrcByType'
        },
        icon: {
            type: String,
            value: '',
            observer: '_genSrcByIcon'
        },
        size: {
            type: Number,
            value: 20
        },
        color: {
            type: String,
            value: '#000000'
        }
    },
    data: {
        src: '',
        height: 20,
        width: 20
    },
    methods: {
        _genSrcByIcon(v) {
            this._genSrc(/<svg .*>.*<\/svg>/.test(v) ? v : iconData[v][getFixedIconType(this.data.type)])
        },
        _genSrcByType(v) {
            const iconDataItem = iconData[this.data.icon]
            if (iconDataItem) this._genSrc(iconDataItem[getFixedIconType(v)])
        },
        _genSrc(rawData) {
            if (!rawData) return // type 不存在
            const base64 = Base64.encode(rawData)
            this.setData({
                src: 'data:image/svg+xml;base64,' + base64
            })
        }
    }
})