tntd 1.4.20 → 1.4.22

package/es/Handle/index.js

@@ -4,28 +4,48 @@ import "antd/lib/menu/style";
 import _Menu from "antd/lib/menu";
 import "antd/lib/divider/style";
 import _Divider from "antd/lib/divider";
-var _excluded = ["children", "type", "num", "lang", "divider", "lessOneMoreFit"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 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 { Fragment } from 'react';
+
+import React, { Fragment } from 'react';
+import { getText, getLanguage } from '../locale';
 import Icon from '../Icon';
 import './index.less';
 var clsPrefix = 'tnt-more-menus';
 export default (function (props) {
-  var _lastChildPart2, _lastChildPart3;
+  var _lastChildPart2;
+
   var _ref = props || {},
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
-    type = _ref.type,
-    _ref$num = _ref.num,
-    num = _ref$num === void 0 ? 3 : _ref$num,
-    lang = _ref.lang,
-    _ref$divider = _ref.divider,
-    divider = _ref$divider === void 0 ? true : _ref$divider,
-    lessOneMoreFit = _ref.lessOneMoreFit,
-    rest = _objectWithoutProperties(_ref, _excluded);
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? [] : _ref$children,
+      type = _ref.type,
+      _ref$num = _ref.num,
+      num = _ref$num === void 0 ? 3 : _ref$num,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? true : _ref$divider,
+      lessOneMoreFit = _ref.lessOneMoreFit,
+      popConfirmHandle = _ref.popConfirmHandle,
+      rest = _objectWithoutProperties(_ref, ["children", "type", "num", "divider", "lessOneMoreFit", "popConfirmHandle"]);
+
+  var _ref2 = props || {},
+      lang = _ref2.lang;
+
+  if (!lang) {
+    lang = getLanguage();
+  }
+
   var newChildren = [];
+
   if (Array.isArray(children)) {
     newChildren = (children == null ? void 0 : children.filter(function (item) {
       return !!item;
@@ -33,50 +53,97 @@ export default (function (props) {
   } else if (children) {
     newChildren.push(children);
   }
+
+  if (lang === 'en' || popConfirmHandle) {
+    var _newChildren;
+
+    (_newChildren = newChildren) == null ? void 0 : _newChildren.forEach(function (v, i) {
+      var type = v.type,
+          props = v.props;
+
+      if ((type == null ? void 0 : type.name) === 'Popconfirm') {
+        newChildren[i] = React.cloneElement(v, _objectSpread({
+          overlayStyle: {
+            width: 180
+          }
+        }, (v == null ? void 0 : v.props) || {}, {
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
+          trigger: 'hover',
+          getPopupContainer: function getPopupContainer(trigger) {
+            return trigger.parentNode;
+          }
+        }));
+      }
+    });
+  }
+
   var preChildPart = newChildren,
-    lastChildPart = null;
+      lastChildPart = null; // 只有1个时不适配
 
-  // 只有1个时不适配
   if (lessOneMoreFit && newChildren.length - num === 1) {
     preChildPart = newChildren;
   } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
     preChildPart = newChildren.slice(0, num);
     lastChildPart = newChildren.slice(num);
   }
+
   ;
+
   if (divider && preChildPart) {
     var preChildLen = preChildPart.length;
     preChildPart = preChildPart.map(function (dom, i) {
       var _lastChildPart;
-      return /*#__PURE__*/React.createElement(Fragment, {
+
+      return React.createElement(Fragment, {
         key: i
-      }, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart) != null && _lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
-      ) && /*#__PURE__*/React.createElement(_Divider, {
+      }, dom, !(i === preChildLen - 1 && !((_lastChildPart = lastChildPart) == null ? void 0 : _lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
+      ) && React.createElement(_Divider, {
         type: "vertical"
       }));
     });
   }
-  var menu = /*#__PURE__*/React.createElement(_Menu, {
-    className: "org-pop-opera-btn"
-  }, (_lastChildPart2 = lastChildPart) == null ? void 0 : _lastChildPart2.map(function (child, i) {
-    return /*#__PURE__*/React.createElement(_Menu.Item, {
-      key: i
-    }, child);
-  }));
-  return /*#__PURE__*/React.createElement("div", _extends({
+
+  var menu = function menu(childArr) {
+    return React.createElement(_Menu, {
+      className: "org-pop-opera-btn"
+    }, childArr == null ? void 0 : childArr.map(function (child, i) {
+      return React.createElement(_Menu.Item, {
+        key: i
+      }, child);
+    }));
+  };
+
+  if (lang === 'en') {
+    return React.createElement(_Dropdown, {
+      overlay: menu(newChildren || []),
+      arrow: true
+    }, type === 'icon' ? React.createElement(Icon, {
+      type: "more"
+    }) : React.createElement("a", {
+      className: "ant-dropdown-more"
+    }, getText('handleMore', lang), React.createElement("i", {
+      className: "".concat(clsPrefix, "-dropdown-icon")
+    }, React.createElement(Icon, {
+      type: "down"
+    }))));
+  }
+
+  return React.createElement("div", _extends({
     onClick: function onClick(e) {
       e.stopPropagation();
     }
-  }, rest), preChildPart, ((_lastChildPart3 = lastChildPart) == null ? void 0 : _lastChildPart3.length) > 0 && /*#__PURE__*/React.createElement(_Dropdown, {
-    overlay: menu,
+  }, rest), preChildPart, !!((_lastChildPart2 = lastChildPart) == null ? void 0 : _lastChildPart2.length) && React.createElement(_Dropdown, {
+    overlay: menu(lastChildPart || []),
     arrow: true
-  }, type === 'icon' ? /*#__PURE__*/React.createElement(Icon, {
+  }, type === 'icon' ? React.createElement(Icon, {
     type: "more"
-  }) : /*#__PURE__*/React.createElement("a", {
+  }) : React.createElement("a", {
     className: "ant-dropdown-more"
-  }, lang === 'en' ? 'More' : '更多', /*#__PURE__*/React.createElement("i", {
+  }, getText('handleMore', lang), React.createElement("i", {
     className: "".concat(clsPrefix, "-dropdown-icon")
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, React.createElement(Icon, {
     type: "down"
   })))));
 });