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

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

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

export default defineProps('popover', {
    // 是否显示弹出层
    show: {
        type: Boolean,
        default: false
    },
    // 弹出层内容
    content: {
        type: String,
        default: ''
    },
    // 弹出方向：top, bottom, left, right, auto
    position: {
        type: String,
        default: 'auto'
    },
    // 是否显示箭头
    showArrow: {
        type: Boolean,
        default: true
    },
    // 箭头大小
    arrowSize: {
        type: [String, Number],
        default: '12px'
    },
    // 箭头颜色
    arrowColor: {
        type: String,
        default: ''
    },
    // 弹出层背景色
    bgColor: {
        type: String,
        default: '#060607'
    },
    // 文字颜色
    color: {
        type: String,
        default: '#fff'
    },
    // 字体大小
    fontSize: {
        type: [String, Number],
        default: 14
    },
    // 内边距
    padding: {
        type: [String, Number],
        default: '8px 12px'
    },
    // 圆角
    round: {
        type: [String, Number],
        default: 4
    },
    // 弹出层宽度
    width: {
        type: [String, Number],
        default: ''
    },
    // 弹出层最大宽度
    maxWidth: {
        type: [String, Number],
        default: 200
    },
    // 弹出层最小宽度
    minWidth: {
        type: [String, Number],
        default: 50
    },
    // 层级
    zIndex: {
        type: [String, Number],
        default: 999
    },
    // 动画时长
    duration: {
        type: [String, Number],
        default: 300
    },
    // 是否禁用
    disabled: {
        type: Boolean,
        default: false
    },
    // 自定义弹出层样式
    popoverStyle: {
        type: Object,
        default: () => ({})
    },
    // 是否显示遮罩层
    showOverlay: {
        type: Boolean,
        default: false
    }
})