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

package/dist/umd/semi-ui.js

@@ -19750,10 +19750,7 @@ class Portal extends external_root_React_commonjs2_react_commonjs_react_amd_reac
       var _a, _b;
       try {
         let container = undefined;
-        if (!_this.el) {
-          _this.el = document.createElement('div');
-        }
-        if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
+        if (!_this.el || !((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container) || !Array.from(_this.state.container.childNodes).includes(_this.el)) {
           _this.el = document.createElement('div');
           const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
           const portalContainer = getContainer();
@@ -22267,7 +22264,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)',
@@ -39223,10 +39220,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 +39237,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 +60270,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 +100802,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}`),