feat: 时间选择器本地 支持时区

This commit is contained in:
zhangyu
2021-06-18 14:35:29 +08:00
parent 50e1d8f04b
commit 359d88a5b9
46 changed files with 6228 additions and 5 deletions

View File

@@ -0,0 +1,4 @@
import DatePicker from './src/date-picker';
import type { SFCWithInstall } from 'element-plus/lib/utils/types';
declare const _DatePicker: SFCWithInstall<typeof DatePicker>;
export default _DatePicker;

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,61 @@
import { PropType } from 'vue';
import dayjs from 'dayjs';
declare const _default: import("vue").DefineComponent<{
date: {
type: PropType<dayjs.Dayjs>;
};
minDate: {
type: PropType<dayjs.Dayjs>;
};
maxDate: {
type: PropType<dayjs.Dayjs>;
};
parsedValue: {
type: PropType<dayjs.Dayjs | dayjs.Dayjs[]>;
};
selectionMode: {
type: StringConstructor;
default: string;
};
showWeekNumber: {
type: BooleanConstructor;
default: boolean;
};
disabledDate: {
type: FunctionConstructor;
};
cellClassName: {
type: FunctionConstructor;
};
rangeState: {
type: ObjectConstructor;
default: () => {
endDate: any;
selecting: boolean;
};
};
}, {
handleMouseMove: (event: any) => void;
t: (...args: any[]) => string;
rows: import("vue").ComputedRef<any[][]>;
isWeekActive: (cell: any) => any;
getCellClasses: (cell: any) => string;
WEEKS: import("vue").ComputedRef<any>;
handleClick: (event: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changerange" | "pick" | "select")[], "changerange" | "pick" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
selectionMode: unknown;
showWeekNumber: boolean;
rangeState: Record<string, any>;
} & {
date?: unknown;
minDate?: unknown;
maxDate?: unknown;
parsedValue?: unknown;
disabledDate?: unknown;
cellClassName?: unknown;
}>, {
selectionMode: unknown;
showWeekNumber: boolean;
rangeState: Record<string, any>;
}>;
export default _default;

View File

@@ -0,0 +1,50 @@
import dayjs from 'dayjs';
import { PropType } from 'vue';
declare const _default: import("vue").DefineComponent<{
disabledDate: {
type: PropType<(_: Date) => void>;
};
selectionMode: {
type: StringConstructor;
default: string;
};
minDate: {
type: PropType<dayjs.Dayjs>;
};
maxDate: {
type: PropType<dayjs.Dayjs>;
};
date: {
type: PropType<dayjs.Dayjs>;
};
parsedValue: {
type: PropType<dayjs.Dayjs>;
};
rangeState: {
type: ObjectConstructor;
default: () => {
endDate: any;
selecting: boolean;
};
};
}, {
handleMouseMove: (event: any) => void;
handleMonthTableClick: (event: any) => void;
rows: import("vue").ComputedRef<any[][]>;
getCellStyle: (cell: any) => any;
t: (...args: any[]) => string;
months: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changerange" | "pick" | "select")[], "changerange" | "pick" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
selectionMode: unknown;
rangeState: Record<string, any>;
} & {
disabledDate?: unknown;
minDate?: unknown;
maxDate?: unknown;
date?: unknown;
parsedValue?: unknown;
}>, {
selectionMode: unknown;
rangeState: Record<string, any>;
}>;
export default _default;

View File

@@ -0,0 +1,22 @@
import { PropType } from 'vue';
import dayjs from 'dayjs';
declare const _default: import("vue").DefineComponent<{
disabledDate: {
type: PropType<(_: Date) => void>;
};
parsedValue: {
type: PropType<dayjs.Dayjs>;
};
date: {
type: PropType<dayjs.Dayjs>;
};
}, {
startYear: import("vue").ComputedRef<number>;
getCellStyle: (year: any) => any;
handleYearTableClick: (event: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "pick"[], "pick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {
disabledDate?: unknown;
parsedValue?: unknown;
date?: unknown;
}>, {}>;
export default _default;

View File

@@ -0,0 +1,136 @@
import dayjs, { Dayjs } from 'dayjs';
import { PropType } from 'vue';
declare const _default: import("vue").DefineComponent<{
visible: {
type: BooleanConstructor;
default: boolean;
};
parsedValue: {
type: PropType<dayjs.Dayjs | dayjs.Dayjs[]>;
};
format: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
required: true;
};
}, {
handleTimePick: (value: any, visible: any, first: any) => void;
handleTimePickClose: () => void;
onTimePickerInputFocus: () => void;
timePickerVisible: import("vue").Ref<boolean>;
visibleTime: import("vue").ComputedRef<any>;
visibleDate: import("vue").ComputedRef<any>;
showTime: import("vue").ComputedRef<boolean>;
changeToNow: () => void;
onConfirm: () => void;
footerVisible: import("vue").ComputedRef<boolean>;
handleYearPick: (year: any) => void;
showMonthPicker: () => void;
showYearPicker: () => void;
handleMonthPick: (month: any) => void;
hasShortcuts: import("vue").ComputedRef<boolean>;
shortcuts: any;
arrowControl: any;
disabledDate: any;
cellClassName: any;
selectionMode: import("vue").ComputedRef<unknown>;
handleShortcutClick: (shortcut: any) => void;
prevYear_: () => void;
nextYear_: () => void;
prevMonth_: () => void;
nextMonth_: () => void;
innerDate: import("vue").Ref<{
clone: () => dayjs.Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): dayjs.Dayjs;
};
month: {
(): number;
(value: number): dayjs.Dayjs;
};
date: {
(): number;
(value: number): dayjs.Dayjs;
};
day: {
(): number;
(value: number): dayjs.Dayjs;
};
hour: {
(): number;
(value: number): dayjs.Dayjs;
};
minute: {
(): number;
(value: number): dayjs.Dayjs;
};
second: {
(): number;
(value: number): dayjs.Dayjs;
};
millisecond: {
(): number;
(value: number): dayjs.Dayjs;
};
set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
get: (unit: dayjs.UnitType) => number;
add: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
subtract: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
format: (template?: string) => string;
diff: (date: dayjs.ConfigType, unit?: "M" | "week" | "month" | "year" | "day" | "date" | "hour" | "minute" | "second" | "millisecond" | "d" | "y" | "h" | "m" | "s" | "ms" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSame: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): dayjs.Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): dayjs.Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): dayjs.Dayjs;
};
isSameOrAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSameOrBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
}>;
t: (...args: any[]) => string;
yearLabel: import("vue").ComputedRef<string>;
currentView: import("vue").Ref<string>;
month: import("vue").ComputedRef<number>;
handleDatePick: (value: Dayjs) => void;
handleVisibleTimeChange: (value: any) => void;
handleVisibleDateChange: (value: any) => void;
timeFormat: import("vue").ComputedRef<any>;
userInputTime: any;
userInputDate: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option")[], "pick" | "set-picker-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
visible: boolean;
format: unknown;
type: unknown;
} & {
parsedValue?: unknown;
}>, {
visible: boolean;
format: unknown;
}>;
export default _default;

View File

@@ -0,0 +1,210 @@
import { PropType } from 'vue';
import dayjs from 'dayjs';
declare const _default: import("vue").DefineComponent<{
unlinkPanels: BooleanConstructor;
parsedValue: {
type: PropType<dayjs.Dayjs[]>;
};
type: {
type: StringConstructor;
required: true;
};
}, {
shortcuts: any;
disabledDate: any;
cellClassName: any;
minTimePickerVisible: import("vue").Ref<boolean>;
maxTimePickerVisible: import("vue").Ref<boolean>;
handleMinTimeClose: () => void;
handleMaxTimeClose: () => void;
handleShortcutClick: (shortcut: any) => void;
rangeState: import("vue").Ref<{
endDate: any;
selecting: boolean;
}>;
minDate: any;
maxDate: any;
handleRangePick: (val: any, close?: boolean) => void;
onSelect: (selecting: any) => void;
handleChangeRange: (val: any) => void;
btnDisabled: import("vue").ComputedRef<boolean>;
enableYearArrow: import("vue").ComputedRef<boolean>;
enableMonthArrow: import("vue").ComputedRef<boolean>;
rightPrevMonth: () => void;
rightPrevYear: () => void;
rightNextMonth: () => void;
rightNextYear: () => void;
leftPrevMonth: () => void;
leftPrevYear: () => void;
leftNextMonth: () => void;
leftNextYear: () => void;
hasShortcuts: import("vue").ComputedRef<boolean>;
leftLabel: import("vue").ComputedRef<string>;
rightLabel: import("vue").ComputedRef<string>;
leftDate: import("vue").Ref<{
clone: () => dayjs.Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): dayjs.Dayjs;
};
month: {
(): number;
(value: number): dayjs.Dayjs;
};
date: {
(): number;
(value: number): dayjs.Dayjs;
};
day: {
(): number;
(value: number): dayjs.Dayjs;
};
hour: {
(): number;
(value: number): dayjs.Dayjs;
};
minute: {
(): number;
(value: number): dayjs.Dayjs;
};
second: {
(): number;
(value: number): dayjs.Dayjs;
};
millisecond: {
(): number;
(value: number): dayjs.Dayjs;
};
set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
get: (unit: dayjs.UnitType) => number;
add: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
subtract: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
format: (template?: string) => string;
diff: (date: dayjs.ConfigType, unit?: "M" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "d" | "y" | "h" | "m" | "s" | "ms" | "week" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSame: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): dayjs.Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): dayjs.Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): dayjs.Dayjs;
};
isSameOrAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSameOrBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
}>;
rightDate: import("vue").Ref<{
clone: () => dayjs.Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): dayjs.Dayjs;
};
month: {
(): number;
(value: number): dayjs.Dayjs;
};
date: {
(): number;
(value: number): dayjs.Dayjs;
};
day: {
(): number;
(value: number): dayjs.Dayjs;
};
hour: {
(): number;
(value: number): dayjs.Dayjs;
};
minute: {
(): number;
(value: number): dayjs.Dayjs;
};
second: {
(): number;
(value: number): dayjs.Dayjs;
};
millisecond: {
(): number;
(value: number): dayjs.Dayjs;
};
set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
get: (unit: dayjs.UnitType) => number;
add: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
subtract: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
format: (template?: string) => string;
diff: (date: dayjs.ConfigType, unit?: "M" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "d" | "y" | "h" | "m" | "s" | "ms" | "week" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSame: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): dayjs.Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): dayjs.Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): dayjs.Dayjs;
};
isSameOrAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSameOrBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
}>;
showTime: import("vue").ComputedRef<boolean>;
t: (...args: any[]) => string;
minVisibleDate: import("vue").ComputedRef<any>;
maxVisibleDate: import("vue").ComputedRef<any>;
minVisibleTime: import("vue").ComputedRef<any>;
maxVisibleTime: import("vue").ComputedRef<any>;
arrowControl: any;
handleDateInput: (value: any, type: any) => void;
handleDateChange: (value: any, type: any) => void;
handleTimeInput: (value: any, type: any) => void;
handleTimeChange: (value: any, type: any) => void;
handleMinTimePick: (value: any, visible: any, first: any) => void;
handleMaxTimePick: (value: any, visible: any, first: any) => void;
handleClear: () => void;
handleConfirm: (visible?: boolean) => void;
timeFormat: import("vue").ComputedRef<any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option")[], "pick" | "set-picker-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
unlinkPanels: boolean;
type: unknown;
} & {
parsedValue?: unknown;
}>, {
unlinkPanels: boolean;
}>;
export default _default;

View File

@@ -0,0 +1,179 @@
import dayjs from 'dayjs';
import { PropType } from 'vue';
declare const _default: import("vue").DefineComponent<{
unlinkPanels: BooleanConstructor;
parsedValue: {
type: PropType<dayjs.Dayjs[]>;
};
}, {
shortcuts: any;
disabledDate: any;
onSelect: (selecting: any) => void;
handleRangePick: (val: any, close?: boolean) => void;
rangeState: import("vue").Ref<{
endDate: any;
selecting: boolean;
}>;
handleChangeRange: (val: any) => void;
minDate: any;
maxDate: any;
enableYearArrow: import("vue").ComputedRef<boolean>;
leftLabel: import("vue").ComputedRef<string>;
rightLabel: import("vue").ComputedRef<string>;
leftNextYear: () => void;
leftPrevYear: () => void;
rightNextYear: () => void;
rightPrevYear: () => void;
t: (...args: any[]) => string;
leftDate: import("vue").Ref<{
clone: () => dayjs.Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): dayjs.Dayjs;
};
month: {
(): number;
(value: number): dayjs.Dayjs;
};
date: {
(): number;
(value: number): dayjs.Dayjs;
};
day: {
(): number;
(value: number): dayjs.Dayjs;
};
hour: {
(): number;
(value: number): dayjs.Dayjs;
};
minute: {
(): number;
(value: number): dayjs.Dayjs;
};
second: {
(): number;
(value: number): dayjs.Dayjs;
};
millisecond: {
(): number;
(value: number): dayjs.Dayjs;
};
set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
get: (unit: dayjs.UnitType) => number;
add: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
subtract: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
format: (template?: string) => string;
diff: (date: dayjs.ConfigType, unit?: "M" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "d" | "y" | "h" | "m" | "s" | "ms" | "week" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSame: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): dayjs.Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): dayjs.Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): dayjs.Dayjs;
};
isSameOrAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSameOrBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
}>;
rightDate: import("vue").Ref<{
clone: () => dayjs.Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): dayjs.Dayjs;
};
month: {
(): number;
(value: number): dayjs.Dayjs;
};
date: {
(): number;
(value: number): dayjs.Dayjs;
};
day: {
(): number;
(value: number): dayjs.Dayjs;
};
hour: {
(): number;
(value: number): dayjs.Dayjs;
};
minute: {
(): number;
(value: number): dayjs.Dayjs;
};
second: {
(): number;
(value: number): dayjs.Dayjs;
};
millisecond: {
(): number;
(value: number): dayjs.Dayjs;
};
set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
get: (unit: dayjs.UnitType) => number;
add: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
subtract: (value: number, unit: dayjs.OpUnitType) => dayjs.Dayjs;
startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
format: (template?: string) => string;
diff: (date: dayjs.ConfigType, unit?: "M" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "date" | "d" | "y" | "h" | "m" | "s" | "ms" | "week" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSame: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): dayjs.Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): dayjs.Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): dayjs.Dayjs;
};
isSameOrAfter: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
isSameOrBefore: (date: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
}>;
hasShortcuts: import("vue").ComputedRef<boolean>;
handleShortcutClick: (shortcut: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "set-picker-option")[], "pick" | "set-picker-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
unlinkPanels: boolean;
} & {
parsedValue?: unknown;
}>, {
unlinkPanels: boolean;
}>;
export default _default;

View File

@@ -0,0 +1,154 @@
declare const _default: import("vue").DefineComponent<{
type: {
type: StringConstructor;
default: string;
};
name: {
type: (ArrayConstructor | StringConstructor)[];
default: string;
};
popperClass: {
type: StringConstructor;
default: string;
};
format: {
type: StringConstructor;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
prefixIcon: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<ComponentSize>;
validator: (val: string) => boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
popperOptions: {
type: import("vue").PropType<import("@popperjs/core").Options>;
default: () => {};
};
modelValue: {
type: import("vue").PropType<string | Date | Date[]>;
default: string;
};
rangeSeparator: {
type: StringConstructor;
default: string;
};
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
defaultValue: {
type: import("vue").PropType<Date | Date[]>;
};
defaultTime: {
type: import("vue").PropType<Date | Date[]>;
};
isRange: {
type: BooleanConstructor;
default: boolean;
};
disabledHours: {
type: FunctionConstructor;
};
disabledMinutes: {
type: FunctionConstructor;
};
disabledSeconds: {
type: FunctionConstructor;
};
disabledDate: {
type: FunctionConstructor;
};
cellClassName: {
type: FunctionConstructor;
};
shortcuts: {
type: ArrayConstructor;
default: () => any[];
};
arrowControl: {
type: BooleanConstructor;
default: boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
unlinkPanels: BooleanConstructor;
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
type: unknown;
name: unknown;
popperClass: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
isRange: boolean;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
} & {
format?: unknown;
size?: unknown;
startPlaceholder?: unknown;
endPlaceholder?: unknown;
defaultValue?: unknown;
defaultTime?: unknown;
disabledHours?: unknown;
disabledMinutes?: unknown;
disabledSeconds?: unknown;
disabledDate?: unknown;
cellClassName?: unknown;
}>, {
type: unknown;
name: unknown;
popperClass: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
isRange: boolean;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
}>;
export default _default;

View File

@@ -0,0 +1,10 @@
import TimePicker from './src/time-picker';
import CommonPicker from './src/common/picker.vue';
import TimePickPanel from './src/time-picker-com/panel-time-pick.vue';
import type { SFCWithInstall } from 'element-plus/lib/utils/types';
export * from './src/common/date-utils';
export * from './src/common/constant';
export * from './src/common/props';
declare const _TimePicker: SFCWithInstall<typeof TimePicker>;
export { CommonPicker, TimePickPanel };
export default _TimePicker;

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,12 @@
export declare const DEFAULT_FORMATS_TIME = "HH:mm:ss";
export declare const DEFAULT_FORMATS_DATE = "YYYY-MM-DD";
export declare const DEFAULT_FORMATS_DATEPICKER: {
date: string;
week: string;
year: string;
month: string;
datetime: string;
monthrange: string;
daterange: string;
datetimerange: string;
};

View File

@@ -0,0 +1,3 @@
export declare const rangeArr: (n: any) => number[];
export declare const extractDateFormat: (format: any) => any;
export declare const extractTimeFormat: (format: any) => any;

View File

@@ -0,0 +1,182 @@
import type { Options } from '@popperjs/core';
declare const _default: import("vue").DefineComponent<{
name: {
type: (ArrayConstructor | StringConstructor)[];
default: string;
};
popperClass: {
type: StringConstructor;
default: string;
};
format: {
type: StringConstructor;
};
type: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
prefixIcon: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<ComponentSize>;
validator: (val: string) => boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
popperOptions: {
type: import("vue").PropType<Options>;
default: () => {};
};
modelValue: {
type: import("vue").PropType<string | Date | Date[]>;
default: string;
};
rangeSeparator: {
type: StringConstructor;
default: string;
};
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
defaultValue: {
type: import("vue").PropType<Date | Date[]>;
};
defaultTime: {
type: import("vue").PropType<Date | Date[]>;
};
isRange: {
type: BooleanConstructor;
default: boolean;
};
disabledHours: {
type: FunctionConstructor;
};
disabledMinutes: {
type: FunctionConstructor;
};
disabledSeconds: {
type: FunctionConstructor;
};
disabledDate: {
type: FunctionConstructor;
};
cellClassName: {
type: FunctionConstructor;
};
shortcuts: {
type: ArrayConstructor;
default: () => any[];
};
arrowControl: {
type: BooleanConstructor;
default: boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
unlinkPanels: BooleanConstructor;
}, {
elPopperOptions: Options;
isDatesPicker: import("vue").ComputedRef<boolean>;
handleEndChange: () => void;
handleStartChange: () => void;
handleStartInput: (event: any) => void;
handleEndInput: (event: any) => void;
onUserInput: (e: any) => void;
handleChange: () => void;
handleKeydown: (event: any) => void;
popperPaneRef: import("vue").ComputedRef<any>;
onClickOutside: () => void;
pickerSize: import("vue").ComputedRef<any>;
isRangeInput: import("vue").ComputedRef<boolean>;
onMouseLeave: () => void;
onMouseEnter: () => void;
onClearIconClick: (event: any) => void;
showClose: import("vue").Ref<boolean>;
triggerClass: import("vue").ComputedRef<unknown>;
onPick: (date?: any, visible?: boolean) => void;
handleFocus: (e: any) => void;
pickerVisible: import("vue").Ref<boolean>;
pickerActualVisible: import("vue").Ref<boolean>;
displayValue: import("vue").ComputedRef<any>;
parsedValue: import("vue").ComputedRef<any>;
setSelectionRange: (start: any, end: any, pos: any) => void;
refPopper: any;
pickerDisabled: import("vue").ComputedRef<boolean>;
onSetPickerOption: (e: any) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus" | "blur")[], "update:modelValue" | "change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
name: unknown;
popperClass: unknown;
type: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
isRange: boolean;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
} & {
format?: unknown;
size?: unknown;
startPlaceholder?: unknown;
endPlaceholder?: unknown;
defaultValue?: unknown;
defaultTime?: unknown;
disabledHours?: unknown;
disabledMinutes?: unknown;
disabledSeconds?: unknown;
disabledDate?: unknown;
cellClassName?: unknown;
}>, {
name: unknown;
popperClass: unknown;
type: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
isRange: boolean;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
}>;
export default _default;

View File

@@ -0,0 +1,103 @@
import type { PropType } from 'vue';
import type { Options } from '@popperjs/core';
export declare const defaultProps: {
name: {
type: (ArrayConstructor | StringConstructor)[];
default: string;
};
popperClass: {
type: StringConstructor;
default: string;
};
format: {
type: StringConstructor;
};
type: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
prefixIcon: {
type: StringConstructor;
default: string;
};
size: {
type: PropType<ComponentSize>;
validator: (val: string) => boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
popperOptions: {
type: PropType<Options>;
default: () => {};
};
modelValue: {
type: PropType<string | Date | Date[]>;
default: string;
};
rangeSeparator: {
type: StringConstructor;
default: string;
};
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
defaultValue: {
type: PropType<Date | Date[]>;
};
defaultTime: {
type: PropType<Date | Date[]>;
};
isRange: {
type: BooleanConstructor;
default: boolean;
};
disabledHours: {
type: FunctionConstructor;
};
disabledMinutes: {
type: FunctionConstructor;
};
disabledSeconds: {
type: FunctionConstructor;
};
disabledDate: {
type: FunctionConstructor;
};
cellClassName: {
type: FunctionConstructor;
};
shortcuts: {
type: ArrayConstructor;
default: () => any[];
};
arrowControl: {
type: BooleanConstructor;
default: boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
unlinkPanels: BooleanConstructor;
};

View File

@@ -0,0 +1,86 @@
import { Ref, PropType } from 'vue';
import { Dayjs } from 'dayjs';
declare const _default: import("vue").DefineComponent<{
role: {
type: StringConstructor;
required: true;
};
spinnerDate: {
type: PropType<Dayjs>;
required: true;
};
showSeconds: {
type: BooleanConstructor;
default: boolean;
};
arrowControl: BooleanConstructor;
amPmMode: {
type: StringConstructor;
default: string;
};
disabledHours: {
type: FunctionConstructor;
};
disabledMinutes: {
type: FunctionConstructor;
};
disabledSeconds: {
type: FunctionConstructor;
};
}, {
getRefId: (item: any) => string;
spinnerItems: import("vue").ComputedRef<string[]>;
currentScrollbar: any;
hours: import("vue").ComputedRef<any>;
minutes: import("vue").ComputedRef<any>;
seconds: import("vue").ComputedRef<any>;
hoursList: import("vue").ComputedRef<any[]>;
minutesList: import("vue").ComputedRef<any[]>;
arrowHourList: import("vue").ComputedRef<any[]>;
arrowMinuteList: import("vue").ComputedRef<any[]>;
arrowSecondList: import("vue").ComputedRef<any[]>;
getAmPmFlag: (hour: any) => string;
emitSelectRange: (type: any) => void;
adjustCurrentSpinner: (type: any) => void;
typeItemHeight: (type: any) => any;
listHoursRef: Ref<HTMLElement>;
listMinutesRef: Ref<HTMLElement>;
listSecondsRef: Ref<HTMLElement>;
onIncreaseClick: () => void;
onDecreaseClick: () => void;
handleClick: (type: any, { value, disabled }: {
value: any;
disabled: any;
}) => void;
secondsList: import("vue").ComputedRef<any[]>;
timePartsMap: import("vue").ComputedRef<{
hours: import("vue").ComputedRef<any>;
minutes: import("vue").ComputedRef<any>;
seconds: import("vue").ComputedRef<any>;
}>;
arrowListMap: import("vue").ComputedRef<{
hours: import("vue").ComputedRef<any[]>;
minutes: import("vue").ComputedRef<any[]>;
seconds: import("vue").ComputedRef<any[]>;
}>;
listMap: import("vue").ComputedRef<{
hours: import("vue").ComputedRef<any[]>;
minutes: import("vue").ComputedRef<any[]>;
seconds: import("vue").ComputedRef<any[]>;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "select-range" | "set-option")[], "change" | "select-range" | "set-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
role: unknown;
spinnerDate: unknown;
showSeconds: boolean;
arrowControl: boolean;
amPmMode: unknown;
} & {
disabledHours?: unknown;
disabledMinutes?: unknown;
disabledSeconds?: unknown;
}>, {
showSeconds: boolean;
arrowControl: boolean;
amPmMode: unknown;
}>;
export default _default;

View File

@@ -0,0 +1,45 @@
import { PropType } from 'vue';
import dayjs, { Dayjs } from 'dayjs';
declare const _default: import("vue").DefineComponent<{
visible: BooleanConstructor;
actualVisible: {
type: BooleanConstructor;
default: any;
};
datetimeRole: {
type: StringConstructor;
};
parsedValue: {
type: PropType<string | dayjs.Dayjs>;
};
format: {
type: StringConstructor;
default: string;
};
}, {
transitionName: import("vue").ComputedRef<"" | "el-zoom-in-top">;
arrowControl: any;
onSetOption: (e: any) => void;
t: (...args: any[]) => string;
handleConfirm: (visible: boolean, first: any) => void;
handleChange: (_date: Dayjs) => void;
setSelectionRange: (start: any, end: any) => void;
amPmMode: import("vue").ComputedRef<"" | "A" | "a">;
showSeconds: import("vue").ComputedRef<any>;
handleCancel: () => void;
disabledHours: any;
disabledMinutes: any;
disabledSeconds: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "select-range" | "set-picker-option")[], "pick" | "select-range" | "set-picker-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
visible: boolean;
actualVisible: boolean;
format: unknown;
} & {
datetimeRole?: unknown;
parsedValue?: unknown;
}>, {
visible: boolean;
actualVisible: boolean;
format: unknown;
}>;
export default _default;

View File

@@ -0,0 +1,44 @@
import { PropType } from 'vue';
import dayjs from 'dayjs';
declare const _default: import("vue").DefineComponent<{
visible: BooleanConstructor;
actualVisible: BooleanConstructor;
parsedValue: {
type: PropType<string | dayjs.Dayjs[]>;
};
format: {
type: StringConstructor;
default: string;
};
}, {
arrowControl: any;
onSetOption: (e: any) => void;
setMaxSelectionRange: (start: any, end: any) => void;
setMinSelectionRange: (start: any, end: any) => void;
btnConfirmDisabled: import("vue").ComputedRef<boolean>;
handleCancel: () => void;
handleConfirm: (visible?: boolean) => void;
t: (...args: any[]) => string;
showSeconds: import("vue").ComputedRef<any>;
minDate: import("vue").ComputedRef<any>;
maxDate: import("vue").ComputedRef<any>;
amPmMode: import("vue").ComputedRef<"" | "A" | "a">;
handleMinChange: (date: any) => void;
handleMaxChange: (date: any) => void;
minSelectableRange: import("vue").Ref<any[]>;
maxSelectableRange: import("vue").Ref<any[]>;
disabledHours_: (role: any, compare: any) => any[];
disabledMinutes_: (hour: any, role: any, compare: any) => any;
disabledSeconds_: (hour: any, minute: any, role: any, compare: any) => any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "select-range" | "set-picker-option")[], "pick" | "select-range" | "set-picker-option", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
visible: boolean;
actualVisible: boolean;
format: unknown;
} & {
parsedValue?: unknown;
}>, {
visible: boolean;
actualVisible: boolean;
format: unknown;
}>;
export default _default;

View File

@@ -0,0 +1,155 @@
import { Dayjs } from 'dayjs';
export declare const getTimeLists: (disabledHours: any, disabledMinutes: any, disabledSeconds: any) => {
getHoursList: (role: any, compare?: any) => any[];
getMinutesList: (hour: any, role: any, compare?: any) => any[];
getSecondsList: (hour: any, minute: any, role: any, compare?: any) => any[];
};
export declare const getAvaliableArrs: (disabledHours: any, disabledMinutes: any, disabledSeconds: any) => {
getAvaliableHours: (role: any, compare?: any) => any;
getAvaliableMinutes: (hour: any, role: any, compare?: any) => any;
getAvaliableSeconds: (hour: any, minute: any, role: any, compare?: any) => any;
};
export declare const useOldValue: (props: {
parsedValue?: string | Dayjs | Dayjs[];
visible: boolean;
}) => import("vue").Ref<string | {
clone: () => Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): Dayjs;
};
month: {
(): number;
(value: number): Dayjs;
};
date: {
(): number;
(value: number): Dayjs;
};
day: {
(): number;
(value: number): Dayjs;
};
hour: {
(): number;
(value: number): Dayjs;
};
minute: {
(): number;
(value: number): Dayjs;
};
second: {
(): number;
(value: number): Dayjs;
};
millisecond: {
(): number;
(value: number): Dayjs;
};
set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
get: (unit: import("dayjs").UnitType) => number;
add: (value: number, unit: import("dayjs").OpUnitType) => Dayjs;
subtract: (value: number, unit: import("dayjs").OpUnitType) => Dayjs;
startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
format: (template?: string) => string;
diff: (date: import("dayjs").ConfigType, unit?: "year" | "month" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "d" | "M" | "y" | "h" | "m" | "s" | "ms" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isSame: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isAfter: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): Dayjs;
};
isSameOrAfter: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isSameOrBefore: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
} | {
clone: () => Dayjs;
isValid: () => boolean;
year: {
(): number;
(value: number): Dayjs;
};
month: {
(): number;
(value: number): Dayjs;
};
date: {
(): number;
(value: number): Dayjs;
};
day: {
(): number;
(value: number): Dayjs;
};
hour: {
(): number;
(value: number): Dayjs;
};
minute: {
(): number;
(value: number): Dayjs;
};
second: {
(): number;
(value: number): Dayjs;
};
millisecond: {
(): number;
(value: number): Dayjs;
};
set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
get: (unit: import("dayjs").UnitType) => number;
add: (value: number, unit: import("dayjs").OpUnitType) => Dayjs;
subtract: (value: number, unit: import("dayjs").OpUnitType) => Dayjs;
startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
format: (template?: string) => string;
diff: (date: import("dayjs").ConfigType, unit?: "year" | "month" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "d" | "M" | "y" | "h" | "m" | "s" | "ms" | "w" | "quarter" | "Q", float?: boolean) => number;
valueOf: () => number;
unix: () => number;
daysInMonth: () => number;
toDate: () => Date;
toJSON: () => string;
toISOString: () => string;
toString: () => string;
utcOffset: () => number;
isBefore: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isSame: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isAfter: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
locale: {
(): string;
(preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
};
localeData: () => any;
week: {
(): number;
(value: number): Dayjs;
};
weekYear: () => number;
dayOfYear: {
(): number;
(value: number): Dayjs;
};
isSameOrAfter: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
isSameOrBefore: (date: import("dayjs").ConfigType, unit?: import("dayjs").OpUnitType) => boolean;
}[]>;

View File

@@ -0,0 +1,154 @@
declare const _default: import("vue").DefineComponent<{
isRange: {
type: BooleanConstructor;
default: boolean;
};
name: {
type: (ArrayConstructor | StringConstructor)[];
default: string;
};
popperClass: {
type: StringConstructor;
default: string;
};
format: {
type: StringConstructor;
};
type: {
type: StringConstructor;
default: string;
};
clearable: {
type: BooleanConstructor;
default: boolean;
};
clearIcon: {
type: StringConstructor;
default: string;
};
editable: {
type: BooleanConstructor;
default: boolean;
};
prefixIcon: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<ComponentSize>;
validator: (val: string) => boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
popperOptions: {
type: import("vue").PropType<import("@popperjs/core").Options>;
default: () => {};
};
modelValue: {
type: import("vue").PropType<string | Date | Date[]>;
default: string;
};
rangeSeparator: {
type: StringConstructor;
default: string;
};
startPlaceholder: StringConstructor;
endPlaceholder: StringConstructor;
defaultValue: {
type: import("vue").PropType<Date | Date[]>;
};
defaultTime: {
type: import("vue").PropType<Date | Date[]>;
};
disabledHours: {
type: FunctionConstructor;
};
disabledMinutes: {
type: FunctionConstructor;
};
disabledSeconds: {
type: FunctionConstructor;
};
disabledDate: {
type: FunctionConstructor;
};
cellClassName: {
type: FunctionConstructor;
};
shortcuts: {
type: ArrayConstructor;
default: () => any[];
};
arrowControl: {
type: BooleanConstructor;
default: boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
unlinkPanels: BooleanConstructor;
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
isRange: boolean;
name: unknown;
popperClass: unknown;
type: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
} & {
format?: unknown;
size?: unknown;
startPlaceholder?: unknown;
endPlaceholder?: unknown;
defaultValue?: unknown;
defaultTime?: unknown;
disabledHours?: unknown;
disabledMinutes?: unknown;
disabledSeconds?: unknown;
disabledDate?: unknown;
cellClassName?: unknown;
}>, {
isRange: boolean;
name: unknown;
popperClass: unknown;
type: unknown;
clearable: boolean;
clearIcon: unknown;
editable: boolean;
prefixIcon: unknown;
readonly: boolean;
disabled: boolean;
placeholder: unknown;
popperOptions: unknown;
modelValue: unknown;
rangeSeparator: unknown;
shortcuts: unknown;
arrowControl: boolean;
validateEvent: boolean;
unlinkPanels: boolean;
}>;
export default _default;

View File

@@ -5,6 +5,9 @@
<!-- 顶部工具栏 -->
<div class="main-container">
<div class="top-tools">
<myDatePicker
v-model="value1"
type="datetime"/>
<div class="top-tool-left" style="min-width: 300px">
<slot name="top-tool-left"></slot>
</div>
@@ -42,11 +45,13 @@
<script>
import columnCustomize from '@/components/table/ColumnCustomize'
import myDatePicker from '../common/MyDatePicker'
import { fromRoute } from '@/utils/constants'
export default {
name: 'cnDataList',
components: {
myDatePicker,
columnCustomize
},
props: {
@@ -74,7 +79,8 @@ export default {
tools: {
showCustomTableTitle: false // 自定义列弹框是否显示
},
showLayout: []
showLayout: [],
value1: 1623997984000
}
},
methods: {