vue-schedule-picker
Version:
The Vue schedule selector is used to select a time period
163 lines (162 loc) • 4.52 kB
TypeScript
declare const _sfc_main: import("vue").DefineComponent<{
width: {
type: NumberConstructor;
required: false;
default: number;
};
height: {
type: NumberConstructor;
required: false;
default: number;
};
activeColor: {
type: StringConstructor;
required: false;
default: string;
};
mode: {
type: StringConstructor;
required: false;
default: string;
};
rangeColor: {
type: StringConstructor;
required: false;
default: string;
};
emptyText: {
type: StringConstructor;
required: false;
default: string;
};
showPreview: {
type: BooleanConstructor;
required: false;
default: boolean;
};
language: {
type: StringConstructor;
required: false;
default: string;
};
timeBucket: {
type: ArrayConstructor;
required: true;
};
}, {
props: any;
emit: (event: "changeTimeBucket", ...args: any[]) => void;
timeSlot: import("vue").ComputedRef<24 | 48>;
timeColSpan: import("vue").ComputedRef<1 | 2>;
thead: any;
schedule: import("vue").Ref<any>;
isShowSchedule: import("vue").Ref<boolean>;
leftTopTime: import("vue").Ref<any>;
calendarTable: import("vue").Ref<HTMLElement>;
config: import("vue").ComputedRef<{
DISPLAY_DAY_MAP: {
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
};
forenoon: string;
afternoon: string;
header: string;
}>;
timeBucketDisplay: import("vue").ComputedRef<any>;
onMouseUp: ($event: MouseEvent, endDIndex: number, endHIndex: number) => void;
onMouseMove: ($event: MouseEvent, dIndex: number, hIndex: number) => void;
onMouseDown: ($event: MouseEvent, dIndex: number, hIndex: number) => void;
changeColor: (dIndex: number, hIndex: number) => void;
Preview: import("vue").DefineComponent<{
timeBucketDisplay: {
type: ArrayConstructor;
required: true;
};
mode: {
type: StringConstructor;
required: true;
};
emptyText: {
type: StringConstructor;
required: true;
};
}, {
props: any;
timeBucketPreview: import("vue").ComputedRef<any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
timeBucketDisplay: {
type: ArrayConstructor;
required: true;
};
mode: {
type: StringConstructor;
required: true;
};
emptyText: {
type: StringConstructor;
required: true;
};
}>>, {}, {}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeTimeBucket"[], "changeTimeBucket", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
width: {
type: NumberConstructor;
required: false;
default: number;
};
height: {
type: NumberConstructor;
required: false;
default: number;
};
activeColor: {
type: StringConstructor;
required: false;
default: string;
};
mode: {
type: StringConstructor;
required: false;
default: string;
};
rangeColor: {
type: StringConstructor;
required: false;
default: string;
};
emptyText: {
type: StringConstructor;
required: false;
default: string;
};
showPreview: {
type: BooleanConstructor;
required: false;
default: boolean;
};
language: {
type: StringConstructor;
required: false;
default: string;
};
timeBucket: {
type: ArrayConstructor;
required: true;
};
}>> & {
onChangeTimeBucket?: (...args: any[]) => any;
}, {
width: number;
height: number;
activeColor: string;
mode: string;
rangeColor: string;
emptyText: string;
showPreview: boolean;
language: string;
}, {}>;
export default _sfc_main;