@uzum-tech/ui 1.2.0 → 1.2.2

package/es/auto-complete/src/AutoComplete.d.ts

@@ -57,6 +57,7 @@ export declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -467,6 +468,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -858,6 +860,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     handleClear: () => void;
     handleFocus: (e: FocusEvent) => void;
+    handleMenuScroll: (e: Event) => void;
     handleBlur: (e: FocusEvent) => void;
     handleInput: (value: string) => void;
     handleToggle: (option: TreeNode<SelectBaseOption>) => void;
@@ -1184,6 +1187,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;

package/es/auto-complete/src/AutoComplete.js

@@ -33,7 +33,7 @@ export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props)
     }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
-    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
+    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], 
     // deprecated
     onInput: [Function, Array] });
 export default defineComponent({
@@ -109,6 +109,11 @@ export default defineComponent({
                 call(onFocus, e);
             nTriggerFormFocus();
         }
+        function doScroll(e) {
+            const { onScroll } = props;
+            if (onScroll)
+                call(onScroll, e);
+        }
         function handleCompositionStart() {
             isComposingRef.value = true;
         }
@@ -159,6 +164,9 @@ export default defineComponent({
             canBeActivatedRef.value = true;
             doFocus(e);
         }
+        function handleMenuScroll(e) {
+            doScroll(e);
+        }
         function handleBlur(e) {
             canBeActivatedRef.value = false;
             doBlur(e);
@@ -221,6 +229,7 @@ export default defineComponent({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -276,7 +285,7 @@ export default defineComponent({
                                     ], style: [
                                         menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
                                         this.cssVars
-                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle })), [
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle, onScroll: this.handleMenuScroll })), [
                                     [
                                         clickoutside,
                                         this.handleClickOutsideMenu,

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.2";
 export default _default;

package/es/version.js

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

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -57,6 +57,7 @@ export declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -467,6 +468,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -858,6 +860,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     handleClear: () => void;
     handleFocus: (e: FocusEvent) => void;
+    handleMenuScroll: (e: Event) => void;
     handleBlur: (e: FocusEvent) => void;
     handleInput: (value: string) => void;
     handleToggle: (option: TreeNode<SelectBaseOption>) => void;
@@ -1184,6 +1187,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;

package/lib/auto-complete/src/AutoComplete.js

@@ -39,7 +39,7 @@ exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
-    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
+    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], 
     // deprecated
     onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
@@ -115,6 +115,11 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onFocus, e);
             nTriggerFormFocus();
         }
+        function doScroll(e) {
+            const { onScroll } = props;
+            if (onScroll)
+                (0, _utils_1.call)(onScroll, e);
+        }
         function handleCompositionStart() {
             isComposingRef.value = true;
         }
@@ -165,6 +170,9 @@ exports.default = (0, vue_1.defineComponent)({
             canBeActivatedRef.value = true;
             doFocus(e);
         }
+        function handleMenuScroll(e) {
+            doScroll(e);
+        }
         function handleBlur(e) {
             canBeActivatedRef.value = false;
             doBlur(e);
@@ -227,6 +235,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -282,7 +291,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     ], style: [
                                         menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
                                         this.cssVars
-                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle })), [
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle, onScroll: this.handleMenuScroll })), [
                                     [
                                         vdirs_1.clickoutside,
                                         this.handleClickOutsideMenu,

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.2";
 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.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -92,7 +92,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "7.21.3",
+    "@babel/core": "7.22.0",
     "@babel/eslint-parser": "7.21.3",
     "@babel/generator": "7.21.4",
     "@babel/parser": "7.21.4",
@@ -158,7 +158,7 @@
     "vite-plugin-node-polyfills": "0.18.0",
     "vue": "3.3.4",
     "vue-router": "4.1.6",
-    "vue-tsc": "1.6.5"
+    "vue-tsc": "2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.0.0"

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.2",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -534,6 +534,13 @@
                 "description": "On focus callback function.",
                 "default": "undefined"
               },
+              {
+                "name": "scroll",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
+                "type": "(event: ScrollEvent) => void",
+                "description": "Callback triggered when the options menu is scrolled.",
+                "default": "undefined"
+              },
               {
                 "name": "input",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete"