@toife/vue 3.6.2 → 3.7.0

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

@@ -2,8 +2,8 @@ import { AppProps } from '../../core';
 declare const _default: import('vue').DefineComponent<AppProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppProps> & Readonly<{}>, {
     role: string;
     shape: string;
-    divider: boolean;
     direction: import('../../core').AppDirection;
+    divider: boolean;
     triple: boolean;
     data: import('../../core').AppData;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,21 @@
+import { DatePickerProps, DatePickerValue } from '../../core';
+declare const _default: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: Date) => any;
+    "update:modelValue": (value: Date) => any;
+}, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
+    onChange?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+}>, {
+    size: import('../../core').DatePickerSize;
+    seconds: boolean;
+    direction: import('../../core').AppDirection;
+    disabled: boolean;
+    type: import('../../core').DatePickerType;
+    value: DatePickerValue;
+    max: Date;
+    modelValue: DatePickerValue;
+    min: Date;
+    firstDay: number;
+    locale: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/decision-modal/decision-modal.vue.d.ts

@@ -8,8 +8,8 @@ declare const _default: import('vue').DefineComponent<DecisionModalProps, {}, {}
 }>, {
     role: string;
     shape: string;
-    divider: boolean;
     direction: import('../../core').DecisionModalDirection;
+    divider: boolean;
     visible: boolean;
     placement: string;
     keepalive: boolean;

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export * from './route';
 export * from './scrollbar';
 export * from './page';
 export * from './pagination';
+export * from './datepicker';
 export * from './collapse';
 export * from './form-group';
 export * from './dropdown';

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

@@ -7,8 +7,8 @@ declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     size: import('../../core').PaginationSize;
-    direction: import('../../core').AppDirection;
     length: number;
+    direction: import('../../core').AppDirection;
     variant: import('../../core').PaginationVariant;
     disabled: boolean;
     value: number;

package/dist/components/segmented-field/segmented-field.vue.d.ts

@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<SegmentedFieldProps, {}, {
     onComplete?: ((value: string[]) => any) | undefined;
 }>, {
     size: import('../../core').SegmentedFieldSize;
-    direction: import('../../core').AppDirection;
     length: number;
+    direction: import('../../core').AppDirection;
     variant: import('../../core').SegmentedFieldVariant;
     disabled: boolean;
     message: string;

package/dist/core/features/datepicker/datepicker.constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DatePicker Default Props
+ */
+export declare const DATEPICKER_DEFAULT_PROPS: {
+    readonly modelValue: undefined;
+    readonly value: undefined;
+    readonly type: "date";
+    readonly min: undefined;
+    readonly max: undefined;
+    readonly seconds: true;
+    readonly firstDay: 1;
+    readonly locale: "vi-VN";
+    readonly size: "standard";
+    readonly disabled: false;
+    readonly direction: undefined;
+};
+/**
+ * Number of years shown per page in the year view
+ */
+export declare const DATEPICKER_YEARS_PER_PAGE = 12;

package/dist/core/features/datepicker/datepicker.logic.d.ts

@@ -0,0 +1,50 @@
+import { DatePickerAttrOptions, DatePickerCalendarOptions, DatePickerCellAttrOptions, DatePickerTimeUnit } from './datepicker.type';
+export declare const startOfDay: (date: Date) => Date;
+export declare const endOfDay: (date: Date) => Date;
+export declare const isSameDay: (a?: Date | null, b?: Date | null) => boolean;
+/**
+ * A day is disabled when it lies entirely outside [min, max]
+ */
+export declare const isDatePickerDayDisabled: (date: Date, min?: Date, max?: Date) => boolean;
+/**
+ * Month is disabled when it lies entirely outside [min, max]
+ */
+export declare const isDatePickerMonthDisabled: (year: number, month: number, min?: Date, max?: Date) => boolean;
+export declare const isDatePickerYearDisabled: (year: number, min?: Date, max?: Date) => boolean;
+/**
+ * Clamp a date into [min, max]
+ */
+export declare const clampDatePickerDate: (date: Date, min?: Date, max?: Date) => Date;
+/**
+ * Build 6 weeks (42 days) for the given month, starting on `firstDay` (0 = Sunday)
+ */
+export declare const getDatePickerDays: (options: DatePickerCalendarOptions) => Date[];
+/**
+ * Localized narrow weekday names, ordered from `firstDay`
+ */
+export declare const getDatePickerWeekdays: (locale: string, firstDay: number) => string[];
+export declare const getDatePickerMonths: (locale: string, style?: "short" | "long") => string[];
+/**
+ * The page of years that contains `year`
+ */
+export declare const getDatePickerYears: (year: number) => number[];
+export declare const getDatePickerTimeOptions: (unit: DatePickerTimeUnit) => number[];
+export declare const padDatePickerTime: (value: number) => string;
+export declare const getDatePickerAttrs: (options: DatePickerAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+    })[];
+};
+/**
+ * Class for a structural part: header, title, weekdays, days, months, years, time, time-column, ...
+ */
+export declare const getDatePickerPartAttrs: (part: string) => {
+    class: string[];
+};
+export declare const getDatePickerCellAttrs: (options: DatePickerCellAttrOptions) => {
+    class: (string | {
+        active: boolean;
+        today: boolean | undefined;
+        outside: boolean | undefined;
+    })[];
+};

package/dist/core/features/datepicker/datepicker.type.d.ts

@@ -0,0 +1,42 @@
+import { AppDirection } from '../app/app.type';
+export type DatePickerType = "date" | "time" | "datetime";
+export type DatePickerView = "day" | "month" | "year";
+export type DatePickerTimeUnit = "hours" | "minutes" | "seconds";
+export type DatePickerSize = string;
+export type DatePickerValue = Date | null;
+export type DatePickerProps = {
+    modelValue?: DatePickerValue;
+    value?: DatePickerValue;
+    type?: DatePickerType;
+    min?: Date;
+    max?: Date;
+    seconds?: boolean;
+    firstDay?: number;
+    locale?: string;
+    size?: DatePickerSize;
+    role?: string;
+    shape?: string;
+    disabled?: boolean;
+    direction?: AppDirection;
+};
+export type DatePickerEvent = {
+    (e: "update:modelValue", value: Date): void;
+    (e: "change", value: Date): void;
+};
+export type DatePickerCalendarOptions = {
+    year: number;
+    month: number;
+    firstDay: number;
+};
+export type DatePickerAttrOptions = {
+    role: string;
+    shape: string;
+    direction: string;
+    size: string;
+    disabled: boolean;
+};
+export type DatePickerCellAttrOptions = {
+    active: boolean;
+    today?: boolean;
+    outside?: boolean;
+};

package/dist/core/features/datepicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './datepicker.constants';
+export * from './datepicker.type';
+export * from './datepicker.logic';

package/dist/core/features/index.d.ts

@@ -7,6 +7,7 @@ export * from './card';
 export * from './checkbox';
 export * from './collapse';
 export * from './container';
+export * from './datepicker';
 export * from './decision-modal';
 export * from './divider';
 export * from './dropdown';