import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
    props: {
        // 是否显示组件
        show: {
            type: Boolean,
            default: () => defProps.loadingIcon.show
        },
        // 颜色
        color: {
            type: String,
            default: () => defProps.loadingIcon.color
        },
        // 提示文字颜色
        textColor: {
            type: String,
            default: () => defProps.loadingIcon.textColor
        },
        // 文字和图标是否垂直排列
        vertical: {
            type: Boolean,
            default: () => defProps.loadingIcon.vertical
        },
        // 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
        mode: {
            type: String,
            default: () => defProps.loadingIcon.mode
        },
        // 图标大小，单位默认px
        size: {
            type: [String, Number],
            default: () => defProps.loadingIcon.size
        },
        // 文字大小
        textSize: {
            type: [String, Number],
            default: () => defProps.loadingIcon.textSize
        },
        // 文字内容
        text: {
            type: [String, Number],
            default: () => defProps.loadingIcon.text
        },
        // 动画模式
        timingFunction: {
            type: String,
            default: () => defProps.loadingIcon.timingFunction
        },
        // 动画执行周期时间
        duration: {
            type: [String, Number],
            default: () => defProps.loadingIcon.duration
        },
        // mode=circle时的暗边颜色
        inactiveColor: {
            type: String,
            default: () => defProps.loadingIcon.inactiveColor
        }
    }
})