acud 1.2.17 → 1.2.18

package/lib/tabs/src/TabNavList/OperationNode.js

@@ -1,71 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
-
 var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
-
 var _OutlinedRight = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedRight"));
-
 var _OutlinedLeft = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedLeft"));
-
 var _AddButton = _interopRequireDefault(require("./AddButton"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // import Menu, { MenuItem } from 'rc-menu';
+
 function OperationNode(_ref, ref) {
   var prefixCls = _ref.prefixCls,
-      id = _ref.id,
-      tabs = _ref.tabs,
-      allTabs = _ref.allTabs,
-      locale = _ref.locale,
-      mobile = _ref.mobile,
-      activeKey = _ref.activeKey,
-      style = _ref.style,
-      className = _ref.className,
-      editable = _ref.editable,
-      tabBarGutter = _ref.tabBarGutter,
-      rtl = _ref.rtl,
-      scrollToTab = _ref.scrollToTab,
-      onTabClick = _ref.onTabClick;
-
+    id = _ref.id,
+    tabs = _ref.tabs,
+    allTabs = _ref.allTabs,
+    locale = _ref.locale,
+    mobile = _ref.mobile,
+    activeKey = _ref.activeKey,
+    style = _ref.style,
+    className = _ref.className,
+    editable = _ref.editable,
+    tabBarGutter = _ref.tabBarGutter,
+    rtl = _ref.rtl,
+    scrollToTab = _ref.scrollToTab,
+    onTabClick = _ref.onTabClick;
   // ======================== Dropdown ========================
   var _useState = (0, React.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useState3 = (0, React.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      selectedKey = _useState4[0],
-      setSelectedKey = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    selectedKey = _useState4[0],
+    setSelectedKey = _useState4[1];
   var _useState5 = (0, React.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      scrolledKey = _useState6[0],
-      setScrolledKey = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    scrolledKey = _useState6[0],
+    setScrolledKey = _useState6[1];
   var popupId = "".concat(id, "-more-popup");
-  var selectedItemId = selectedKey !== null ? "".concat(popupId, "-").concat(selectedKey) : null; // const dropdownAriaLabel = locale?.dropdownAriaLabel;
+  var selectedItemId = selectedKey !== null ? "".concat(popupId, "-").concat(selectedKey) : null;
+  // const dropdownAriaLabel = locale?.dropdownAriaLabel;
   // const menu = (
   //     <Menu
   //         onClick={({ key, domEvent }) => {
@@ -92,7 +76,6 @@ function OperationNode(_ref, ref) {
   //         ))}
   //     </Menu>
   // );
-
   function selectOffset(offset) {
     var enabledTabs = tabs.filter(function (tab) {
       return !tab.disabled;
@@ -101,57 +84,46 @@ function OperationNode(_ref, ref) {
       return tab.key === selectedKey;
     }) || 0;
     var len = enabledTabs.length;
-
     for (var i = 0; i < len; i += 1) {
       selectedIndex = (selectedIndex + offset + len) % len;
       var tab = enabledTabs[selectedIndex];
-
       if (!tab.disabled) {
         setSelectedKey(tab.key);
         return;
       }
     }
   }
-
   function onKeyDown(e) {
     var which = e.which;
-
     if (!open) {
       if ([_KeyCode["default"].DOWN, _KeyCode["default"].SPACE, _KeyCode["default"].ENTER].includes(which)) {
         setOpen(true);
         e.preventDefault();
       }
-
       return;
     }
-
     switch (which) {
       case _KeyCode["default"].UP:
         selectOffset(-1);
         e.preventDefault();
         break;
-
       case _KeyCode["default"].DOWN:
         selectOffset(1);
         e.preventDefault();
         break;
-
       case _KeyCode["default"].ESC:
         setOpen(false);
         break;
-
       case _KeyCode["default"].SPACE:
       case _KeyCode["default"].ENTER:
         if (selectedKey !== null) onTabClick(selectedKey, e);
         break;
     }
-  } // ========================= Effect =========================
-
-
+  }
+  // ========================= Effect =========================
   (0, React.useEffect)(function () {
     // We use query element here to avoid React strict warning
     var ele = document.getElementById(selectedItemId);
-
     if (ele && ele.scrollIntoView) {
       ele.scrollIntoView(false);
     }
@@ -163,26 +135,22 @@ function OperationNode(_ref, ref) {
   }, [open]);
   (0, React.useEffect)(function () {
     setScrolledKey(activeKey);
-  }, [activeKey]); // ========================= Render =========================
-
+  }, [activeKey]);
+  // ========================= Render =========================
   var moreStyle = (0, _defineProperty2["default"])({}, rtl ? 'marginRight' : 'marginLeft', tabBarGutter);
-
   if (!tabs.length) {
     moreStyle.visibility = 'hidden';
     moreStyle.order = 1;
   }
-
   var _onClick = function onClick(type) {
     var step = allTabs.length - tabs.length || 1;
     var index = (0, _findIndex["default"])(allTabs, function (tab) {
       return tab.key === scrolledKey;
     });
-
     if (type === 'left') {
       if (index <= 0) {
         return;
       }
-
       var targetIndex = index - step * 2 <= 0 ? 0 : index - step * 2;
       scrollToTab(allTabs[targetIndex].key);
       setScrolledKey(allTabs[targetIndex].key);
@@ -190,14 +158,11 @@ function OperationNode(_ref, ref) {
       if (index >= allTabs.length - step) {
         return;
       }
-
       var _targetIndex = index + step * 2 > allTabs.length - 1 ? allTabs.length - 1 : index + step * 2;
-
       scrollToTab(allTabs[_targetIndex].key);
       setScrolledKey(allTabs[_targetIndex].key);
     }
   };
-
   var moreLeftNode = mobile ? null : /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "".concat(prefixCls, "-nav-more left"),
@@ -240,8 +205,10 @@ function OperationNode(_ref, ref) {
     onClick: function onClick() {
       return _onClick('right');
     }
-  }, /*#__PURE__*/React.createElement(_OutlinedRight["default"], null)) // </Dropdown>
+  }, /*#__PURE__*/React.createElement(_OutlinedRight["default"], null))
+  // </Dropdown>
   ;
+
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames["default"])("".concat(prefixCls, "-nav-operations"), className),
     style: style,
@@ -252,7 +219,5 @@ function OperationNode(_ref, ref) {
     editable: editable
   }));
 }
-
 var _default = /*#__PURE__*/React.forwardRef(OperationNode);
-
 exports["default"] = _default;

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

@@ -1,80 +1,61 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
-
 var _popover = _interopRequireDefault(require("../../../popover"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 = (0, React.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isEditNav = _useState2[0],
-      setEditNav = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isEditNav = _useState2[0],
+    setEditNav = _useState2[1];
   var _useState3 = (0, React.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      editTab = _useState4[0],
-      setEditTab = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_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');
@@ -82,14 +63,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();
@@ -98,37 +76,30 @@ function TabNode(_ref, ref) {
       event: event
     });
   }
-
   function onDoubleClick() {
     if (editable && (0, _typeof2["default"])(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);
     }
   }
-
   (0, React.useEffect)(function () {
     if ((0, _typeof2["default"])(tab) !== 'object') {
       setEditTab(tab.toString());
@@ -140,13 +111,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();
       }
     }
@@ -199,14 +168,10 @@ function TabNode(_ref, ref) {
       onRemoveTab(e);
     }
   }, closeIcon || editable.removeIcon || '×')));
-
   if (renderWrapper) {
     node = renderWrapper(node);
   }
-
   return node;
 }
-
 var _default = /*#__PURE__*/React.forwardRef(TabNode);
-
 exports["default"] = _default;