wot-design-uni
Version:
一个基于Vue3+TS开发的uni-app组件库，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。
63 lines (61 loc) • 1.59 kB
text/typescript
import type { PropType, ExtractPropTypes } from 'vue'
import { makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
export type NotifyType = 'primary' | 'success' | 'danger' | 'warning'
export type NotifyPosition = 'top' | 'bottom'
export type NotifyProps = Omit<Partial<ExtractPropTypes<typeof notifyProps>>, 'selector'> & {
onClick?: (event: MouseEvent) => void
onClosed?: () => void
onOpened?: () => void
}
export type NotifyThemeVars = {
notifyPadding?: string
notifyFontSize?: string
notifyTextColor?: string
notifyLineHeight?: number | string
notifyDangerBackground?: string
notifyPrimaryBackground?: string
notifySuccessBackground?: string
notifyWarningBackground?: string
}
export const notifyProps = {
/**
* 类型，可选值为 primary success danger warning
*/
type: makeStringProp<NotifyType>('danger'),
/**
* 字体颜色
*/
color: makeStringProp(''),
/**
* 将组件的 z-index 层级设置为一个固定值
*/
zIndex: makeNumberProp(99),
/**
* 显示
*/
visible: makeBooleanProp(false),
/**
* 展示文案，支持通过\n换行
*/
message: makeNumericProp(''),
/**
* 指定唯一标识
*/
selector: makeStringProp(''),
/**
* 展示时长(ms)，值为 0 时，notify 不会消失
*/
duration: makeNumberProp(3000),
/**
* 弹出位置，可选值为 top bottom
*/
position: makeStringProp<NotifyPosition>('top'),
/**
* 顶部安全高度（
*/
safeHeight: Number,
/**
* 背景颜色
*/
background: makeStringProp('')
}