vue-devui 1.2.0 → 1.2.1-alpha.0

package/types/date-picker/index.d.ts

@@ -0,0 +1,15 @@
+import { App } from 'vue';
+import DatePicker from './src/date-picker';
+import StickSlider from './src/stick-slider';
+export { DatePicker, StickSlider };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    deprecated: {
+        value: boolean;
+        reason: string;
+    };
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+import { TProps } from '../types';
+import './index.scss';
+declare const Calendar: (props: TProps) => JSX.Element;
+export default Calendar;

package/types/date-picker/src/components/helper.d.ts

@@ -0,0 +1,5 @@
+import type { TDateCell, TDatePanelDataProps, TDatePanelProps } from './types';
+export declare const getDateKey: (date: Date) => string;
+export declare const cellClassName: (props: TDatePanelDataProps, day: TDateCell, base?: string) => string;
+export declare const trigEvent: (props: TDatePanelProps, day: TDateCell) => void;
+export declare const handleDateEnter: (props: TDatePanelProps, day: TDateCell) => void;

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

@@ -0,0 +1,4 @@
+import { TDatePanelProps } from '../types';
+import './index.scss';
+declare const CalendarDatePanel: (props: TDatePanelProps) => JSX.Element;
+export default CalendarDatePanel;

package/types/date-picker/src/components/popup/index.d.ts

@@ -0,0 +1,39 @@
+import './index.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly attach: {
+        readonly type: StringConstructor;
+    };
+    readonly onBinding: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly onClosed: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly onOpen: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly show: {
+        readonly type: BooleanConstructor;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly attach: {
+        readonly type: StringConstructor;
+    };
+    readonly onBinding: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly onClosed: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly onOpen: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly show: {
+        readonly type: BooleanConstructor;
+    };
+}>>, {
+    readonly show: boolean;
+}>;
+export default _default;

package/types/date-picker/src/components/timepicker/index.d.ts

@@ -0,0 +1,11 @@
+import './index.scss';
+declare const TimePicker: import("vue").DefineComponent<{
+    readonly time: {
+        readonly type: DateConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly time: {
+        readonly type: DateConstructor;
+    };
+}>>, {}>;
+export default TimePicker;

package/types/date-picker/src/components/today-default/index.d.ts

@@ -0,0 +1,6 @@
+declare type TProps = {
+    onSelected?: (date: Date) => void;
+    disabled?: boolean;
+};
+declare const TodayDefault: (props: TProps) => JSX.Element;
+export default TodayDefault;

package/types/date-picker/src/components/toolbar/index.d.ts

@@ -0,0 +1,7 @@
+import { TDateToolbarProps } from '../types';
+import './index.scss';
+export declare const Title: (props: {
+    date: Date;
+}) => JSX.Element;
+declare const CalendarToolbar: (props: TDateToolbarProps) => JSX.Element;
+export default CalendarToolbar;

package/types/date-picker/src/components/toolbar/svg-icon.d.ts

@@ -0,0 +1,3 @@
+import { TIconSvgProps } from '../types';
+export declare const Year: (props: TIconSvgProps) => JSX.Element;
+export declare const Month: (props: TIconSvgProps) => JSX.Element;

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

@@ -0,0 +1,63 @@
+export declare type TDateCell = {
+    date: Date;
+    current: -1 | 0 | 1;
+};
+export declare type TDatePanelMode = 'month' | 'year';
+export declare type TDatePanelType = 'select' | 'range';
+export declare type TEventCallback = (date: Date, position: number) => void;
+export declare type TDateConfig = {
+    type?: TDatePanelType;
+    mode?: TDatePanelMode;
+    current: Date;
+    showTime: boolean;
+    dateMin?: Date;
+    dateMax?: Date;
+};
+export declare type TDateSelectingBase = {
+    dateStart?: Date;
+    dateEnd?: Date;
+    dateHover?: Date;
+};
+export declare type TDateToolbarEventProps = {
+    onPreviousYear?: TEventCallback;
+    onPreviousMonth?: TEventCallback;
+    onNextMonth?: TEventCallback;
+    onNextYear?: TEventCallback;
+};
+export declare type TDateToolbarDataProps = TDateConfig & {
+    pos?: number;
+    compare?: Date;
+};
+export declare type TDateToolbarProps = TDateToolbarDataProps & TDateToolbarEventProps;
+export declare type TDatePanelEventProps = {
+    onSelected?: TEventCallback;
+    onReset?: TEventCallback;
+    onSelectStart?: TEventCallback;
+    onSelectEnd?: TEventCallback;
+    onSelecting?: TEventCallback;
+    onToday?: TEventCallback;
+    onChange?: (type: TDatePanelType, config: TDateSelectingBase) => void;
+} & TDateToolbarEventProps;
+export declare type TDatePanelDataProps = TDateToolbarDataProps & TDateSelectingBase;
+export declare type TDatePanelProps = {
+    showToday?: boolean;
+} & TDatePanelDataProps & TDatePanelEventProps;
+export declare type TProps = ({
+    type: 'select';
+} | {
+    type: 'range';
+    next: Date;
+}) & TDateConfig & TDateSelectingBase & TDatePanelEventProps;
+export declare type TIconSvgProps = {
+    color?: string;
+    rotate?: number;
+};
+export declare type TIconSvg = <T>(props: TIconSvgProps) => T;
+export declare type TCalendarToolbarItemProps = {
+    disabled?: boolean;
+    rotate?: number;
+    cb?: <T>(...args: T[]) => void;
+    pos: number;
+    date: Date;
+    button: TIconSvg;
+};

package/types/date-picker/src/components/utils.d.ts

@@ -0,0 +1,41 @@
+import { TDateCell } from './types';
+export declare const getMonthWeeklyDays: (date?: Date) => TDateCell[][];
+export declare const WEEK_DAYS: string[];
+export declare const invokeCallback: <T>(cb: T, ...args: unknown[]) => void;
+/**
+ * a - b 的月数
+ */
+export declare const subDateMonth: (a: Date, b: Date) => number;
+/**
+ * a - b 的天数
+ * @param a
+ * @param b
+ * @returns
+ */
+export declare const subDateDay: (a: Date, b: Date) => number;
+/**
+* 比较日期单位
+* @param small 相对早的日期
+* @param big 相对晚的日期
+* @param mode 比较单位
+* @param min 不能小于这个值
+* @returns
+*/
+export declare const compareDate: (small: Date | undefined, big: Date | undefined, mode: 'year' | 'month', min: number) => boolean;
+export declare const parseTime: (str?: string | undefined) => [number, number, number, number];
+declare type TDateCounterType = 'd' | 'm' | 'y';
+export declare const dateCounter: (date: Date, type: TDateCounterType) => number;
+export declare const compareDateSort: (d1: Date, d2: Date, type?: TDateCounterType) => number;
+export declare const borderDateFactory: (factor: (d1: Date, d2: Date) => Date) => (...ds: Date[]) => Date;
+export declare const getMinDate: (...ds: Date[]) => Date;
+export declare const getMaxDate: (...ds: Date[]) => Date;
+/**
+ * d 是否在 [left, right] 区间
+ * @param date 日期
+ * @param left 最小日期
+ * @param right 最大日期
+ * @returns boolean
+ */
+export declare const betweenDate: (date: Date, left: Date, right: Date) => boolean;
+export declare const parseDate: (str?: string | undefined) => Date | undefined;
+export {};

package/types/date-picker/src/components/vertical-slider/index.d.ts

@@ -0,0 +1,51 @@
+import './index.scss';
+declare const VerticalSlider: import("vue").DefineComponent<{
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 26;
+    };
+    readonly items: {
+        readonly type: ArrayConstructor;
+    };
+    readonly selectedIndex: {
+        readonly type: NumberConstructor;
+    };
+    readonly className: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassNormal: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassSelected: {
+        readonly type: StringConstructor;
+    };
+    readonly onChange: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 26;
+    };
+    readonly items: {
+        readonly type: ArrayConstructor;
+    };
+    readonly selectedIndex: {
+        readonly type: NumberConstructor;
+    };
+    readonly className: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassNormal: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassSelected: {
+        readonly type: StringConstructor;
+    };
+    readonly onChange: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+}>>, {
+    readonly size: number;
+}>;
+export default VerticalSlider;

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

@@ -0,0 +1,97 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export declare type TState = {
+    range?: boolean;
+    current?: Date;
+    next?: Date;
+    start?: Date;
+    end?: Date;
+    hover?: Date;
+    show?: boolean;
+    input?: string;
+    value?: string;
+    placeholder?: string;
+};
+export declare const datePickerProps: {
+    readonly selectedDateChange: {
+        readonly type: PropType<(...args: unknown[]) => void>;
+    };
+    readonly autoClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly range: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTime: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "y/MM/dd";
+    };
+    readonly rangeSpliter: {
+        readonly type: StringConstructor;
+        readonly default: "-";
+    };
+    readonly attachInputDom: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMin: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMax: {
+        readonly type: StringConstructor;
+    };
+};
+export declare const datePickerPopupProps: {
+    readonly attach: {
+        readonly type: StringConstructor;
+    };
+    readonly onBinding: {
+        readonly type: PropType<(...args: unknown[]) => void>;
+    };
+    readonly onClosed: {
+        readonly type: PropType<(...args: unknown[]) => void>;
+    };
+    readonly onOpen: {
+        readonly type: PropType<(...args: unknown[]) => void>;
+    };
+    readonly show: {
+        readonly type: BooleanConstructor;
+    };
+};
+export declare const timePickerProps: {
+    readonly time: {
+        readonly type: DateConstructor;
+    };
+};
+export declare const verticalSliderProps: {
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 26;
+    };
+    readonly items: {
+        readonly type: ArrayConstructor;
+    };
+    readonly selectedIndex: {
+        readonly type: NumberConstructor;
+    };
+    readonly className: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassNormal: {
+        readonly type: StringConstructor;
+    };
+    readonly itemClassSelected: {
+        readonly type: StringConstructor;
+    };
+    readonly onChange: {
+        readonly type: PropType<(...args: unknown[]) => void>;
+    };
+};
+export declare type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+export declare type DatePickerPopupProps = ExtractPropTypes<typeof datePickerPopupProps>;
+export declare type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
+export declare type VerticalSliderProps = ExtractPropTypes<typeof verticalSliderProps>;

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

@@ -0,0 +1,75 @@
+import './date-picker.scss';
+declare const _default: import("vue").DefineComponent<{
+    readonly selectedDateChange: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly autoClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly range: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTime: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "y/MM/dd";
+    };
+    readonly rangeSpliter: {
+        readonly type: StringConstructor;
+        readonly default: "-";
+    };
+    readonly attachInputDom: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMin: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMax: {
+        readonly type: StringConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly selectedDateChange: {
+        readonly type: import("vue").PropType<(...args: unknown[]) => void>;
+    };
+    readonly autoClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly range: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showTime: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "y/MM/dd";
+    };
+    readonly rangeSpliter: {
+        readonly type: StringConstructor;
+        readonly default: "-";
+    };
+    readonly attachInputDom: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMin: {
+        readonly type: StringConstructor;
+    };
+    readonly dateMax: {
+        readonly type: StringConstructor;
+    };
+}>>, {
+    readonly range: boolean;
+    readonly format: string;
+    readonly showTime: boolean;
+    readonly autoClose: boolean;
+    readonly rangeSpliter: string;
+}>;
+export default _default;

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

@@ -0,0 +1,48 @@
+import type { Ref } from 'vue';
+import type { TState, DatePickerProps, DatePickerPopupProps } from './date-picker-types';
+/**
+ * Calendar 面板年月切换逻辑
+ * @param state
+ * @param index
+ * @param pos
+ * @param date
+ */
+export declare const handleCalendarSwitchState: (state: TState, index: number, pos: number, date: Date) => void;
+/**
+ * 格式化输入日期字符串
+ * @param state
+ * @param props
+ * @returns
+ */
+export declare const formatValue: (state: TState, props: DatePickerProps) => string;
+/**
+ * 格式化placeholder显示
+ * @param props
+ * @returns
+ */
+export declare const formatPlaceholder: (props: DatePickerProps) => string;
+/**
+ * 输出日期选择结果
+ * @param id
+ * @param output
+ */
+export declare const handleValue: (id: string | undefined, output: string) => void;
+/**
+ * 获取绑定节点
+ * @returns
+ */
+export declare const getAttachInputDom: (props: DatePickerPopupProps) => Element | null;
+/**
+ * 绑定弹出层场景，计算弹出层位置。
+ * @param state
+ * @param props
+ * @param container
+ * @returns
+ */
+export declare const handlePositionFactory: (state: {
+    x?: string;
+    y?: string;
+    attachInputDom?: string;
+    show?: boolean;
+    st?: boolean;
+}, props: DatePickerPopupProps, container: Ref<Element | null>) => () => void;

package/types/date-picker/src/stick-slider/index.d.ts

@@ -0,0 +1,9 @@
+import './index.scss';
+declare const StickSlider: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    [x: number]: string;
+} | {}>;
+export default StickSlider;

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

@@ -0,0 +1,27 @@
+/**
+ * - y: year yy 取后2位，其他情况取4位
+ * - M: month 最多取2位补0
+ * @param fmt
+ * @param d
+ */
+export declare const formatDate: (fmt: string, d: Date) => string;
+export declare const formatRange: (fmt: string, a: Date, b: Date, conn?: string) => string;
+/**
+ * 判断节点a是否在节点b中
+ * @param a
+ * @param b
+ * @returns
+ */
+export declare const isIn: (a: Node | null, b: Node | null) => boolean;
+export declare class EventManager {
+    private readonly items;
+    constructor();
+    append(el: Node | Window, name: string, cb: EventListenerOrEventListenerObject, capture?: boolean): void;
+    dispose(): void;
+}
+export declare const traceNode: (el: Node) => Node[];
+/**
+ * 函数安全调用
+ */
+export declare const invokeFunction: <T>(fn?: ((...args: T[]) => void) | undefined, ...args: T[]) => void;
+export declare const getMinDate: (a?: Date | undefined, b?: Date | undefined) => Date | undefined;

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

@@ -0,0 +1,2 @@
+export declare const DATE_FORMAT = "YYYY/MM/DD";
+export declare const TIME_FORMAT: string;

package/types/date-picker-pro/__tests__/date-picker-pro.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/date-picker-pro/__tests__/month-picker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/date-picker-pro/__tests__/range-date-picker-pro.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/date-picker-pro/__tests__/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getDateIndex: (date: Date) => number;
+export declare const getSelectedIndex: (todayIndex: number, intervalDay?: number) => number;
+export declare const getSelectedDate: (todayIndex: number, date: Date, intervalDay?: number) => string;

package/types/date-picker-pro/__tests__/year-picker.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+import type { App } from 'vue';
+import DatePickerPro from './src/date-picker-pro';
+import DRangeDatePickerPro from './src/components/range-date-picker-pro';
+export * from './src/date-picker-pro-types';
+export { DatePickerPro, DRangeDatePickerPro };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/date-picker-pro/src/components/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;