acud 1.2.17 → 1.2.18

package/es/tabs/src/TabNavList/TabNode.js

@@ -6,55 +6,47 @@ import { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import KeyCode from "rc-util/es/KeyCode";
 import Popover from '../../../popover';
-
 function TabNode(_ref, ref) {
   var _classNames;
-
   var prefixCls = _ref.prefixCls,
-      id = _ref.id,
-      active = _ref.active,
-      rtl = _ref.rtl,
-      _ref$tab = _ref.tab,
-      key = _ref$tab.key,
-      tab = _ref$tab.tab,
-      disabled = _ref$tab.disabled,
-      closeIcon = _ref$tab.closeIcon,
-      max = _ref$tab.max,
-      tabBarGutter = _ref.tabBarGutter,
-      tabPosition = _ref.tabPosition,
-      closable = _ref.closable,
-      renderWrapper = _ref.renderWrapper,
-      removeAriaLabel = _ref.removeAriaLabel,
-      editable = _ref.editable,
-      onClick = _ref.onClick,
-      onRemove = _ref.onRemove,
-      onFocus = _ref.onFocus,
-      onEditTabNav = _ref.onEditTabNav;
+    id = _ref.id,
+    active = _ref.active,
+    rtl = _ref.rtl,
+    _ref$tab = _ref.tab,
+    key = _ref$tab.key,
+    tab = _ref$tab.tab,
+    disabled = _ref$tab.disabled,
+    closeIcon = _ref$tab.closeIcon,
+    max = _ref$tab.max,
+    tabBarGutter = _ref.tabBarGutter,
+    tabPosition = _ref.tabPosition,
+    closable = _ref.closable,
+    renderWrapper = _ref.renderWrapper,
+    removeAriaLabel = _ref.removeAriaLabel,
+    editable = _ref.editable,
+    onClick = _ref.onClick,
+    onRemove = _ref.onRemove,
+    onFocus = _ref.onFocus,
+    onEditTabNav = _ref.onEditTabNav;
   var tabPrefix = "".concat(prefixCls, "-tab");
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isEditNav = _useState2[0],
-      setEditNav = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditNav = _useState2[0],
+    setEditNav = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      editTab = _useState4[0],
-      setEditTab = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    editTab = _useState4[0],
+    setEditTab = _useState4[1];
   React.useEffect(function () {
     return onRemove;
   }, []);
   var nodeStyle = {};
-
   if (tabPosition === 'top' || tabPosition === 'bottom') {
     nodeStyle[rtl ? 'marginRight' : 'marginLeft'] = tabBarGutter;
   } else {
     nodeStyle.marginTop = tabBarGutter;
   }
-
   var removable = editable && closable !== false && !disabled;
-
   function getLenPx(str) {
     var canvas = document.createElement('canvas');
     var context = canvas.getContext('2d');
@@ -62,14 +54,11 @@ function TabNode(_ref, ref) {
     var result = context.measureText(str);
     return result.width;
   }
-
   ;
-
   function onInternalClick(e) {
     if (disabled) return;
     onClick(e);
   }
-
   function onRemoveTab(event) {
     event.preventDefault();
     event.stopPropagation();
@@ -78,37 +67,30 @@ function TabNode(_ref, ref) {
       event: event
     });
   }
-
   function onDoubleClick() {
     if (editable && _typeof(tab) !== 'object') {
       setEditNav(true);
     }
   }
-
   function onChange(e) {
     setEditTab(e.target.value);
   }
-
   function onBlur() {
     onEditTabNav && onEditTabNav(editTab || tab.toString());
     setEditNav(false);
   }
-
   function onKeyDown(e) {
     var keyCode = null;
-
     if (e.which) {
       keyCode = e.which;
     } else if (e.keyCode) {
       keyCode = e.keyCode;
     }
-
     if (keyCode === 13) {
       onEditTabNav && onEditTabNav(editTab || tab.toString());
       setEditNav(false);
     }
   }
-
   useEffect(function () {
     if (_typeof(tab) !== 'object') {
       setEditTab(tab.toString());
@@ -120,13 +102,11 @@ function TabNode(_ref, ref) {
       var width = tabNode.clientWidth;
       var contentWidth = getLenPx(editTab);
       var inputNode = document.getElementsByClassName("".concat(tabPrefix, "-btn-edit"))[0];
-
       if (inputNode && inputNode instanceof HTMLElement) {
         if (width) {
           inputNode.style.width = "".concat(width, "px");
           inputNode.scrollLeft = contentWidth - width > 0 ? contentWidth - width : 0;
         }
-
         inputNode.focus();
       }
     }
@@ -179,12 +159,9 @@ function TabNode(_ref, ref) {
       onRemoveTab(e);
     }
   }, closeIcon || editable.removeIcon || '×')));
-
   if (renderWrapper) {
     node = renderWrapper(node);
   }
-
   return node;
 }
-
 export default /*#__PURE__*/React.forwardRef(TabNode);