Browse Source

refactor:timepicker (#6270)

* refactor:timepicker

* docs:update & refactor: timepicker type
pull/6285/head
果冻橙 2 years ago committed by GitHub
parent
commit
9f53d53cb8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      components/style.ts
  2. 2
      components/time-picker/index.en-US.md
  3. 2
      components/time-picker/index.zh-CN.md
  4. 3
      components/time-picker/style/index.less
  5. 5
      components/time-picker/style/index.tsx
  6. 17
      components/time-picker/time-picker.tsx

2
components/style.ts

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

2
components/time-picker/index.en-US.md

@ -2,7 +2,7 @@
category: Components
type: Data Entry
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.

2
components/time-picker/index.zh-CN.md

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

3
components/time-picker/style/index.less

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

5
components/time-picker/style/index.tsx

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

17
components/time-picker/time-picker.tsx

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

Loading…
Cancel
Save