tntd 1.4.28 → 1.4.29

package/components/Handle/index.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React, { Fragment, useRef } from 'react';
 import { Dropdown, Menu, Divider } from 'antd';
 import { getText, getLanguage } from '../locale';
 import Icon from '../Icon';
@@ -8,10 +8,10 @@ const clsPrefix = 'tnt-more-menus';
 
 export default props => {
     const { children = [], type, num = 3,  divider = true, lessOneMoreFit, popConfirmHandle, ...rest } = props || {};
-    let { lang } = props||{};
-    if(!lang){
-        lang = getLanguage();
-    }
+    let { lang:propsLang } = props||{};
+    const langRef = useRef(propsLang || getLanguage());
+    const lang = langRef?.current;
+
     let newChildren = [];
     if(Array.isArray(children)){
         newChildren = children?.filter(item => !!item) || [];
@@ -23,10 +23,17 @@ export default props => {
         newChildren?.forEach((v,i)=>{
             const { type, props } = v;
             if(type?.name === 'Popconfirm' || (props.hasOwnProperty('onConfirm') && typeof  props?.onConfirm === 'function')){
+                let placement ={};
+                if(lang === 'en' || (num  && !isNaN(num) && (i+1) > num && !(lessOneMoreFit && newChildren.length - num === 1))){
+                    placement = {
+                        placement:'left'
+                    };
+                }
                 newChildren[i]= React.cloneElement(v, {
                     overlayStyle: { width: 180 },
                     ...(v?.props || {}),
                     onClick:(e) => e.stopPropagation(),
+                    ...placement,
                     trigger:'hover',
                     getPopupContainer:(trigger) => trigger.parentNode,
                 });