mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
04f7ea8105
* refactor(components): [statistic] * fix: type error * docs: fix style * chore: use rAF * chore: update docs
51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import { buildProps, definePropType, isNumber } from '@element-plus/utils'
|
|
import { CHANGE_EVENT } from '@element-plus/constants'
|
|
|
|
import type { ExtractPropTypes, StyleValue } from 'vue'
|
|
import type { Dayjs } from 'dayjs'
|
|
import type Countdown from './countdown.vue'
|
|
|
|
export const countdownProps = buildProps({
|
|
/**
|
|
* @description Formatting the countdown display
|
|
*/
|
|
format: {
|
|
type: String,
|
|
default: 'HH:mm:ss',
|
|
},
|
|
/**
|
|
* @description Sets the prefix of a countdown
|
|
*/
|
|
prefix: String,
|
|
/**
|
|
* @description Sets the suffix of a countdown
|
|
*/
|
|
suffix: String,
|
|
/**
|
|
* @description countdown titles
|
|
*/
|
|
title: String,
|
|
/**
|
|
* @description target time
|
|
*/
|
|
value: {
|
|
type: definePropType<number | Dayjs>([Number, Object]),
|
|
default: 0,
|
|
},
|
|
/**
|
|
* @description Styles countdown values
|
|
*/
|
|
valueStyle: {
|
|
type: definePropType<StyleValue>([String, Object, Array]),
|
|
},
|
|
} as const)
|
|
export type CountdownProps = ExtractPropTypes<typeof countdownProps>
|
|
|
|
export const countdownEmits = {
|
|
finish: () => true,
|
|
[CHANGE_EVENT]: (value: number) => isNumber(value),
|
|
}
|
|
export type CountdownEmits = typeof countdownEmits
|
|
|
|
export type CountdownInstance = InstanceType<typeof Countdown>
|