vue-devui 1.1.0 → 1.2.1-alpha.0

package/types/date-picker-pro/src/components/date-picker-panel.d.ts

@@ -0,0 +1,95 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "changeRangeFocusType" | "selectedDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}>>, {
+    readonly type: string;
+    readonly visible: boolean;
+    readonly disabled: boolean;
+    readonly size: import("../../../input").InputSize;
+    readonly showTime: boolean;
+    readonly calendarRange: number[];
+    readonly isRangeType: boolean;
+    readonly focusType: string;
+}>;
+export default _default;

package/types/date-picker-pro/src/components/icon-calendar.d.ts

@@ -0,0 +1 @@
+export declare const IconCalendar: () => JSX.Element;

package/types/date-picker-pro/src/components/icon-close.d.ts

@@ -0,0 +1 @@
+export declare const IconClose: () => JSX.Element;

package/types/date-picker-pro/src/components/month-calendar-panel.d.ts

@@ -0,0 +1,95 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "changeRangeFocusType" | "selectedDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}>>, {
+    readonly type: string;
+    readonly visible: boolean;
+    readonly disabled: boolean;
+    readonly size: import("../../../input").InputSize;
+    readonly showTime: boolean;
+    readonly calendarRange: number[];
+    readonly isRangeType: boolean;
+    readonly focusType: string;
+}>;
+export default _default;

package/types/date-picker-pro/src/components/range-date-picker-pro.d.ts

@@ -0,0 +1,90 @@
+import '../date-picker-pro.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<(string | Date)[]>;
+        readonly default: readonly ["", ""];
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly ["", ""];
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "-";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "blur" | "focus" | "update:modelValue" | "toggleChange" | "confirmEvent", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<(string | Date)[]>;
+        readonly default: readonly ["", ""];
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly ["", ""];
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "-";
+    };
+}>>, {
+    readonly type: string;
+    readonly disabled: boolean;
+    readonly size: import("../../../input").InputSize;
+    readonly separator: string;
+    readonly placeholder: string[];
+    readonly modelValue: (string | Date)[];
+    readonly showTime: boolean;
+    readonly calendarRange: number[];
+}>;
+export default _default;

package/types/date-picker-pro/src/components/time-picker-panel.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bindData: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "selectedTime", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bindData: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>>, {
+    readonly visible: boolean;
+    readonly bindData: string;
+}>;
+export default _default;

package/types/date-picker-pro/src/components/year-calendar-panel.d.ts

@@ -0,0 +1,95 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "changeRangeFocusType" | "selectedDate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: import("vue").PropType<import("../../../input").InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: import("vue").PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: import("vue").PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: import("vue").PropType<import("dayjs").Dayjs | (import("dayjs").Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+}>>, {
+    readonly type: string;
+    readonly visible: boolean;
+    readonly disabled: boolean;
+    readonly size: import("../../../input").InputSize;
+    readonly showTime: boolean;
+    readonly calendarRange: number[];
+    readonly isRangeType: boolean;
+    readonly focusType: string;
+}>;
+export default _default;

package/types/date-picker-pro/src/composables/use-calendar-panel.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { UseCalendarPanelReturnType, DatePickerProPanelProps } from '../date-picker-pro-types';
+export default function useCalendarPanel(props: DatePickerProPanelProps, ctx: SetupContext): UseCalendarPanelReturnType;

package/types/date-picker-pro/src/composables/use-calendar-selected.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { DatePickerProPanelProps, UseCalendarSelectedReturnType } from '../date-picker-pro-types';
+export default function useCalendarSelected(props: DatePickerProPanelProps, ctx: SetupContext): UseCalendarSelectedReturnType;

package/types/date-picker-pro/src/composables/use-date-picker.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { DatePickerProPanelProps, UseDatePickerReturnType } from '../date-picker-pro-types';
+export default function useDatePicker(props: DatePickerProPanelProps, ctx: SetupContext): UseDatePickerReturnType;

package/types/date-picker-pro/src/composables/use-month-calendar-panel.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { DatePickerProPanelProps, UseMonthCalendarPanelReturnType } from '../date-picker-pro-types';
+export default function useMonthCalendarPanel(props: DatePickerProPanelProps, ctx: SetupContext): UseMonthCalendarPanelReturnType;

package/types/date-picker-pro/src/composables/use-range-date-picker-pro.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { RangeDatePickerProProps, UseRangePickerProReturnType } from '../range-date-picker-types';
+export default function useRangePickerPro(props: RangeDatePickerProProps, ctx: SetupContext): UseRangePickerProReturnType;

package/types/date-picker-pro/src/composables/use-time-picker-panel.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { TimerPickerPanelProps, UseTimePickerPanelReturnType } from '../date-picker-pro-types';
+export default function useTimePickerPanel(props: TimerPickerPanelProps, ctx: SetupContext): UseTimePickerPanelReturnType;

package/types/date-picker-pro/src/composables/use-year-calendar-panel.d.ts

@@ -0,0 +1,3 @@
+import type { SetupContext } from 'vue';
+import { DatePickerProPanelProps, UseYearCalendarPanelReturnType } from '../date-picker-pro-types';
+export default function useYearCalendarPanel(props: DatePickerProPanelProps, ctx: SetupContext): UseYearCalendarPanelReturnType;

package/types/date-picker-pro/src/const.d.ts

@@ -0,0 +1,11 @@
+export declare const DAY_DURATION: number;
+export declare const yearItemHeight = 30;
+export declare const calendarItemHeight = 186;
+export declare const yearListHeight = 305;
+export declare const calendarListHeight = 270;
+export declare const monthPickerHeight = 300;
+export declare const monthCalendarItemHeight = 186;
+export declare const yearPickerHeight = 186;
+export declare const yearCalendarItemHeight = 48;
+export declare const DEFAULT_DATE = "YYYY/MM/DD";
+export declare const DEFAULT_TIME: string;

package/types/date-picker-pro/src/date-picker-pro-types.d.ts

@@ -0,0 +1,222 @@
+import type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue';
+import type { Dayjs } from 'dayjs';
+import { ArrType } from '../../time-picker/src/types';
+import type { InputSize } from '../../input/src/input-types';
+export declare const datePickerProCommonProps: {
+    format: {
+        type: StringConstructor;
+    };
+    showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<InputSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    calendarRange: {
+        type: PropType<number[]>;
+        default: number[];
+    };
+    limitDateRange: {
+        type: PropType<Date[]>;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const datePickerProProps: {
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: PropType<InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly modelValue: {
+        readonly type: PropType<string | Date>;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export declare type DatePickerProProps = ExtractPropTypes<typeof datePickerProProps>;
+export interface UseDatePickerProReturnType {
+    originRef: Ref<HTMLElement | undefined>;
+    inputRef: Ref<HTMLElement | undefined>;
+    overlayRef: Ref<HTMLElement | undefined>;
+    isPanelShow: Ref<boolean>;
+    placeholder: ComputedRef<string>;
+    format: ComputedRef<string>;
+    dateValue: ComputedRef<Dayjs | undefined>;
+    displayDateValue: ComputedRef<string>;
+    isMouseEnter: Ref<boolean>;
+    showCloseIcon: ComputedRef<boolean>;
+    pickerDisabled: ComputedRef<boolean>;
+    pickerSize: ComputedRef<'sm' | 'md' | 'lg'>;
+    isValidateError: ComputedRef<boolean>;
+    onFocus: (e: MouseEvent) => void;
+    onSelectedDate: (date: Dayjs, isConfirm?: boolean) => void;
+    handlerClearTime: (e: MouseEvent) => void;
+}
+export interface CalendarDateItem {
+    day: string;
+    date: Date;
+    inMonth: boolean;
+    isToday: boolean;
+    isActive?: boolean;
+}
+export interface YearAndMonthItem {
+    year: number;
+    month?: number;
+    isMonth?: boolean;
+    active?: boolean;
+    displayWeeks?: CalendarDateItem[][];
+}
+export interface UseDatePickerReturnType {
+    calendarPanelRef: Ref<HTMLElement | undefined>;
+    timeData: Ref<string>;
+    onSelectedDate: (date: Dayjs) => void;
+    handlerConfirm: () => void;
+    handlerSelectedTime: (time: string) => void;
+    onChangeRangeFocusType: (type: string) => void;
+}
+export interface UseCalendarPanelReturnType {
+    yearScrollRef: Ref<HTMLElement | undefined>;
+    monthScrollRef: Ref<HTMLElement | undefined>;
+    yearAndMonthList: Ref<YearAndMonthItem[]>;
+    allMonthList: Ref<YearAndMonthItem[]>;
+    isListCollapse: Ref<boolean>;
+    handlerSelectDate: (day: CalendarDateItem) => void;
+    handlerYearCollapse: (date?: Date) => void;
+    handlerClickMonth: (year: number, month: number | undefined) => void;
+    handleScrollMonthList: (e: UIEvent) => void;
+    isDateSelected: (date: Date) => boolean;
+    isStartDate: (date: Date) => boolean;
+    isInRangeDate: (date: Date) => boolean;
+    isEndDate: (date: Date) => boolean;
+    isDisabled: (date: Date) => boolean;
+}
+export declare const datePickerProPanelProps: {
+    readonly format: {
+        type: StringConstructor;
+    };
+    readonly showTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly size: {
+        type: PropType<InputSize>;
+        default: string;
+    };
+    readonly disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly calendarRange: {
+        type: PropType<number[]>;
+        default: number[];
+    };
+    readonly limitDateRange: {
+        type: PropType<Date[]>;
+    };
+    readonly type: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dateValue: {
+        readonly type: PropType<Dayjs | (Dayjs | undefined)[] | undefined>;
+    };
+    readonly isRangeType: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly focusType: {
+        readonly type: StringConstructor;
+        readonly default: "start";
+    };
+};
+export declare type DatePickerProPanelProps = ExtractPropTypes<typeof datePickerProPanelProps>;
+export interface TimePickerItem {
+    activeHour: Ref<string>;
+    activeMinute: Ref<string>;
+    activeSecond: Ref<string>;
+}
+export declare const timerPickerPanelProps: {
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bindData: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export declare type TimerPickerPanelProps = ExtractPropTypes<typeof timerPickerPanelProps>;
+export interface UseTimePickerPanelReturnType {
+    timeListDom: Ref<HTMLElement | undefined>;
+    hourList: Array<ArrType>;
+    minuteList: Array<ArrType>;
+    secondList: Array<ArrType>;
+    handlerTimeSelected: (date: TimePickerItem) => void;
+}
+export interface UseYearCalendarPanelReturnType {
+    yarListScrollRef: Ref<HTMLElement | undefined>;
+    yearList: Ref<number[][]>;
+    getYearItemCls: (year: number) => Record<string, boolean>;
+    handlerSelectYear: (year: number) => void;
+}
+export interface UseCalendarSelectedReturnType {
+    today: Ref<Date>;
+    calendarRange: Ref<number[]>;
+    selectDate: Ref<Dayjs | undefined>;
+    rangeSelectDate: Ref<(Dayjs | undefined)[]>;
+    minDate: ComputedRef<Date>;
+    maxDate: ComputedRef<Date>;
+    fixRangeDate: () => void;
+    getToDate: (dateValue: Dayjs | undefined | (Dayjs | undefined)[]) => Dayjs | undefined;
+    emitSelectedDate: () => void;
+    isStartDate: (date: Date) => boolean;
+    isInRangeDate: (date: Date) => boolean;
+    isEndDate: (date: Date) => boolean;
+}
+export interface UseMonthCalendarPanelReturnType {
+    yearScrollRef: Ref<HTMLElement | undefined>;
+    monthScrollRef: Ref<HTMLElement | undefined>;
+    yearList: Ref<YearAndMonthItem[]>;
+    monthList: number[][];
+    handlerSelectYear: (year: number) => void;
+    handlerMonthScroll: (e: MouseEvent) => void;
+    getMonthItemCls: (year: number, month: number) => Record<string, boolean>;
+    handlerSelectMonth: (year: number, month: number) => void;
+}