x-ui-design 0.9.40 → 0.9.43

package/dist/index.esm.js

@@ -2650,7 +2650,7 @@ const usePopupPosition = ({
       left: (targetRef.current?.clientLeft || 0) + (targetRef.current?.offsetLeft || 0)
     } : inBody ? {
       top: container.top + window.scrollY + OFFSET,
-      left: container.left + +window.scrollX
+      left: container.left + window.scrollX
     } : {
       top: (relativePosition.top || 0) + (targetRef.current?.offsetTop || 0) - (scrollableParents?.offsetTop || 0) + OFFSET,
       left: relativePosition.left + (targetRef.current?.offsetLeft || 0) - (targetRef.current?.clientWidth || 0) / 2
@@ -2697,13 +2697,21 @@ const usePopupPosition = ({
           newPlacement = newPlacement.replace('Left', 'Right');
         }
       }
-      if (showInnerContent) {
+      if (showInnerContent && (newPlacement.includes('Left') || newPlacement.includes('Right'))) {
         if (availableSpace.right < 0 && availableSpace.left < 0) {
-          if (newPlacement.includes('Right')) {
-            positions.left = popupRect.width - positions.left + container.left;
+          const popupWidth = popupRect.width;
+          const targetWidth = container.width;
+          if (!popupContainer) {
+            positions.left = positions.left - popupWidth / 2 + targetWidth / 2;
+          } else if (_containsElement) {
+            positions.left = positions.left - popupWidth / 2 + targetWidth / 2;
+          } else if (inBody) {
+            positions.left = container.left + window.scrollX + targetWidth / 2 - popupWidth / 2;
           }
           if (newPlacement.includes('Left')) {
-            positions.left = positions.left - popupRect.width + container.width;
+            newPlacement = newPlacement.replace('Left', '');
+          } else if (newPlacement.includes('Right')) {
+            newPlacement = newPlacement.replace('Right', '');
           }
         }
       }
@@ -4430,7 +4438,6 @@ const Select = ({
   const searchInputRef = useRef(null);
   const [responsiveTagCount, setResponsiveTagCount] = useState(null);
   const [selected, setSelected] = useState(hasMode ? checkModeInitialValue : initialValue);
-  const [currentLanguage, setCurrentLanguage] = useState('');
   useImperativeHandle(ref, () => ({
     focus: () => selectRef.current?.focus(),
     blur: () => selectRef.current?.blur(),
@@ -4460,29 +4467,6 @@ const Select = ({
       inputContainer.innerText = '';
     }
   }, [autoClearSearchValue, prefixCls, prefixClsV3]);
-  useEffect(() => {
-    const targetNode = document.documentElement;
-    let originalLang = targetNode.getAttribute('lang');
-    const callback = mutationsList => {
-      for (const mutation of mutationsList) {
-        if (mutation.type === 'attributes' && mutation.attributeName === 'lang') {
-          const newLang = targetNode.getAttribute('lang');
-          if (newLang !== originalLang) {
-            setCurrentLanguage(newLang);
-            originalLang = newLang;
-          }
-        }
-      }
-    };
-    const observer = new MutationObserver(callback);
-    observer.observe(targetNode, {
-      attributes: true,
-      attributeFilter: ['lang']
-    });
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
   useEffect(() => {
     !controlled && setSelected(hasMode ? checkModeInitialValue : initialValue);
   }, [checkModeInitialValue, hasMode, initialValue]);
@@ -4943,7 +4927,7 @@ const Select = ({
   }, index) => {
     const isSelected = hasMode ? selected.includes(props.value) : props.value === selected;
     return /*#__PURE__*/React.createElement(Option, _extends({
-      key: `${props.value}_${index}_${currentLanguage}`
+      key: `${props.value}_${index}`
     }, props, {
       selected: isSelected,
       className: clsx([className, {