uview-next/components/u-dropdown/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('dropdown', {
    // 未激活时的颜色
    inactiveColor: {
        type: String,
        default: theme.mainColor
    },
    // 激活时的颜色
    activeColor: {
        type: String,
        default: theme.primary
    },
    // 禁用时的颜色
    disabledColor: {
        type: String,
        default: theme.disabledColor
    },
    // 菜单的背景颜色
    bgColor: {
        type: String,
        default: '#ffffff'
    },
    // 菜单的圆角值
    round: {
        type: [Number, String],
        default: 0
    },
    // 点击遮罩是否关闭菜单
    closeOnClickMask: {
        type: Boolean,
        default: true
    },
    // 点击当前激活项标题是否关闭菜单
    closeOnClickSelf: {
        type: Boolean,
        default: true
    },
    // 是否显示遮罩
    overlay: {
        type: Boolean,
        default: true
    },
    // 过渡时间
    duration: {
        type: [Number, String],
        default: 220
    },
    // 标题菜单的高度
    height: {
        type: [Number, String],
        default: 44
    },
    // 标题的字体大小
    titleSize: {
        type: [Number, String],
        default: 14
    },
    // 下拉出来的内容部分的圆角值
    borderRadius: {
        type: [Number, String],
        default: 10
    },
    // 菜单右侧的icon图标
    menuIcon: {
        type: String,
        default: 'caret-down'
    },
    // 菜单右侧图标的大小
    menuIconSize: {
        type: [Number, String],
        default: 16
    }
})