ai_uniapp_v2/uni_modules/uview-plus/components/u-icon/props.js

import { defineMixin } from '../../libs/vue'
import IconDefaultProps from './icon'
import { registerComponentProps } from '../../libs/config/props.js'

const defProps = registerComponentProps(IconDefaultProps)
export const props = defineMixin({
    props: {
        // 图标类名
        name: {
            type: String,
            default: () => defProps.icon.name
        },
        // 图标颜色，可接受主题色
        color: {
            type: String,
            default: () => defProps.icon.color
        },
        // 字体大小，单位px
        size: {
            type: [String, Number],
            default: () => defProps.icon.size
        },
        // 是否显示粗体
        bold: {
            type: Boolean,
            default: () => defProps.icon.bold
        },
        // 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
        index: {
            type: [String, Number],
            default: () => defProps.icon.index
        },
        // 触摸图标时的类名
        hoverClass: {
            type: String,
            default: () => defProps.icon.hoverClass
        },
        // 自定义扩展前缀，方便用户扩展自己的图标库
        customPrefix: {
            type: String,
            default: () => defProps.icon.customPrefix
        },
        // 图标右边或者下面的文字
        label: {
            type: [String, Number],
            default: () => defProps.icon.label
        },
        // label的位置，只能右边或者下边
        labelPos: {
            type: String,
            default: () => defProps.icon.labelPos
        },
        // label的大小
        labelSize: {
            type: [String, Number],
            default: () => defProps.icon.labelSize
        },
        // label的颜色
        labelColor: {
            type: String,
            default: () => defProps.icon.labelColor
        },
        // label与图标的距离
        space: {
            type: [String, Number],
            default: () => defProps.icon.space
        },
        // 图片的mode
        imgMode: {
            type: String,
            default: () => defProps.icon.imgMode
        },
        // 用于显示图片小图标时，图片的宽度
        width: {
            type: [String, Number],
            default: () => defProps.icon.width
        },
        // 用于显示图片小图标时，图片的高度
        height: {
            type: [String, Number],
            default: () => defProps.icon.height
        },
        // 用于解决某些情况下，让图标垂直居中的用途
        top: {
            type: [String, Number],
            default: () => defProps.icon.top
        },
        // 是否阻止事件传播
        stop: {
            type: Boolean,
            default: () => defProps.icon.stop
        }
    }
})