@central-design-system/components 3.0.0-alpha.4 → 3.0.0-alpha.5

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/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/10/2023, 7:16:03 PM
+ * Generated on 5/23/2023, 3:10:54 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -39,3 +39,4 @@ export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
 export { default as CdsTag } from './CdsTag/CdsTag.vue';
 export { default as CdsTextArea } from './CdsTextArea/CdsTextArea.vue';
 export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';
+export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker.vue';

package/dist/composable/datetime.d.ts

@@ -1,5 +1,5 @@
-import type { IRawDate, TDateLocale } from '../utils';
 import type { ComputedRef, PropType } from 'vue';
+import type { IRawDate, TDateLocale } from '../utils';
 export interface IDatetimeProps {
     modelValue: string | TDatetimeValueRange | Array<string | TDatetimeValueRange>;
     mask: string;
@@ -25,8 +25,6 @@ export declare const makeDatetimeProps: <Defaults extends {
     modelValue?: unknown;
     mask?: unknown;
     locale?: unknown;
-    readonly?: unknown;
-    disabled?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     /**
      * Значение модели
@@ -58,19 +56,6 @@ export declare const makeDatetimeProps: <Defaults extends {
         }>;
         default: null;
     };
-    /**
-     * Только для чтения
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    /**
-     * Заблокированный
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
 }, Defaults>;
 export declare function useDatetime(props: IDatetimeProps): IUseDatetime;
+export declare function getDayHash(date: IRawDate): string;

package/dist/composable/index.d.ts

@@ -6,6 +6,7 @@ export * from './loading';
 export * from './appearance';
 export * from './size';
 export * from './disabled';
+export * from './readonly';
 export * from './dark';
 export * from './color';
 export * from './status';

package/dist/composable/readonly.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IReadonlyProps {
+    readonly: boolean;
+}
+export interface IUseReadonly {
+    readonlyClasses: ComputedRef<string | undefined>;
+}
+export declare const makeReadonlyProps: <Defaults extends {
+    readonly?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useReadonly(props: IReadonlyProps): IUseReadonly;

package/dist/composable/validation.d.ts

@@ -33,25 +33,16 @@ export interface IUseValidation {
 }
 export declare const allowedValidationOn: readonly ["blur", "input", "submit"];
 export declare const makeValidationProps: <Defaults extends {
-    disabled?: unknown;
     error?: unknown;
     errorMessages?: unknown;
     maxErrors?: unknown;
     name?: unknown;
-    readonly?: unknown;
     rules?: unknown;
     modelValue?: unknown;
     validateOn?: unknown;
     validationValue?: unknown;
     hideMessages?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
-    /**
-     * Заблокированное состояние
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Состояние ошибки
      */
@@ -80,13 +71,6 @@ export declare const makeValidationProps: <Defaults extends {
         type: PropType<string | undefined>;
         default: undefined;
     };
-    /**
-     * Только для чтения
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Правила валидации
      */

package/dist/utils/date.d.ts

@@ -11,6 +11,7 @@ export interface IRawDate {
     dateHash?: string;
     timeHash?: string;
     date?: number;
+    changed?: boolean;
 }
 export declare type TDateLocale = ILocale['date'];
 /**
@@ -43,7 +44,7 @@ export declare function extractDate(str: string, mask: string, dateLocale: TDate
  * @param dateLocale
  * @param defaultModel
  */
-export declare function splitDate(str: string, mask: string, dateLocale: TDateLocale, defaultModel?: IRawDate): IRawDate;
+export declare function splitDate(str?: string | any, mask?: string, dateLocale?: TDateLocale, defaultModel?: IRawDate): IRawDate;
 /**
  * Check a date string for validity.
  * @param date

package/dist/utils/helpers.d.ts

@@ -30,6 +30,7 @@ export declare const classesStates: Readonly<{
     invalid: "cds-state-invalid";
     empty: "cds-state-empty";
     loading: "cds-state-loading";
+    readonly: "cds-state-readonly";
 }>;
 /**
  * Check if value is a object.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.5",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 5/22/2023, 2:54:43 PM
+ * Generated on 5/26/2023, 3:51:24 PM
  **/
 
 /**

package/src/utils/date.ts

@@ -15,6 +15,7 @@ export interface IRawDate {
   dateHash?: string;
   timeHash?: string;
   date?: number;
+  changed?: boolean;
 }
 
 export type TDateLocale = ILocale['date'];
@@ -329,7 +330,12 @@ export function extractDate(str: string, mask: string, dateLocale: TDateLocale)
  * @param dateLocale
  * @param defaultModel
  */
-export function splitDate(str: string, mask: string, dateLocale: TDateLocale, defaultModel?: IRawDate): IRawDate {
+export function splitDate(
+  str?: string | any,
+  mask?: string,
+  dateLocale?: TDateLocale,
+  defaultModel?: IRawDate
+): IRawDate {
   const date: IRawDate | Record<string, number | string | null> = {
     year: null,
     month: null,
@@ -345,7 +351,7 @@ export function splitDate(str: string, mask: string, dateLocale: TDateLocale, de
 
   defaultModel !== undefined && Object.assign(date, defaultModel);
 
-  if (str === undefined || str === null || str === '') return date;
+  if (str === undefined || str === null || str === '' || typeof str !== 'string') return date;
 
   if (!mask) mask = defaultMask;
 
@@ -922,7 +928,7 @@ function getRegexData(mask: string, dateLocale: TDateLocale): { map: Record<stri
   return result;
 }
 
-function getDateLocale(paramDateLocale: TDateLocale, locale: ILocale): TDateLocale {
+function getDateLocale(paramDateLocale?: TDateLocale, locale?: ILocale): TDateLocale {
   return paramDateLocale ? paramDateLocale : locale ? locale.date : defaultLang.date;
 }
 

package/src/utils/helpers.ts

@@ -33,7 +33,8 @@ export const classesStates = Object.freeze({
   indeterminate: 'cds-state-indeterminate',
   invalid: 'cds-state-invalid',
   empty: 'cds-state-empty',
-  loading: 'cds-state-loading'
+  loading: 'cds-state-loading',
+  readonly: 'cds-state-readonly'
 });
 
 /**