@yueglobal/ui 1.0.0

package/dist/yue-page-header/helper.js

@@ -0,0 +1,326 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+import React from 'react';
+import { ExpoIcon, HomeIcon, HwcIcon, InsuranceIcon, LawIcon, SelectionIcon, TaxationIcon, TradeDataIcon, TrainingIcon } from "../components/svg-icon";
+// 主网站域名
+export var mainHost = 'https://www.yueglobal.com';
+
+/**
+ * 一级菜单（主菜单）
+ */
+export var firstMenuList = [{
+  key: 'home',
+  label: '出海服务',
+  children: [{
+    key: mainHost,
+    label: '首页',
+    icon: /*#__PURE__*/React.createElement(HomeIcon, null)
+  }, {
+    key: "".concat(mainHost, "/selection/"),
+    label: '选品中心',
+    icon: /*#__PURE__*/React.createElement(SelectionIcon, null)
+  }, {
+    key: "".concat(mainHost, "/expo/"),
+    label: '会展服务',
+    icon: /*#__PURE__*/React.createElement(ExpoIcon, null)
+  }, {
+    key: "".concat(mainHost, "/training/"),
+    label: '出海培训',
+    icon: /*#__PURE__*/React.createElement(TrainingIcon, null)
+  }, {
+    key: "".concat(mainHost, "/law/"),
+    label: '专业咨询',
+    icon: /*#__PURE__*/React.createElement(LawIcon, null)
+  }, {
+    key: "".concat(mainHost, "/ktms-web/"),
+    label: '通关税务',
+    icon: /*#__PURE__*/React.createElement(TaxationIcon, null)
+  }, {
+    key: "".concat(mainHost, "/hwc/"),
+    label: '海外仓储',
+    icon: /*#__PURE__*/React.createElement(HwcIcon, null)
+  }, {
+    key: "".concat(mainHost, "/finance-insurance/"),
+    label: '金融服务',
+    icon: /*#__PURE__*/React.createElement(InsuranceIcon, null)
+  }, {
+    key: "".concat(mainHost, "/trade-data/"),
+    label: '外贸数据',
+    icon: /*#__PURE__*/React.createElement(TradeDataIcon, null)
+  }]
+}, {
+  key: "".concat(mainHost, "/#9"),
+  label: '新闻资讯',
+  request: '/api/gwtrade-plat-front/whitelist/cms-content-class/classTree?siteFlag=uce'
+}, {
+  key: "".concat(mainHost, "/#10"),
+  label: '国际市场'
+}, {
+  key: "".concat(mainHost, "/#11"),
+  label: '省内产业'
+}, {
+  key: "".concat(mainHost, "/aboutus"),
+  label: '关于我们'
+}];
+
+/**
+ * 将树结构转换为一维数组
+ * @param data
+ */
+export function flattenTreeList(data) {
+  // 递归函数，将嵌套的菜单数组转换为一维数组
+  var flatten = function flatten(items) {
+    var result = [];
+    var _iterator = _createForOfIteratorHelper(items),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        result.push(item);
+        if (item !== null && item !== void 0 && item.children) {
+          result.push.apply(result, _toConsumableArray(flatten(item.children)));
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return result;
+  };
+  return flatten(data);
+}
+
+/**
+ * 将 firstMenuList 转换为一维数组并根据 key 长度排序
+ * @param isSort 是否进行排序
+ * @returns 排序后的一维数组
+ */
+export function flattenMenuList(isSort) {
+  // 将嵌套的菜单数组转换为一维数组
+  var flattenedList = flattenTreeList(firstMenuList);
+
+  // 如果需要排序，则根据 key 的长度进行降序排序
+  if (isSort) {
+    return flattenedList.sort(function (a, b) {
+      return b.key.length - a.key.length;
+    });
+  }
+  return flattenedList;
+}
+
+/**
+ * 加载script域外资源
+ * @param src
+ * @param async
+ */
+export function loadScript(src, async) {
+  return new Promise(function (resolve, reject) {
+    var script = document.querySelector("script[src=\"".concat(src, "\"]"));
+    if (!script) {
+      // 还没加载此sdk文件，则创建script
+      var _script = document.createElement('script');
+      _script.src = src;
+      if (async) {
+        _script.async = true;
+        _script.defer = true;
+      }
+      _script.onerror = function () {
+        console.error('[hs-sdk] 加载失败：', src);
+        reject(false);
+      };
+      _script.onload = function () {
+        resolve(true);
+      };
+      // 添加到文档中
+      document.head.appendChild(_script);
+    } else {
+      resolve(true);
+    }
+  });
+}
+
+/**
+ * 检查页面中是否已存在指定文件名的script资源
+ * @param filename 要检查的脚本文件名
+ * @returns 如果存在返回true，否则返回false
+ */
+export function checkExistScript(filename) {
+  // 使用filename参数检查script标签是否存在
+  var script = document.querySelector("script[src*=\"".concat(filename, "\"]"));
+  return !!script;
+}
+
+/**
+ * 检查路径是否匹配，支持路由参数匹配
+ * @param routePath 路由定义路径，可能包含参数如 /news/:id/detail
+ * @param actualPath 实际访问路径，如 /news/123/detail
+ * @returns 是否匹配
+ */
+function isPathMatch(routePath, actualPath) {
+  if (routePath === actualPath) {
+    return true;
+  }
+
+  // 将路径分割为段
+  var routeSegments = routePath.split('/').filter(function (segment) {
+    return segment !== '';
+  });
+  var actualSegments = actualPath.split('/').filter(function (segment) {
+    return segment !== '';
+  });
+
+  // 长度不一致则不匹配
+  if (routeSegments.length !== actualSegments.length) {
+    return false;
+  }
+
+  // 逐段匹配
+  for (var i = 0; i < routeSegments.length; i++) {
+    var routeSeg = routeSegments[i];
+    var actualSeg = actualSegments[i];
+
+    // 如果路由段是参数形式（以:开头），则认为匹配
+    if (routeSeg.startsWith(':')) {
+      continue; // 参数段直接跳过，认为匹配
+    }
+
+    // 非参数段需要完全匹配
+    if (routeSeg !== actualSeg) {
+      return false;
+    }
+  }
+  return true;
+}
+/**
+ * 根据path值获取完整的节点路径数组（支持动态路由参数）
+ * @param arr - 包含id, parentId, title, path字段的数组
+ * @param path - 要查找的完整path值
+ * @returns 完整的节点路径数组，如果未找到则返回空数组
+ */
+export function getFullPathNodesByPath(arr, path) {
+  if (!path || path === '/') {
+    return [];
+  }
+
+  // 将路径按'/'分割，过滤掉空字符串
+  var pathSegments = path.split('/').filter(function (segment) {
+    return segment !== '';
+  });
+
+  // 用于存储匹配的节点路径
+  var result = [];
+
+  // 从根节点开始查找
+  var currentPath = '';
+  var _loop = function _loop() {
+    var segment = pathSegments[i];
+
+    // 构建当前层级的路径
+    var tempCurrentPath;
+    if (i === 0) {
+      tempCurrentPath = "/".concat(segment);
+    } else {
+      tempCurrentPath = "".concat(currentPath, "/").concat(segment);
+    }
+
+    // 查找匹配当前路径的节点（支持参数匹配）
+    var matchedNode;
+
+    // 首先尝试精确匹配
+    matchedNode = arr.find(function (item) {
+      return item.path === tempCurrentPath;
+    });
+
+    // 如果精确匹配失败，尝试参数化匹配
+    if (!matchedNode) {
+      matchedNode = arr.find(function (item) {
+        return isPathMatch(item.path, tempCurrentPath);
+      });
+      if (matchedNode) {
+        matchedNode.realpath = tempCurrentPath;
+      }
+    }
+    if (matchedNode) {
+      result.push(matchedNode);
+    }
+
+    // 更新currentPath用于下一次循环
+    currentPath = tempCurrentPath;
+  };
+  for (var i = 0; i < pathSegments.length; i++) {
+    _loop();
+  }
+  return result;
+}
+
+/**
+ * 根据path值对数组进行去重
+ * @param arr - 包含path字段的数组
+ * @returns 去重后的数组
+ */
+export function uniqByPath(arr) {
+  var seenPaths = new Set();
+  var result = [];
+  var _iterator2 = _createForOfIteratorHelper(arr),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      // 检查path是否已经存在
+      if (!seenPaths.has(item.path)) {
+        seenPaths.add(item.path);
+        result.push(item);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return result;
+}
+
+/**
+ * 深度拷贝对象或数组
+ * @param obj - 要深度拷贝的对象或数组
+ * @returns 拷贝后的新对象或数组
+ */
+export function deepClone(obj) {
+  // 处理 null 和 undefined
+  if (obj === null || obj === undefined) {
+    return obj;
+  }
+
+  // 处理原始类型
+  if (_typeof(obj) !== 'object') {
+    return obj;
+  }
+
+  // 处理日期对象
+  if (obj instanceof Date) {
+    return new Date(obj.getTime());
+  }
+
+  // 处理数组
+  if (Array.isArray(obj)) {
+    return obj.map(function (item) {
+      return deepClone(item);
+    });
+  }
+
+  // 处理普通对象
+  var clonedObj = {};
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      clonedObj[key] = deepClone(obj[key]);
+    }
+  }
+  return clonedObj;
+}

package/dist/yue-page-header/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { YueBreadcrumb, YueMenuItem } from './helper';
+import './index.less';
+export interface YuePageHeaderProps {
+    width?: string | number;
+    backgroundColor?: string;
+    menuItems?: YueMenuItem[];
+    pageTitle?: string;
+    pageIcon?: ReactNode;
+    breadcrumbs?: YueBreadcrumb[];
+    routes?: any;
+    pathname?: string;
+    onRouteChange?: (item: {
+        key: string;
+        label?: string;
+    }) => void;
+    rightContent?: ReactNode;
+    onLocaleChange?: (value: {
+        locale: string;
+    }) => void;
+}
+declare const _default: React.NamedExoticComponent<YuePageHeaderProps>;
+export default _default;

package/dist/yue-page-header/index.js

@@ -0,0 +1,75 @@
+var _excluded = ["width", "backgroundColor", "rightContent", "onLocaleChange"];
+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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 React, { memo, useMemo, useState } from 'react';
+import logoImg from "../assets/gw-logo.png";
+import titleImg from "../assets/ylqq-title.png";
+import FirstMenus from "./first-menus";
+import { mainHost } from "./helper";
+import "./index.less";
+import RightContent from "./right-content";
+import SecondMenus from "./second-menus";
+var Index = function Index(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '80%' : _ref$width,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#fff' : _ref$backgroundColor,
+    rightContent = _ref.rightContent,
+    onLocaleChange = _ref.onLocaleChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var hasSecondMenu = useMemo(function () {
+    var _props$breadcrumbs, _props$menuItems;
+    return !!props.pageTitle || !!((_props$breadcrumbs = props.breadcrumbs) !== null && _props$breadcrumbs !== void 0 && _props$breadcrumbs.length) || !!((_props$menuItems = props.menuItems) !== null && _props$menuItems !== void 0 && _props$menuItems.length);
+  }, [props.pageTitle, props.breadcrumbs, props.menuItems]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: backgroundColor,
+      height: 80 + (hasSecondMenu ? 60 : 0)
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "yue-page-header",
+    style: backgroundColor === 'transparent' ? {
+      backgroundColor: 'rgba(255, 255, 255, 0.15)'
+    } : {
+      backgroundColor: backgroundColor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "yue-page-header-topbar yue-flex",
+    style: {
+      width: width
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: mainHost,
+    className: "yue-flex title-bar"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logoImg,
+    alt: "",
+    className: "logo"
+  }), /*#__PURE__*/React.createElement("img", {
+    src: titleImg,
+    alt: "",
+    className: "title"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "menus-bar"
+  }, /*#__PURE__*/React.createElement(FirstMenus, {
+    setVisible: setVisible
+  })), /*#__PURE__*/React.createElement(RightContent, {
+    content: rightContent,
+    onLocaleChange: onLocaleChange
+  })), hasSecondMenu && /*#__PURE__*/React.createElement(SecondMenus, _extends({
+    width: width,
+    visible: visible
+  }, props))));
+};
+export default /*#__PURE__*/memo(Index);

package/dist/yue-page-header/index.less

@@ -0,0 +1,43 @@
+.yue-page-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 100;
+  line-height: 1.415;
+
+  * {
+    box-sizing: border-box;
+    outline: none;
+  }
+
+  .yue-flex {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.yue-page-header-topbar {
+  margin: 0 auto;
+  height: 80px;
+  max-width: 100%;
+
+  .title-bar {
+    flex-shrink: 0;
+    cursor: pointer;
+    gap: 16px;
+
+    .logo {
+      height: 34px;
+    }
+
+    .title {
+      height: 29px;
+    }
+  }
+
+  .menus-bar {
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+}

package/dist/yue-page-header/right-content/index.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import './index.less';
+interface Props {
+    content?: ReactNode;
+    onLocaleChange?: (value: {
+        locale: string;
+    }) => void;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/yue-page-header/right-content/index.js

@@ -0,0 +1,50 @@
+import React, { memo, useEffect } from 'react';
+import { SingleWindowIcon } from "../../components/svg-icon";
+import { checkExistScript, loadScript } from "../helper";
+import "./index.less";
+
+// 单一窗口的跳转地址
+var singleWindowUrl = 'https://gd.singlewindow.cn/';
+// 翻译插件的地址
+var translateUrl = 'https://gdin.com.cn/szgw-libs/translate.min.js?elementId=gw_translate';
+var Index = function Index(_ref) {
+  var content = _ref.content,
+    onLocaleChange = _ref.onLocaleChange;
+  useEffect(function () {
+    if (!checkExistScript('translate.min.js')) {
+      loadScript(translateUrl, true).then(function () {
+        setTimeout(function () {
+          var _window$szTranslate, _window$szTranslate$o;
+          // @ts-ignore
+          (_window$szTranslate = window.szTranslate) === null || _window$szTranslate === void 0 || (_window$szTranslate$o = _window$szTranslate.on) === null || _window$szTranslate$o === void 0 || _window$szTranslate$o.call(_window$szTranslate, 'locale', onLocaleChange);
+        }, 1000);
+      });
+    } else {
+      var _window$szTranslate2, _window$szTranslate2$, _window$szTranslate3, _window$szTranslate3$;
+      // @ts-ignore
+      (_window$szTranslate2 = window.szTranslate) === null || _window$szTranslate2 === void 0 || (_window$szTranslate2$ = _window$szTranslate2.init) === null || _window$szTranslate2$ === void 0 || _window$szTranslate2$.call(_window$szTranslate2, {
+        element: document.getElementById('gw_translate')
+      });
+      // @ts-ignore
+      (_window$szTranslate3 = window.szTranslate) === null || _window$szTranslate3 === void 0 || (_window$szTranslate3$ = _window$szTranslate3.on) === null || _window$szTranslate3$ === void 0 || _window$szTranslate3$.call(_window$szTranslate3, 'locale', onLocaleChange);
+    }
+    return function () {
+      var _window$szTranslate4, _window$szTranslate4$;
+      // @ts-ignore
+      (_window$szTranslate4 = window.szTranslate) === null || _window$szTranslate4 === void 0 || (_window$szTranslate4$ = _window$szTranslate4.off) === null || _window$szTranslate4$ === void 0 || _window$szTranslate4$.call(_window$szTranslate4, 'locale', onLocaleChange);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "yue-flex yue-page-header-right-content"
+  }, /*#__PURE__*/React.createElement("a", {
+    href: singleWindowUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "yue-flex link"
+  }, /*#__PURE__*/React.createElement("span", null, "\u5355\u4E00\u7A97\u53E3"), /*#__PURE__*/React.createElement(SingleWindowIcon, null)), /*#__PURE__*/React.createElement("div", {
+    className: "vr"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "gw_translate"
+  }), content);
+};
+export default /*#__PURE__*/memo(Index);

package/dist/yue-page-header/right-content/index.less

@@ -0,0 +1,35 @@
+.yue-page-header-right-content {
+  flex-shrink: 0;
+  gap: 14px;
+  font-size: 15px;
+  margin-left: 12px;
+
+  .vr {
+    width: 1px;
+    height: 22px;
+    background-color: rgba(0, 0, 0, 40%);
+  }
+
+  .link {
+    text-decoration: none;
+    color: #000;
+    gap: 8px;
+    height: 34px;
+    border-radius: 4px;
+    padding-inline: 4px;
+
+    &:hover {
+      color: rgba(0, 0, 0, 90%);
+      background-color: rgba(0, 0, 0, 4%);
+    }
+
+    .anticon {
+      color: #2860f3;
+      font-size: 16px;
+    }
+  }
+
+  .sz-translate-bar.mode3 {
+    font-size: 16px;
+  }
+}

package/dist/yue-page-header/second-menus/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { YuePageHeaderProps } from '../index';
+import './index.less';
+interface Props extends Omit<YuePageHeaderProps, 'rightContent'> {
+    visible: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;