@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.10

package/dist/components/CdsTextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsTextInput } from './CdsTextInput.vue';

package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts

@@ -0,0 +1,144 @@
+import type { IRawDate } from '../../utils';
+export declare const componentName = "CdsTimePicker";
+declare const _sfc_main: import("vue").DefineComponent<{
+    locale: {
+        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[]>;
+        default: null;
+    };
+    mask: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    withSeconds: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    format12h: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    nowBtn: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    defaultDate: {
+        type: import("vue").PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    allowedTime: {
+        type: import("vue").PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        default: undefined;
+    };
+    allowedHours: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+    allowedMinutes: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+    allowedSeconds: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+}, {
+    setNow: () => void;
+    setHour: (hour: number) => void;
+    setMinute: (minute: number) => void;
+    setSecond: (second: number) => void;
+    setAm: () => void;
+    setPm: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие при изменении значения (v-model)
+     * @type { any }
+     */
+    'update:modelValue': (value: string | undefined, date: IRawDate) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    locale: {
+        type: import("vue").PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[]>;
+        default: null;
+    };
+    mask: Omit<{
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    withSeconds: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    format12h: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    nowBtn: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    defaultDate: {
+        type: import("vue").PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    allowedTime: {
+        type: import("vue").PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        default: undefined;
+    };
+    allowedHours: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+    allowedMinutes: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+    allowedSeconds: {
+        type: import("vue").PropType<number[]>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string | undefined, date: IRawDate) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    modelValue: string | import("../../composable").TDatetimeValueRange | (string | import("../../composable").TDatetimeValueRange)[];
+    mask: string;
+    locale: "ru" | "en" | import("../../locale").ILocale;
+    withSeconds: boolean;
+    format12h: boolean;
+    nowBtn: boolean;
+    allowedTime: (hr: number | null, min: number | null, sec: number | null) => boolean;
+    allowedHours: number[];
+    allowedMinutes: number[];
+    allowedSeconds: number[];
+}>;
+export default _sfc_main;

package/dist/components/CdsTimePicker/composable/index.d.ts

@@ -0,0 +1 @@
+export * from './time';

package/dist/components/CdsTimePicker/composable/time.d.ts

@@ -0,0 +1,134 @@
+import type { PropType, Ref } from 'vue';
+import type { IRawDate, TDateLocale } from '../../../utils';
+import type { IDatetimeProps } from '../../../composable';
+export interface ITimeProps {
+    modelValue: IDatetimeProps['modelValue'];
+    format12h: boolean;
+    nowBtn: boolean;
+    withSeconds: boolean;
+    defaultDate?: string;
+    allowedTime?: (hr: number | null, min: number | null, sec: number | null) => boolean;
+    allowedHours?: number[];
+    allowedMinutes?: number[];
+    allowedSeconds?: number[];
+}
+export declare const makeTimeProps: <Defaults extends {
+    withSeconds?: unknown;
+    format12h?: unknown;
+    nowBtn?: unknown;
+    defaultDate?: unknown;
+    allowedTime?: unknown;
+    allowedHours?: unknown;
+    allowedMinutes?: unknown;
+    allowedSeconds?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Добавляет секунды в выбор времени
+     */
+    withSeconds: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображает время в 12-часовом формате AM/PM
+     */
+    format12h: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Отображает кнопку "Сейчас"
+     */
+    nowBtn: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Используемая дата по умолчанию, когда модель не заполнена (в формате YYYY/MM/DD)
+     */
+    defaultDate: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Позволяет настроить какое время доступно для выбора
+     */
+    allowedTime: {
+        type: PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие часы доступны для выбора
+     */
+    allowedHours: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие минуты доступны для выбора
+     */
+    allowedMinutes: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    /**
+     * Позволяет настроить какие секунды доступны для выбора
+     */
+    allowedSeconds: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useTime(props: ITimeProps, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: (dateOnly?: boolean) => IRawDate): {
+    model: Ref<IRawDate> & {
+        readonly externalValue: string | import('../../../composable').TDatetimeValueRange | (string | import('../../../composable').TDatetimeValueRange)[];
+    };
+    isAM: Ref<boolean>;
+    stringModel: import("vue").ComputedRef<{
+        hour: string | undefined;
+        minute: string;
+        second: string;
+    }>;
+    hourInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    minuteInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    secondInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
+    validHours: import("vue").ComputedRef<{
+        am: {
+            min: number;
+            max: number;
+            values: number[];
+            threshold: number;
+        };
+        pm: {
+            min: number;
+            max: number;
+            values: number[];
+            threshold: number;
+        };
+        values: number[];
+    } | null>;
+    validMinutes: import("vue").ComputedRef<{
+        min: number;
+        max: number;
+        values: number[];
+        threshold: number;
+    } | null>;
+    validSeconds: import("vue").ComputedRef<{
+        min: number;
+        max: number;
+        values: number[];
+        threshold: number;
+    } | null>;
+    getCurrentTime: () => {
+        hour: number;
+        minute: number;
+        second: number;
+        millisecond: number;
+    };
+};
+/**
+ * Если передать массив чисел и число, которое меньше наименьшего числа в массиве, то вернется наибольшее число из массива и наоборот
+ * @param numbers
+ * @param target
+ */
+export declare function findClosestExtremeNumber(numbers: number[], target: number): number;

package/dist/components/CdsTimePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsTimePicker } from './CdsTimePicker.vue';