voiptime-components 1.7.11 → 1.8.0

package/dist/index.d.ts

@@ -179,12 +179,12 @@ declare const __VLS_component_6: DefineComponent<DropdownProps, {
     onCommand?: ((command: string | number) => any) | undefined;
 }>, {
     disabled: boolean;
-    maxHeight: string | number;
     trigger: DropdownTriggerType;
     placement: DropdownPlacement;
     showTimeout: number;
     hideTimeout: number;
     hideOnClick: boolean;
+    maxHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdownRef: HTMLDivElement;
     triggerRef: HTMLDivElement;
@@ -223,7 +223,6 @@ declare const __VLS_component_8: DefineComponent<VtSelectProps, {
     disabled: boolean;
     loading: boolean;
     placeholder: string;
-    maxHeight: number;
     trigger: string;
     placement: string;
     showTimeout: number;
@@ -236,6 +235,7 @@ declare const __VLS_component_8: DefineComponent<VtSelectProps, {
     filterable: boolean;
     noDataText: string;
     loadingText: string;
+    maxHeight: number;
     collapsedTags: boolean;
     filterPlaceholder: string;
     allowRemoteFilter: boolean;
@@ -605,20 +605,25 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-declare interface DatePickerShortcut {
+export declare interface DatePickerShortcut {
     text: string;
     value: () => DatePickerValue;
 }
 
-declare type DatePickerSize = 'small' | 'default' | 'large';
+export declare type DatePickerSize = 'small' | 'default' | 'large';
+
+export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'monthrange' | 'year' | 'yearrange';
 
-declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'monthrange' | 'year' | 'yearrange';
+export declare type DatePickerValue = DateValue | DateRangeValue | null | undefined;
 
-declare type DatePickerValue = DateValue | DateRangeValue | null | undefined;
+export declare type DateRangeValue = [DateValue, DateValue];
 
-declare type DateRangeValue = [DateValue, DateValue];
+export declare interface DateValidationResult {
+    isValid: boolean;
+    errors: string[];
+}
 
-declare type DateValue = string | number | Date;
+export declare type DateValue = string | number | Date;
 
 export declare const DEFAULT_COLUMN_CONFIG: {
     readonly sortable: true;
@@ -629,6 +634,15 @@ export declare const DEFAULT_COLUMN_CONFIG: {
     readonly pinnedRight: false;
 };
 
+export declare const DEFAULT_FORMATS: Record<DatePickerType, string>;
+
+export declare const DEFAULT_TIME_FORMATS: {
+    readonly '24h': "HH:mm:ss";
+    readonly '24h_no_seconds': "HH:mm";
+    readonly '12h': "hh:mm:ss A";
+    readonly '12h_no_seconds': "hh:mm A";
+};
+
 export declare interface DropdownContext {
     handleCommand: (command: string | number) => void;
     hideOnClick: boolean;
@@ -675,6 +689,21 @@ export declare interface DropdownProps {
 
 export declare type DropdownTriggerType = 'click' | 'hover';
 
+export declare const FORMAT_TOKENS: Record<string, FormatToken>;
+
+export declare const formatTime: (hour: number, minute: number, second?: number, format?: string, use12Hours?: boolean) => string;
+
+export declare interface FormatToken {
+    pattern: RegExp;
+    replacement: (date: Date) => string;
+}
+
+export declare const generateTimeOptions: (min?: number, max?: number, step?: number, disabled?: number[]) => Array<{
+    value: number;
+    label: string;
+    disabled: boolean;
+}>;
+
 export declare type IconName = keyof typeof icons;
 
 declare const icons: {
@@ -722,6 +751,7 @@ declare const icons: {
     readonly alertTriangle: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
     readonly calendar: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
     readonly checkCircle: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly clock: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
     readonly eyeClosed: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
     readonly eyeOpened: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
     readonly search: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
@@ -754,8 +784,16 @@ declare const icons: {
 
 export declare const install: (app: App, options?: VUIPluginOptions) => void;
 
+export declare const isValidDate: (value: any) => boolean;
+
+export declare const isValidTimeString: (timeStr: string) => boolean;
+
 export declare const modalManager: VModalManager;
 
+export declare const MONTH_NAMES: string[];
+
+export declare const MONTH_NAMES_SHORT: string[];
+
 export declare interface PaginationCalculations {
     /** Обчислює загальну кількість сторінок */
     getTotalPages(totalItems: number, pageSize: number): number;
@@ -811,6 +849,8 @@ export declare interface PaginationState {
     toItem: number;
 }
 
+export declare const parseTimeString: (timeStr: string) => TimeObject | null;
+
 declare interface Props {
     name: IconName;
     width?: string | number;
@@ -847,10 +887,36 @@ export declare interface SortState {
 
 export declare type StickyPosition = 'left' | 'right';
 
+export declare interface TimeObject {
+    hour: number;
+    minute: number;
+    second: number;
+    period?: 'AM' | 'PM';
+}
+
+export declare type TimePickerSize = 'small' | 'default' | 'large';
+
+export declare type TimePickerType = 'time' | 'timerange';
+
+export declare type TimePickerValue = TimeValue | TimeRangeValue | null | undefined;
+
+export declare type TimeRangeValue = [TimeValue, TimeValue];
+
+export declare interface TimeValidationResult {
+    isValid: boolean;
+    errors: string[];
+}
+
+export declare type TimeValue = string | Date;
+
 export declare const tooltipDirective: ObjectDirective;
 
 export declare type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 
+export declare const validateDateValue: (value: DatePickerValue | null | undefined, type: DatePickerType, required?: boolean) => DateValidationResult;
+
+export declare const validateTimeValue: (value: TimePickerValue, type: TimePickerType, required?: boolean) => TimeValidationResult;
+
 export declare const VButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare interface VButtonEmits {
@@ -932,7 +998,23 @@ export declare const VDatePicker: DefineComponent<VDatePickerProps, {}, {}, {},
     dropdownRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare interface VDatePickerProps {
+export declare interface VDatePickerEmits {
+    (e: 'update:modelValue', value: DatePickerValue): void;
+    (e: 'change', value: DatePickerValue): void;
+    (e: 'blur', instance: any): void;
+    (e: 'focus', instance: any): void;
+    (e: 'calendar-change', value: [Date, Date | null]): void;
+    (e: 'panel-change', value: Date, mode: string, view: string): void;
+}
+
+export declare interface VDatePickerMethods {
+    focus(): void;
+    blur(): void;
+    handleOpen(): void;
+    handleClose(): void;
+}
+
+export declare interface VDatePickerProps {
     modelValue?: DatePickerValue;
     type?: DatePickerType;
     placeholder?: string;
@@ -1244,6 +1326,83 @@ export declare interface VTableStyleConfig {
     [key: string]: string;
 }
 
+export declare const VTimePicker: DefineComponent<VTimePickerProps, {
+    focus: () => void;
+    blur: () => void;
+    open: () => void;
+    close: () => void;
+    validate: (value: TimePickerValue, required?: boolean) => TimeValidationResult;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    blur: (instance: any) => any;
+    change: (value: TimePickerValue) => any;
+    focus: (instance: any) => any;
+    "update:modelValue": (value: TimePickerValue) => any;
+    "open-change": (open: boolean) => any;
+}, string, PublicProps, Readonly<VTimePickerProps> & Readonly<{
+    onBlur?: ((instance: any) => any) | undefined;
+    onChange?: ((value: TimePickerValue) => any) | undefined;
+    onFocus?: ((instance: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TimePickerValue) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+}>, {
+    type: TimePickerType;
+    disabled: boolean;
+    size: TimePickerSize;
+    placeholder: string;
+    clearable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    rangeSeparator: string;
+    format: string;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    showSeconds: boolean;
+    use12Hours: boolean;
+    hideDisabledOptions: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    timePickerRef: HTMLDivElement;
+    triggerRef: HTMLDivElement;
+    dropdownRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+export declare interface VTimePickerEmits {
+    (e: 'update:modelValue', value: TimePickerValue): void;
+    (e: 'change', value: TimePickerValue): void;
+    (e: 'blur', instance: any): void;
+    (e: 'focus', instance: any): void;
+    (e: 'open-change', open: boolean): void;
+}
+
+export declare interface VTimePickerMethods {
+    focus(): void;
+    blur(): void;
+    open(): void;
+    close(): void;
+}
+
+export declare interface VTimePickerProps {
+    modelValue?: TimePickerValue;
+    type?: TimePickerType;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparator?: string;
+    format?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    size?: TimePickerSize;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    showSeconds?: boolean;
+    use12Hours?: boolean;
+    disabledHours?: () => number[];
+    disabledMinutes?: (selectedHour: number) => number[];
+    disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];
+    hideDisabledOptions?: boolean;
+}
+
 export declare interface VtInputAutosizeConfig {
     minRows?: number;
     maxRows?: number;
@@ -1431,6 +1590,10 @@ export declare interface VUIPluginOptions {
     modal?: boolean;
 }
 
+export declare const WEEKDAY_NAMES: string[];
+
+export declare const WEEKDAY_NAMES_SHORT: string[];
+
 export { }