@douyinfe/semi-ui 2.43.0-beta.0 → 2.43.1-alpha.1

package/dist/umd/semi-ui.js

@@ -22267,7 +22267,7 @@ const popover_constants_cssClasses = {
 };
 const popover_constants_strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver'],
-  TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom', 'contextMenu'],
   DEFAULT_ARROW_STYLE: {
     borderOpacity: '1',
     backgroundColor: 'var(--semi-color-bg-3)',
@@ -33061,7 +33061,11 @@ const filterEvents = (events, start, end) => {
     const item = events.get(day);
     const date = new Date(day);
     if (isDateInRange(date, start, end)) {
-      res.set(day, item);
+      if (res.has(day)) {
+        res.set(day, [...res.get(day), ...item]);
+      } else {
+        res.set(day, item);
+      }
     } else if (isBefore(end, date)) {
       // do nothing
     } else {
@@ -33393,13 +33397,13 @@ class CalendarFoundation extends foundation {
   }
   convertMapToArray(weekMap, weekStart) {
     const eventArray = [];
+    const map = new Map();
     for (const entry of weekMap.entries()) {
       const [key, value] = entry;
-      const map = new Map();
       map.set(key, value);
-      const weekEvents = this._parseWeeklyEvents(map, weekStart);
-      eventArray.push(...weekEvents);
     }
+    const weekEvents = this._parseWeeklyEvents(map, weekStart);
+    eventArray.push(...weekEvents);
     return eventArray;
   }
   getParseMonthlyEvents(itemLimit) {
@@ -34295,6 +34299,9 @@ class monthCalendar extends BaseComponent {
       }))));
     };
     this.renderEvents = events => {
+      const {
+        itemLimit
+      } = this.state;
       if (!events) {
         return undefined;
       }
@@ -34311,11 +34318,12 @@ class monthCalendar extends BaseComponent {
           width: monthCalendar_toPercent(width),
           top: `${topInd}em`
         };
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
+        if (topInd < itemLimit) return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           className: `${calendar_constants_cssClasses.PREFIX}-event-item ${calendar_constants_cssClasses.PREFIX}-event-month`,
           key: key || `${ind}-monthevent`,
           style: style
         }, children);
+        return null;
       });
       return list;
     };
@@ -39223,10 +39231,15 @@ class TagInputFoundation extends foundation {
       }
     };
     this.handleInputCompositionStart = e => {
+      const {
+        maxLength
+      } = this.getProps();
+      if (!isNumber_default()(maxLength)) {
+        return;
+      }
       this._adapter.setEntering(true);
     };
     this.handleInputCompositionEnd = e => {
-      this._adapter.setEntering(false);
       const {
         value
       } = e.target;
@@ -39235,27 +39248,31 @@ class TagInputFoundation extends foundation {
         onInputExceed,
         separator
       } = this.getProps();
+      if (!isNumber_default()(maxLength)) {
+        return;
+      }
+      this._adapter.setEntering(false);
       let allowChange = true;
-      const {
-        inputValue
-      } = this.getStates();
-      if (isNumber_default()(maxLength)) {
-        const inputArr = utils_getSplitedArray(inputValue, separator);
-        let index = 0;
-        for (; index < inputArr.length; index++) {
-          if (inputArr[index].length > maxLength) {
-            allowChange = false;
-            isFunction_default()(onInputExceed) && onInputExceed(value);
-            break;
-          }
+      const inputArr = utils_getSplitedArray(value, separator);
+      let index = 0;
+      for (; index < inputArr.length; index++) {
+        if (inputArr[index].length > maxLength) {
+          allowChange = false;
+          isFunction_default()(onInputExceed) && onInputExceed(value);
+          break;
         }
-        if (!allowChange) {
-          const newInputArr = inputArr.slice(0, index);
-          if (index < inputArr.length) {
-            newInputArr.push(inputArr[index].slice(0, maxLength));
-          }
-          this._adapter.setInputValue(newInputArr.join(separator));
+      }
+      if (!allowChange) {
+        const newInputArr = inputArr.slice(0, index);
+        if (index < inputArr.length) {
+          newInputArr.push(inputArr[index].slice(0, maxLength));
         }
+        this._adapter.setInputValue(newInputArr.join(separator));
+      } else {
+        // Why does it need to be updated here instead of in onChange when the value meets the maxLength limit?
+        // Because in firefox, the state change in InputCompositionEnd causes onChange to not be triggered after 
+        // the composition input completes input.
+        this._adapter.setInputValue(value);
       }
     };
     /**
@@ -60264,7 +60281,7 @@ const dropdown_constants_cssClasses = {
 };
 const dropdown_constants_strings = {
   POSITION_SET: tooltip_constants_strings.POSITION_SET,
-  TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom', 'contextMenu'],
   DEFAULT_LEAVE_DELAY: 100,
   ITEM_TYPE: ['primary', 'secondary', 'tertiary', 'warning', 'danger']
 };
@@ -100796,8 +100813,8 @@ class Preview extends BaseComponent {
             if (item.isIntersecting && src) {
               item.target.src = src;
               item.target.removeAttribute("data-src");
+              this.previewObserver.unobserve(item.target);
             }
-            this.previewObserver.unobserve(item.target);
           });
         }, {
           root: document.querySelector(`#${this.previewGroupId}`),