refactor:timepicker (#6270)

* refactor:timepicker

* docs:update & refactor: timepicker type
pull/6285/head
果冻橙 2 years ago committed by GitHub
parent cd47a277da
commit 9f53d53cb8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -31,7 +31,7 @@ import './cascader/style';
// import './back-top/style'; // import './back-top/style';
// import './modal/style'; // import './modal/style';
// import './alert/style'; // import './alert/style';
import './time-picker/style'; // import './time-picker/style';
// import './steps/style'; // import './steps/style';
// import './breadcrumb/style'; // import './breadcrumb/style';
// import './calendar/style'; // import './calendar/style';

@ -2,7 +2,7 @@
category: Components category: Components
type: Data Entry type: Data Entry
title: TimePicker title: TimePicker
cover: https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original
--- ---
To select/input a time. To select/input a time.

@ -3,7 +3,7 @@ category: Components
type: 数据录入 type: 数据录入
title: TimePicker title: TimePicker
subtitle: 时间选择框 subtitle: 时间选择框
cover: https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original
--- ---
输入或选择时间的控件。 输入或选择时间的控件。

@ -1,3 +0,0 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';

@ -1,5 +0,0 @@
import '../../style/index.less';
import './index.less';
// style dependencies
import '../../date-picker/style';

@ -1,4 +1,4 @@
import type { ExtractPropTypes, PropType } from 'vue'; import type { ExtractPropTypes } from 'vue';
import { defineComponent, ref } from 'vue'; import { defineComponent, ref } from 'vue';
import type { RangePickerTimeProps } from '../date-picker/generatePicker'; import type { RangePickerTimeProps } from '../date-picker/generatePicker';
import generatePicker from '../date-picker/generatePicker'; import generatePicker from '../date-picker/generatePicker';
@ -15,6 +15,7 @@ import devWarning from '../vc-util/devWarning';
import { useInjectFormItemContext } from '../form/FormItemContext'; import { useInjectFormItemContext } from '../form/FormItemContext';
import omit from '../_util/omit'; import omit from '../_util/omit';
import type { InputStatus } from '../_util/statusUtils'; import type { InputStatus } from '../_util/statusUtils';
import { booleanType, stringType } from '../_util/type';
export interface TimePickerLocale { export interface TimePickerLocale {
placeholder?: string; placeholder?: string;
@ -23,17 +24,17 @@ export interface TimePickerLocale {
export const timePickerProps = () => ({ export const timePickerProps = () => ({
format: String, format: String,
showNow: { type: Boolean, default: undefined }, showNow: booleanType(),
showHour: { type: Boolean, default: undefined }, showHour: booleanType(),
showMinute: { type: Boolean, default: undefined }, showMinute: booleanType(),
showSecond: { type: Boolean, default: undefined }, showSecond: booleanType(),
use12Hours: { type: Boolean, default: undefined }, use12Hours: booleanType(),
hourStep: Number, hourStep: Number,
minuteStep: Number, minuteStep: Number,
secondStep: Number, secondStep: Number,
hideDisabledOptions: { type: Boolean, default: undefined }, hideDisabledOptions: booleanType(),
popupClassName: String, popupClassName: String,
status: String as PropType<InputStatus>, status: stringType<InputStatus>(),
}); });
type CommonTimePickerProps = Partial<ExtractPropTypes<ReturnType<typeof timePickerProps>>>; type CommonTimePickerProps = Partial<ExtractPropTypes<ReturnType<typeof timePickerProps>>>;
export type TimeRangePickerProps<DateType> = Omit< export type TimeRangePickerProps<DateType> = Omit<

Loading…
Cancel
Save