@uzum-tech/ui 1.2.0 → 1.2.1

package/es/date-picker/src/panel/date.d.ts

@@ -1,5 +1,5 @@
 import { DatePickerType } from '../config';
-import { DateCommonItem } from '../utils';
+import { DateCommonItem, DateItem } from '../utils';
 /**
  * Date Panel
  * Update picker value on:
@@ -12,6 +12,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
+    /**
+     * Date Panel
+     * Update picker value on:
+     * 1. item click
+     * 2. clear click
+     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {
@@ -1209,7 +1215,7 @@ declare const _default: import("vue").DefineComponent<{
     isHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
     isMinuteDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsMinuteDisabled | undefined>;
     isSecondDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsSecondDisabled | undefined>;
-    dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
+    dateArray: import("vue").ComputedRef<DateItem[]>;
     monthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     yearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     quarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
@@ -1231,6 +1237,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
+    /**
+     * Date Panel
+     * Update picker value on:
+     * 1. item click
+     * 2. clear click
+     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {

package/es/date-picker/src/panel/date.js

@@ -4,6 +4,7 @@ import { UBaseFocusDetector } from '../../../_internal';
 import { warnOnce } from '../../../_utils';
 import { useCalendar, useCalendarProps } from './use-calendar';
 import PanelHeader from './panelHeader';
+import { getMsByDateCommonItem } from '../utils';
 /**
  * Date Panel
  * Update picker value on:
@@ -29,13 +30,17 @@ export default defineComponent({
         const isWithoutDay = computed(() => withoutDayTypes.includes(type));
         const isMonth = computed(() => monthTypes.includes(type));
         const isYear = computed(() => type === 'year');
+        const updateMonth = (item) => {
+            const dateItem = item;
+            calendar.handleDateClick(Object.assign(Object.assign({}, dateItem), { dateObject: Object.assign(Object.assign({}, dateItem.dateObject), { month: dateItem.dateObject.month || 0, date: 1 }), ts: getMsByDateCommonItem(dateItem) }));
+        };
         const handleMonthClick = (value, _doUpdate, item) => {
             calendar.onUpdateCalendarValue(value);
-            isMonth.value && calendar.handleDateClick(item);
+            isMonth.value && updateMonth(item);
         };
         const handleYearClick = (value, _doUpdate, item) => {
             calendar.onUpdateCalendarValue(value);
-            isYear.value && calendar.handleDateClick(item);
+            isYear.value && updateMonth(item);
         };
         return Object.assign(Object.assign({}, calendar), { isWithoutDay,
             isMonth,

package/es/date-picker/src/panel/daterange.js

@@ -15,6 +15,7 @@ import { UBaseFocusDetector } from '../../../_internal';
 import { warnOnce } from '../../../_utils';
 import { useDualCalendar, useDualCalendarProps } from './use-dual-calendar';
 import PanelHeader from './panelHeader';
+import { getMsByDateCommonItem } from '../utils';
 export default defineComponent({
     name: 'DateRangePanel',
     props: useDualCalendarProps,
@@ -34,30 +35,30 @@ export default defineComponent({
         const isWithoutDay = computed(() => withoutDayTypes.includes(type));
         const isMonthRange = computed(() => monthRanges.includes(type));
         const isYearRange = computed(() => type === 'yearrange');
-        const monthToDateItem = (value, item, isEnd = false) => {
+        const monthToDateItem = (item, isEnd = false) => {
             const _a = item, { dateObject } = _a, monthItem = __rest(_a, ["dateObject"]);
-            return Object.assign(Object.assign({}, monthItem), { dateObject: Object.assign(Object.assign({}, dateObject), { date: 1 }), inCurrentMonth: false, isCurrentDate: false, inSpan: false, startOfSpan: false, endOfSpan: isEnd, selected: isEnd, ts: value, type: 'date' });
+            return Object.assign(Object.assign({}, monthItem), { dateObject: Object.assign(Object.assign({}, dateObject), { date: 1 }), inCurrentMonth: false, isCurrentDate: false, inSpan: false, startOfSpan: false, endOfSpan: isEnd, selected: isEnd, ts: getMsByDateCommonItem(item), type: 'date' });
         };
-        const setMonthRange = (value, item, isEnd = false) => {
-            const monthItem = monthToDateItem(value, item, isEnd);
+        const setMonthRange = (item, isEnd = false) => {
+            const monthItem = monthToDateItem(item, isEnd);
             calendar.handleDateMouseEnter(monthItem);
             calendar.handleDateClick(monthItem);
         };
         const handleMonthStartClick = (value, _doUpdate, item) => {
             calendar.onUpdateStartCalendarValue(value);
-            isMonthRange.value && setMonthRange(value, item);
+            isMonthRange.value && setMonthRange(item);
         };
         const handleMonthEndClick = (value, _doUpdate, item) => {
             calendar.onUpdateEndCalendarValue(value);
-            isMonthRange.value && setMonthRange(value, item, true);
+            isMonthRange.value && setMonthRange(item, true);
         };
         const handleYearStartClick = (value, _doUpdate, item) => {
             calendar.onUpdateStartCalendarValue(value);
-            isYearRange.value && setMonthRange(value, item);
+            isYearRange.value && setMonthRange(item);
         };
         const handleYearEndClick = (value, _doUpdate, item) => {
             calendar.onUpdateEndCalendarValue(value);
-            isYearRange.value && setMonthRange(value, item, true);
+            isYearRange.value && setMonthRange(item, true);
         };
         return Object.assign(Object.assign({}, calendar), { isMonthRange,
             isYearRange,

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

@@ -63,4 +63,5 @@ declare function getDefaultTime(timeValue: string | undefined): {
     seconds: number;
 } | undefined;
 declare function pluckValueFromRange(value: Value | null, type: 'start' | 'end'): number | null;
-export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, pluckValueFromRange };
+declare function getMsByDateCommonItem(item?: DateCommonItem): number;
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, getMsByDateCommonItem, pluckValueFromRange };

package/es/date-picker/src/utils.js

@@ -188,4 +188,16 @@ function getDefaultTime(timeValue) {
 function pluckValueFromRange(value, type) {
     return Array.isArray(value) ? value[type === 'start' ? 0 : 1] : null;
 }
-export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, pluckValueFromRange };
+function isDateItem(item) {
+    return !!item;
+}
+function getMsByDateCommonItem(item) {
+    if (!isDateItem(item))
+        return 0;
+    const { dateObject: { year, month, date } } = item;
+    const resultDate = new Date();
+    resultDate.setFullYear(year, month || 0, date || 1);
+    resultDate.setHours(0, 0, 0);
+    return resultDate.getTime();
+}
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, getMsByDateCommonItem, pluckValueFromRange };

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.2.0";
+declare const _default: "1.2.1";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.2.0';
+export default '1.2.1';

package/lib/date-picker/src/panel/date.d.ts

@@ -1,5 +1,5 @@
 import { DatePickerType } from '../config';
-import { DateCommonItem } from '../utils';
+import { DateCommonItem, DateItem } from '../utils';
 /**
  * Date Panel
  * Update picker value on:
@@ -12,6 +12,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
+    /**
+     * Date Panel
+     * Update picker value on:
+     * 1. item click
+     * 2. clear click
+     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {
@@ -1209,7 +1215,7 @@ declare const _default: import("vue").DefineComponent<{
     isHourDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsHourDisabled | undefined>;
     isMinuteDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsMinuteDisabled | undefined>;
     isSecondDisabled: import("vue").ComputedRef<import("../../../time-picker/src/interface").IsSecondDisabled | undefined>;
-    dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
+    dateArray: import("vue").ComputedRef<DateItem[]>;
     monthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     yearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     quarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
@@ -1231,6 +1237,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
+    /**
+     * Date Panel
+     * Update picker value on:
+     * 1. item click
+     * 2. clear click
+     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {

package/lib/date-picker/src/panel/date.js

@@ -9,6 +9,7 @@ const _internal_1 = require("../../../_internal");
 const _utils_1 = require("../../../_utils");
 const use_calendar_1 = require("./use-calendar");
 const panelHeader_1 = __importDefault(require("./panelHeader"));
+const utils_1 = require("../utils");
 /**
  * Date Panel
  * Update picker value on:
@@ -34,13 +35,17 @@ exports.default = (0, vue_1.defineComponent)({
         const isWithoutDay = (0, vue_1.computed)(() => withoutDayTypes.includes(type));
         const isMonth = (0, vue_1.computed)(() => monthTypes.includes(type));
         const isYear = (0, vue_1.computed)(() => type === 'year');
+        const updateMonth = (item) => {
+            const dateItem = item;
+            calendar.handleDateClick(Object.assign(Object.assign({}, dateItem), { dateObject: Object.assign(Object.assign({}, dateItem.dateObject), { month: dateItem.dateObject.month || 0, date: 1 }), ts: (0, utils_1.getMsByDateCommonItem)(dateItem) }));
+        };
         const handleMonthClick = (value, _doUpdate, item) => {
             calendar.onUpdateCalendarValue(value);
-            isMonth.value && calendar.handleDateClick(item);
+            isMonth.value && updateMonth(item);
         };
         const handleYearClick = (value, _doUpdate, item) => {
             calendar.onUpdateCalendarValue(value);
-            isYear.value && calendar.handleDateClick(item);
+            isYear.value && updateMonth(item);
         };
         return Object.assign(Object.assign({}, calendar), { isWithoutDay,
             isMonth,

package/lib/date-picker/src/panel/daterange.js

@@ -20,6 +20,7 @@ const _internal_1 = require("../../../_internal");
 const _utils_1 = require("../../../_utils");
 const use_dual_calendar_1 = require("./use-dual-calendar");
 const panelHeader_1 = __importDefault(require("./panelHeader"));
+const utils_1 = require("../utils");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DateRangePanel',
     props: use_dual_calendar_1.useDualCalendarProps,
@@ -39,30 +40,30 @@ exports.default = (0, vue_1.defineComponent)({
         const isWithoutDay = (0, vue_1.computed)(() => withoutDayTypes.includes(type));
         const isMonthRange = (0, vue_1.computed)(() => monthRanges.includes(type));
         const isYearRange = (0, vue_1.computed)(() => type === 'yearrange');
-        const monthToDateItem = (value, item, isEnd = false) => {
+        const monthToDateItem = (item, isEnd = false) => {
             const _a = item, { dateObject } = _a, monthItem = __rest(_a, ["dateObject"]);
-            return Object.assign(Object.assign({}, monthItem), { dateObject: Object.assign(Object.assign({}, dateObject), { date: 1 }), inCurrentMonth: false, isCurrentDate: false, inSpan: false, startOfSpan: false, endOfSpan: isEnd, selected: isEnd, ts: value, type: 'date' });
+            return Object.assign(Object.assign({}, monthItem), { dateObject: Object.assign(Object.assign({}, dateObject), { date: 1 }), inCurrentMonth: false, isCurrentDate: false, inSpan: false, startOfSpan: false, endOfSpan: isEnd, selected: isEnd, ts: (0, utils_1.getMsByDateCommonItem)(item), type: 'date' });
         };
-        const setMonthRange = (value, item, isEnd = false) => {
-            const monthItem = monthToDateItem(value, item, isEnd);
+        const setMonthRange = (item, isEnd = false) => {
+            const monthItem = monthToDateItem(item, isEnd);
             calendar.handleDateMouseEnter(monthItem);
             calendar.handleDateClick(monthItem);
         };
         const handleMonthStartClick = (value, _doUpdate, item) => {
             calendar.onUpdateStartCalendarValue(value);
-            isMonthRange.value && setMonthRange(value, item);
+            isMonthRange.value && setMonthRange(item);
         };
         const handleMonthEndClick = (value, _doUpdate, item) => {
             calendar.onUpdateEndCalendarValue(value);
-            isMonthRange.value && setMonthRange(value, item, true);
+            isMonthRange.value && setMonthRange(item, true);
         };
         const handleYearStartClick = (value, _doUpdate, item) => {
             calendar.onUpdateStartCalendarValue(value);
-            isYearRange.value && setMonthRange(value, item);
+            isYearRange.value && setMonthRange(item);
         };
         const handleYearEndClick = (value, _doUpdate, item) => {
             calendar.onUpdateEndCalendarValue(value);
-            isYearRange.value && setMonthRange(value, item, true);
+            isYearRange.value && setMonthRange(item, true);
         };
         return Object.assign(Object.assign({}, calendar), { isMonthRange,
             isYearRange,

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

@@ -63,4 +63,5 @@ declare function getDefaultTime(timeValue: string | undefined): {
     seconds: number;
 } | undefined;
 declare function pluckValueFromRange(value: Value | null, type: 'start' | 'end'): number | null;
-export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, pluckValueFromRange };
+declare function getMsByDateCommonItem(item?: DateCommonItem): number;
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime, getMsByDateCommonItem, pluckValueFromRange };

package/lib/date-picker/src/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pluckValueFromRange = exports.getDefaultTime = exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.quarterArray = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
+exports.pluckValueFromRange = exports.getMsByDateCommonItem = exports.getDefaultTime = exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.quarterArray = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
 const date_fns_1 = require("date-fns"); //
 const config_1 = require("./config");
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
@@ -199,3 +199,16 @@ function pluckValueFromRange(value, type) {
     return Array.isArray(value) ? value[type === 'start' ? 0 : 1] : null;
 }
 exports.pluckValueFromRange = pluckValueFromRange;
+function isDateItem(item) {
+    return !!item;
+}
+function getMsByDateCommonItem(item) {
+    if (!isDateItem(item))
+        return 0;
+    const { dateObject: { year, month, date } } = item;
+    const resultDate = new Date();
+    resultDate.setFullYear(year, month || 0, date || 1);
+    resultDate.setHours(0, 0, 0);
+    return resultDate.getTime();
+}
+exports.getMsByDateCommonItem = getMsByDateCommonItem;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.2.0";
+declare const _default: "1.2.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.2.0';
+exports.default = '1.2.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {