@lemon-fe/kits 0.1.136 → 1.0.0-0

package/es/init.js

@@ -0,0 +1,153 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import React from 'react';
+import { message, Modal, Select, ConfigProvider, Result, Button, version, DatePicker, Cascader, TreeSelect } from 'antd';
+import { config } from '@lemon-fe/hooks';
+import PageLoading from "./components/PageLoading";
+import Icons from "./components/Icons";
+var Tip = Icons.Tip,
+    Down = Icons.Down,
+    BigTip = Icons.BigTip,
+    Close = Icons.Close;
+export default function init() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  // 添加站长统计
+  if (opts.enableCNZZ) {
+    var _node = document.createElement('script');
+
+    _node.innerHTML = "\n    var _czc = _czc || [];\n    window._czc&&window._czc.push(['_setAutoPageview', false]);\n  ";
+    document.body.appendChild(_node);
+    _node = document.createElement('script');
+
+    if (typeof opts.enableCNZZ === 'string') {
+      _node.src = opts.enableCNZZ;
+    } else {
+      _node.src = '//v1.cnzz.com/z_stat.php?id=1280732258&web_id=1280732258';
+    }
+
+    document.body.appendChild(_node);
+  }
+
+  var types = ['success', 'error', 'warning', 'info'];
+  types.forEach(function (item) {
+    var msgAPI = message[item].bind(message);
+    var modalAPI = Modal[item].bind(Modal);
+
+    message[item] = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var args0 = args[0],
+          args1 = args[1],
+          args2 = args[2];
+
+      if (args.length === 1 && _typeof(args0) === 'object' && ! /*#__PURE__*/React.isValidElement(args0)) {
+        return msgAPI(_objectSpread({
+          icon: /*#__PURE__*/React.createElement(Tip, {
+            type: item
+          })
+        }, args0));
+      }
+
+      return msgAPI({
+        content: args0,
+        duration: args1,
+        onClose: args2,
+        icon: /*#__PURE__*/React.createElement(Tip, {
+          type: item
+        })
+      });
+    };
+
+    Modal[item] = function () {
+      return modalAPI(_objectSpread({
+        icon: /*#__PURE__*/React.createElement(BigTip, {
+          type: item
+        }),
+        title: '提示'
+      }, arguments.length <= 0 ? undefined : arguments[0]));
+    };
+  });
+  var modalConfirm = Modal.confirm.bind(Modal);
+
+  Modal.confirm = function () {
+    return modalConfirm(_objectSpread({
+      icon: /*#__PURE__*/React.createElement(BigTip, {
+        type: "info"
+      }),
+      title: '提示'
+    }, arguments.length <= 0 ? undefined : arguments[0]));
+  };
+
+  Modal.defaultProps = _objectSpread(_objectSpread({}, Modal.defaultProps), {}, {
+    closeIcon: /*#__PURE__*/React.createElement(Close, null)
+  });
+  var node = /*#__PURE__*/React.createElement(Down, {
+    style: {
+      marginRight: -1,
+      pointerEvents: 'none'
+    }
+  }); //@ts-ignore
+
+  Select.defaultProps = {
+    suffixIcon: version >= '4.18.9' ? node : function () {
+      return node;
+    }
+  }; //@ts-ignore
+
+  TreeSelect.defaultProps = {
+    suffixIcon: version >= '4.18.9' ? node : function () {
+      return node;
+    }
+  }; //@ts-ignore
+
+  Cascader.defaultProps = {
+    suffixIcon: node
+  };
+  DatePicker.RangePicker.defaultProps = {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)
+  };
+  DatePicker.defaultProps = {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, null)
+  };
+  config({
+    showToast: function showToast() {
+      return message.loading('请稍等', 0);
+    },
+    cancelToast: function cancelToast(hide) {
+      hide();
+    },
+    showLoading: function showLoading() {
+      return /*#__PURE__*/React.createElement(PageLoading, null);
+    },
+    showError: function showError(err) {
+      message.error(err.message);
+    },
+    setPrimaryColor: function setPrimaryColor(color) {
+      ConfigProvider.config({
+        theme: {
+          primaryColor: color
+        }
+      });
+    },
+    errorResult: function errorResult(err, refresh) {
+      return /*#__PURE__*/React.createElement(Result, {
+        status: "500",
+        title: "500",
+        subTitle: err.message,
+        extra: /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          onClick: refresh
+        }, "\u91CD\u65B0\u52A0\u8F7D")
+      });
+    }
+  });
+}

package/es/layouts/BasicLayout/components/Main.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { BasicLayoutProps } from '../typings';
+declare type Props = Omit<BasicLayoutProps, 'auth'>;
+declare global {
+    interface Window {
+        _czc?: any[];
+    }
+}
+export default function Main(props: Props): JSX.Element;
+export {};

package/es/layouts/BasicLayout/components/Main.js

@@ -0,0 +1,390 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
+import React, { useState, useMemo, useEffect, useRef } from 'react';
+import { Modal } from 'antd';
+import { useHistory, useLocation, matchPath, useRouteMatch } from 'react-router';
+import moment from 'moment';
+import MainFramework from "./MainFramework";
+import RouteTab from "../../components/RouteTab";
+
+function mapTree(tree, childrenKey, mapper) {
+  var traverse = function traverse(nodes) {
+    var result = [];
+    nodes.forEach(function (node) {
+      var children;
+
+      if (node[childrenKey] !== undefined) {
+        children = traverse(node[childrenKey]);
+      }
+
+      mapper(_objectSpread(_objectSpread({}, node), {}, _defineProperty({}, childrenKey, children)), result);
+    });
+    return result;
+  };
+
+  return traverse(tree);
+}
+
+export default function Main(props) {
+  var logo = props.logo,
+      title = props.title,
+      _props$routes = props.routes,
+      routes = _props$routes === void 0 ? [] : _props$routes,
+      menusProp = props.menus,
+      right = props.right,
+      authorities = props.authorities,
+      topTabs = props.topTabs,
+      favoritesProp = props.favorites,
+      onFavoritesChangeProp = props.onFavoritesChange,
+      waterMark = props.waterMark;
+  var defaultFavorites = useMemo(function () {
+    return JSON.parse(window.localStorage.getItem('MENU_FAVORITES') || '[]');
+  }, []);
+  var mAuths = useMemo(function () {
+    return new Set(authorities);
+  }, [authorities]);
+
+  var _useMemo = useMemo(function () {
+    var pathMap = new Map();
+
+    if (authorities === undefined) {
+      return [menusProp, pathMap];
+    }
+
+    var mMenus = mapTree(menusProp, 'children', function (node, result) {
+      if (!node.path && (!node.children || node.children.length <= 0)) {
+        return;
+      }
+
+      if (node.authority !== undefined) {
+        var flag = false;
+
+        if (node.path) {
+          pathMap.set(node.path, node.authority);
+        }
+
+        if (Array.isArray(node.authority)) {
+          for (var i = 0; i < node.authority.length; i += 1) {
+            if (mAuths.has(node.authority[i])) {
+              flag = true;
+              break;
+            }
+          }
+        } else if (mAuths.has(node.authority)) {
+          flag = true;
+        }
+
+        if (flag) {
+          result.push(node);
+        }
+
+        return;
+      }
+
+      result.push(node);
+    });
+    return [mMenus, pathMap];
+  }, [menusProp,, mAuths]),
+      _useMemo2 = _slicedToArray(_useMemo, 2),
+      menus = _useMemo2[0],
+      pathAuthorities = _useMemo2[1];
+
+  var history = useHistory();
+  var location = useLocation();
+  var topMatch = useRouteMatch();
+
+  var _useState = useState(defaultFavorites),
+      _useState2 = _slicedToArray(_useState, 2),
+      favorites = _useState2[0],
+      setFavorites = _useState2[1];
+
+  useEffect(function () {
+    if (favorites !== defaultFavorites) {
+      window.localStorage.setItem('MENU_FAVORITES', JSON.stringify(favorites));
+    }
+  }, [favorites]);
+
+  var handleFavoritesChange = function handleFavoritesChange(items) {
+    if (onFavoritesChangeProp) {
+      onFavoritesChangeProp(items);
+    } else {
+      setFavorites(items);
+    }
+  };
+
+  var defaultTabs = useMemo(function () {
+    if (topTabs) {
+      return topTabs.map(function (tab) {
+        return {
+          title: tab.title,
+          location: {
+            pathname: tab.path,
+            search: '',
+            hash: ''
+          },
+          rootPath: tab.path,
+          route: {
+            title: tab.title,
+            path: tab.path,
+            component: ''
+          },
+          closable: false
+        };
+      });
+    }
+
+    return [];
+  }, []);
+
+  var _useState3 = useState({
+    active: -1,
+    tabs: defaultTabs
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
+  var prevUrl = useRef('');
+  useEffect(function () {
+    setState(function (prev) {
+      var match = null;
+      var mRoute = null;
+
+      for (var i = 0; i < routes.length; i += 1) {
+        var route = routes[i];
+
+        if (route.component !== undefined) {
+          match = route.path ? matchPath(location.pathname, {
+            path: route.path,
+            exact: route.exact,
+            strict: route.strict,
+            sensitive: route.sensitive
+          }) : topMatch;
+
+          if (match !== null) {
+            mRoute = route;
+            break;
+          }
+        }
+      }
+
+      if (match !== null && mRoute !== null) {
+        if (mRoute.redirect) {
+          history.push(mRoute.redirect);
+          return prev;
+        }
+
+        var _tabs = _toConsumableArray(prev.tabs);
+
+        var active = prev.active;
+        var tab = {
+          rootPath: match.path,
+          title: mRoute.title || '',
+          route: mRoute,
+          match: match,
+          location: location
+        };
+
+        var index = _tabs.findIndex(function (item) {
+          return item.rootPath === tab.rootPath;
+        });
+
+        if (index >= 0) {
+          tab.closable = _tabs[index].closable;
+          tab.refreshCount = _tabs[index].refreshCount;
+          _tabs[index] = tab;
+          active = index;
+        } else {
+          _tabs.push(tab);
+
+          if (_tabs.length > 10) {
+            var len = defaultTabs.length;
+            _tabs = [].concat(_toConsumableArray(_tabs.slice(0, len)), _toConsumableArray(_tabs.slice(len - 10)));
+            var key = 'TAB_NO_TIP_DATE';
+            var date = localStorage.getItem(key);
+            var today = moment().format('YYYY-MM-DD');
+
+            if (date === null || date !== today) {
+              Modal.confirm({
+                title: '提示',
+                content: '当前打开页签已达10个, 为不影响浏览器性能, 已为您关闭最早打开的页签',
+                cancelText: '今日不再提醒',
+                okText: '我知道啦',
+                onCancel: function onCancel() {
+                  localStorage.setItem(key, today);
+                }
+              });
+            }
+          }
+
+          active = _tabs.length - 1;
+        }
+
+        return {
+          tabs: _tabs,
+          active: active
+        };
+      }
+
+      return prev;
+    });
+  }, [location]);
+  useEffect(function () {
+    var tab = state.tabs[state.active];
+
+    if (window._czc && tab !== undefined) {
+      window._czc.push(['_trackPageview', window.location.pathname, prevUrl.current]);
+
+      window._czc.push(['_trackEvent', '页面访问', title, tab.title]);
+    }
+
+    prevUrl.current = window.location.pathname;
+  }, [state]);
+
+  var handleClick = function handleClick(index) {
+    if (state.active !== index) {
+      var tab = state.tabs[index];
+
+      if (tab !== undefined) {
+        history.push(tab.location);
+      }
+    }
+  };
+
+  var handleClose = function handleClose(index) {
+    var next = _objectSpread(_objectSpread({}, state), {}, {
+      tabs: _toConsumableArray(state.tabs)
+    });
+
+    next.tabs.splice(index, 1);
+
+    if (index <= state.active) {
+      next.active -= 1;
+
+      if (next.active < 0 && next.tabs.length > 0) {
+        next.active = 0;
+      }
+    }
+
+    var tab = next.tabs[next.active];
+    setState(next);
+
+    if (tab !== undefined && tab.location.pathname !== state.tabs[state.active].location.pathname) {
+      history.push(tab.location);
+    }
+  };
+
+  var handleMenuClick = function handleMenuClick(menu) {
+    if (menu.path) {
+      if (/^(?:https?:)?\/\//.test(menu.path)) {
+        window.open(menu.path);
+      } else if (menu.path !== location.pathname) {
+        history.push(menu.path);
+      }
+    }
+  };
+
+  var handleRefreshCurrent = function handleRefreshCurrent() {
+    setState(function (prev) {
+      var newTabs = prev.tabs.length > 0 ? prev.tabs.map(function (i, index) {
+        return _objectSpread(_objectSpread({}, i), {}, {
+          refreshCount: index === state.active ? (i.refreshCount || 0) + 1 : i.refreshCount
+        });
+      }) : prev.tabs;
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        tabs: newTabs
+      });
+    });
+  };
+
+  var handleCloseOtherTabs = function handleCloseOtherTabs() {
+    setState(function (prev) {
+      var activeTab = -1;
+      var newTabs = [];
+      prev.tabs.forEach(function (tab, index) {
+        if (index === prev.active) {
+          activeTab = newTabs.length;
+          newTabs.push(tab);
+        } else if (tab.closable === false) {
+          newTabs.push(tab);
+        }
+      });
+      return {
+        active: activeTab,
+        tabs: newTabs
+      };
+    });
+  };
+
+  var handleCloseAllTabs = function handleCloseAllTabs() {
+    setState({
+      active: defaultTabs.length > 0 ? 0 : -1,
+      tabs: defaultTabs
+    });
+
+    if (defaultTabs.length > 0) {
+      history.push(defaultTabs[0].location);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(MainFramework, {
+    menus: menus,
+    tabs: state.tabs,
+    active: state.active,
+    onTabClick: handleClick,
+    onMenuClick: handleMenuClick,
+    onTabClose: handleClose,
+    onRefresh: handleRefreshCurrent,
+    onCloseAll: handleCloseAllTabs,
+    onCloseOther: handleCloseOtherTabs,
+    title: title,
+    right: right,
+    logo: logo,
+    favorites: favoritesProp || favorites,
+    onFavoritesChange: handleFavoritesChange,
+    waterMark: waterMark
+  }, state.tabs.map(function (tab, index) {
+    var route = tab.route,
+        refreshCount = tab.refreshCount;
+    var key = !!route.path && refreshCount !== undefined ? refreshCount + '_' + route.path : route.path;
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      style: state.active === index ? undefined : {
+        display: 'none'
+      }
+    }, /*#__PURE__*/React.createElement(RouteTab, {
+      authorities: mAuths,
+      route: route,
+      routes: routes,
+      history: history,
+      match: tab.match,
+      index: index,
+      location: tab.location,
+      pathAuthorities: pathAuthorities
+    }));
+  }));
+}

package/es/layouts/BasicLayout/components/MainFramework/components/DropMenu/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export default function DropMenu<T extends {
+    title: string;
+    closable?: boolean;
+}>(props: {
+    tabs: T[];
+    active: number;
+    visible?: boolean;
+    onClick: (active: number) => void;
+    onClose: (active: number) => void;
+}): JSX.Element;

package/es/layouts/BasicLayout/components/MainFramework/components/DropMenu/index.js

@@ -0,0 +1,104 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { PREFIX_CLS as prefixCls } from "../../../../../../constants";
+import { Popover } from 'antd';
+export default function DropMenu(props) {
+  var tabs = props.tabs,
+      active = props.active,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      onClick = props.onClick,
+      onClose = props.onClose;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      popVisible = _useState2[0],
+      setPopVisible = _useState2[1];
+
+  var handleClose = function handleClose(e, index) {
+    e.stopPropagation();
+    onClose(index);
+  };
+
+  var handleClick = function handleClick(index) {
+    onClick(index);
+    setPopVisible(false);
+  };
+
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: popVisible,
+    onOpenChange: setPopVisible,
+    overlayClassName: "".concat(prefixCls, "-nav-menu-pop"),
+    trigger: "click",
+    placement: "bottomRight",
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-nav-menu-tabs")
+    }, tabs.map(function (item, index) {
+      var key = item.title;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-nav-menu-tab"), _defineProperty({}, "".concat(prefixCls, "-nav-menu-tab-active"), index === active)),
+        onClick: function onClick() {
+          return handleClick(index);
+        },
+        key: key
+      }, item.title, item.closable !== false && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-nav-menu-tab-close"),
+        onClick: function onClick(e) {
+          return handleClose(e, index);
+        }
+      }, /*#__PURE__*/React.createElement("svg", {
+        width: "14",
+        height: "14",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, /*#__PURE__*/React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+      }, /*#__PURE__*/React.createElement("g", {
+        fill: "currentColor"
+      }, /*#__PURE__*/React.createElement("g", {
+        fillRule: "nonzero"
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M7.74992318,2.75006802 L7.74992318,11.250068 C7.74992318,11.6642816 7.41413675,12.000068 6.99992318,12.000068 C6.58570962,12.000068 6.24992318,11.6642816 6.24992318,11.250068 L6.24992318,2.75006802 C6.24992318,2.33585446 6.58570962,2.00006802 6.99992318,2.00006802 C7.41413675,2.00006802 7.74992318,2.33585446 7.74992318,2.75006802 Z",
+        transform: "translate(-367.000000, -21.000000) translate(367.000000, 21.000000) translate(6.999923, 7.000068) rotate(45.000000) translate(-6.999923, -7.000068)"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M7.74994595,2.75007682 L7.74994595,11.2500768 C7.74994595,11.6642904 7.41415952,12.0000768 6.99994595,12.0000768 C6.58573239,12.0000768 6.24994595,11.6642904 6.24994595,11.2500768 L6.24994595,2.75007682 C6.24994595,2.33586325 6.58573239,2.00007682 6.99994595,2.00007682 C7.41415952,2.00007682 7.74994595,2.33586325 7.74994595,2.75007682 Z",
+        transform: "translate(-367.000000, -21.000000) translate(367.000000, 21.000000) translate(6.999946, 7.000077) rotate(-45.000000) translate(-6.999946, -7.000077)"
+      })))))));
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefixCls, "-nav-menu-drop-icon"), _defineProperty({}, "".concat(prefixCls, "-nav-menu-drop-icon-active"), popVisible)),
+    style: visible ? {
+      visibility: 'visible'
+    } : {
+      visibility: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5.757 7.757 10 12l4.243-4.243",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeDasharray: "0,0",
+    fill: "none",
+    fillRule: "evenodd"
+  }))));
+}