tntd 1.4.28 → 1.4.29

package/es/Handle/index.js

@@ -17,7 +17,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { Fragment } from 'react';
+import React, { Fragment, useRef } from 'react';
 import { getText, getLanguage } from '../locale';
 import Icon from '../Icon';
 import './index.less';
@@ -38,12 +38,10 @@ export default (function (props) {
       rest = _objectWithoutProperties(_ref, ["children", "type", "num", "divider", "lessOneMoreFit", "popConfirmHandle"]);
 
   var _ref2 = props || {},
-      lang = _ref2.lang;
-
-  if (!lang) {
-    lang = getLanguage();
-  }
+      propsLang = _ref2.lang;
 
+  var langRef = useRef(propsLang || getLanguage());
+  var lang = langRef == null ? void 0 : langRef.current;
   var newChildren = [];
 
   if (Array.isArray(children)) {
@@ -62,6 +60,14 @@ export default (function (props) {
           props = v.props;
 
       if ((type == null ? void 0 : type.name) === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props == null ? void 0 : props.onConfirm) === 'function') {
+        var placement = {};
+
+        if (lang === 'en' || num && !isNaN(num) && i + 1 > num && !(lessOneMoreFit && newChildren.length - num === 1)) {
+          placement = {
+            placement: 'left'
+          };
+        }
+
         newChildren[i] = React.cloneElement(v, _objectSpread({
           overlayStyle: {
             width: 180
@@ -69,7 +75,8 @@ export default (function (props) {
         }, (v == null ? void 0 : v.props) || {}, {
           onClick: function onClick(e) {
             return e.stopPropagation();
-          },
+          }
+        }, placement, {
           trigger: 'hover',
           getPopupContainer: function getPopupContainer(trigger) {
             return trigger.parentNode;

package/lib/Handle/index.js

@@ -63,12 +63,10 @@ var _default = function _default(props) {
       rest = _objectWithoutProperties(_ref, ["children", "type", "num", "divider", "lessOneMoreFit", "popConfirmHandle"]);
 
   var _ref2 = props || {},
-      lang = _ref2.lang;
-
-  if (!lang) {
-    lang = (0, _locale.getLanguage)();
-  }
+      propsLang = _ref2.lang;
 
+  var langRef = (0, _react.useRef)(propsLang || (0, _locale.getLanguage)());
+  var lang = langRef == null ? void 0 : langRef.current;
   var newChildren = [];
 
   if (Array.isArray(children)) {
@@ -87,6 +85,14 @@ var _default = function _default(props) {
           props = v.props;
 
       if ((type == null ? void 0 : type.name) === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props == null ? void 0 : props.onConfirm) === 'function') {
+        var placement = {};
+
+        if (lang === 'en' || num && !isNaN(num) && i + 1 > num && !(lessOneMoreFit && newChildren.length - num === 1)) {
+          placement = {
+            placement: 'left'
+          };
+        }
+
         newChildren[i] = _react["default"].cloneElement(v, _objectSpread({
           overlayStyle: {
             width: 180
@@ -94,7 +100,8 @@ var _default = function _default(props) {
         }, (v == null ? void 0 : v.props) || {}, {
           onClick: function onClick(e) {
             return e.stopPropagation();
-          },
+          }
+        }, placement, {
           trigger: 'hover',
           getPopupContainer: function getPopupContainer(trigger) {
             return trigger.parentNode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "1.4.28",
+    "version": "1.4.29",
     "description": "ued tnt design",
     "main": "lib/index.js",
     "module": "es/index.js",