tntd 1.4.27 → 1.4.29

package/babel.config.js

@@ -4,7 +4,7 @@
  */
 
 const presets = [
-    "@babel/preset-env",
+    "@babel/env",
     "@babel/preset-react"
     
 ];
@@ -31,26 +31,26 @@ const plugins = [
     // ['babel-plugin-styless']
 ];
 
-// const isES = process.env.BUILD_ENV === 'es';
+const isES = process.env.BUILD_ENV === 'es';
 
-// if (isES) {
-//     presets[0] = [
-//         presets[0],
-//         {
-//             modules: false
-//         }
-//     ];
-// }
+if (isES) {
+    presets[0] = [
+        presets[0],
+        {
+            modules: false
+        }
+    ];
+}
 
-// if (process.env.BUILD_ENV !== 'umd' && !process.env.WEBPACK_DEV_SERVER) {
-//     plugins.push([
-//         'import',
-//         {
-//             libraryName: 'antd',
-//             // libraryDirectory: isES ? 'es' : 'lib',
-//             style: true,
-//         }
-//     ]);
-// }
+if (process.env.BUILD_ENV !== 'umd' && !process.env.WEBPACK_DEV_SERVER) {
+    plugins.push([
+        'import',
+        {
+            libraryName: 'antd',
+            // libraryDirectory: isES ? 'es' : 'lib',
+            style: true,
+        }
+    ]);
+}
 
 module.exports = { presets, plugins };

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,
                 });