@uzum-tech/ui 1.2.0 → 1.2.2

package/dist/index.js

@@ -45442,6 +45442,7 @@
       onSelect: [Function, Array],
       onBlur: [Function, Array],
       onFocus: [Function, Array],
+      onScroll: [Function, Array],
       // deprecated
       onInput: [Function, Array]
     };
@@ -45539,6 +45540,11 @@
             call(onFocus, e);
           nTriggerFormFocus();
         }
+        function doScroll(e) {
+          const { onScroll } = props;
+          if (onScroll)
+            call(onScroll, e);
+        }
         function handleCompositionStart() {
           isComposingRef.value = true;
         }
@@ -45587,6 +45593,9 @@
           canBeActivatedRef.value = true;
           doFocus(e);
         }
+        function handleMenuScroll(e) {
+          doScroll(e);
+        }
         function handleBlur(e) {
           canBeActivatedRef.value = false;
           doBlur(e);
@@ -45645,6 +45654,7 @@
           mergedStatus: mergedStatusRef,
           handleClear,
           handleFocus,
+          handleMenuScroll,
           handleBlur,
           handleInput,
           handleToggle,
@@ -45761,7 +45771,8 @@
                               renderLabel: this.renderLabel,
                               renderOption: this.renderOption,
                               size: "medium",
-                              onToggle: this.handleToggle
+                              onToggle: this.handleToggle,
+                              onScroll: this.handleMenuScroll
                             }
                           ),
                           [
@@ -48693,6 +48704,23 @@
     function pluckValueFromRange(value, type) {
       return Array.isArray(value) ? value[type === "start" ? 0 : 1] : null;
     }
+    function isDateItem(item) {
+      return !!item;
+    }
+    function getMsByDateCommonItem(item) {
+      if (!isDateItem(item)) return 0;
+      const {
+        dateObject: {
+          year,
+          month,
+          date
+        }
+      } = item;
+      const resultDate = /* @__PURE__ */new Date();
+      resultDate.setFullYear(year, month || 0, date || 1);
+      resultDate.setHours(0, 0, 0);
+      return resultDate.getTime();
+    }
 
     const self$10 = vars => {
       const {
@@ -73844,13 +73872,25 @@
         const isWithoutDay = vue.computed(() => withoutDayTypes.includes(type));
         const isMonth = vue.computed(() => monthTypes.includes(type));
         const isYear = vue.computed(() => type === "year");
+        const updateMonth = (item) => {
+          const dateItem = item;
+          calendar.handleDateClick({
+            ...dateItem,
+            dateObject: {
+              ...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 {
           ...calendar,
@@ -73980,7 +74020,7 @@
         const isWithoutDay = vue.computed(() => withoutDayTypes.includes(type));
         const isMonthRange = vue.computed(() => monthRanges.includes(type));
         const isYearRange = vue.computed(() => type === "yearrange");
-        const monthToDateItem = (value, item, isEnd = false) => {
+        const monthToDateItem = (item, isEnd = false) => {
           const { dateObject, ...monthItem } = item;
           return {
             ...monthItem,
@@ -73994,30 +74034,30 @@
             startOfSpan: false,
             endOfSpan: isEnd,
             selected: isEnd,
-            ts: value,
+            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 {
           ...calendar,
@@ -106722,7 +106762,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.2.0";
+    var version = "1.2.2";
 
     function create({
       componentPrefix = "U",