@oceanbase/ui 0.2.19 → 0.2.21

package/es/BasicLayout/Header.js

@@ -1,6 +1,7 @@
 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); }
 var _excluded = ["showLabel", "title", "extra", "pathname", "welcomePath", "docsPath", "pdfPath", "iconUrl", "logoUrl", "simpleLogoUrl", "username", "userMenu", "appData", "locale", "showHelp", "showLocale", "locales", "langs"];
-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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -30,6 +31,9 @@ import logoImg from "../assets/logo/oceanbase_logo.svg";
 import UserSvg from "../assets/user.svg";
 import LocaleDropdown from "../LocaleDropdown";
 import "./Header.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var prefix = getPrefix('layout-header');
 var Header = function Header(_ref) {
   var _ref$showLabel = _ref.showLabel,
@@ -65,7 +69,7 @@ var Header = function Header(_ref) {
   // 主要是为了处理与欢迎页搭配使用的场景
   var isWelcome = pathname === welcomePath;
   // 帮助菜单
-  var helpMenu = /*#__PURE__*/React.createElement(Menu, {
+  var helpMenu = /*#__PURE__*/_jsxs(Menu, {
     onClick: function onClick(_ref2) {
       var key = _ref2.key;
       if (key === 'welcome') {
@@ -82,145 +86,194 @@ var Header = function Header(_ref) {
       } else if (key === 'about') {
         setVisible(true);
       }
-    }
-  }, welcomePath && /*#__PURE__*/React.createElement(Menu.Item, {
-    key: "welcome"
-  }, locale.welcome), pdfPath && /*#__PURE__*/React.createElement(Menu.Item, {
-    key: "downloadDocs"
-  }, locale.downloadDocs), /*#__PURE__*/React.createElement(Menu.Item, {
-    key: "about"
-  }, "".concat(locale.about).concat(appData.shortName ? " ".concat(appData.shortName) : '')));
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("".concat(prefix), _defineProperty({}, "".concat(prefix, "-welcome"), isWelcome))
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-content")
-  }, /*#__PURE__*/React.createElement("img", {
-    src: simpleLogoUrl,
-    alt: "",
-    onClick: function onClick() {
-      navigate === null || navigate === void 0 ? void 0 : navigate('/');
     },
-    className: "".concat(prefix, "-logo")
-  }), title && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-title")
-  }, title), showLabel ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-extra ").concat(prefix, "-extra-with-label")
-  }, extra, showHelp && /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: helpMenu
-  }, /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(BulbOutlined, null), /*#__PURE__*/React.createElement("span", {
-    "data-testid": "help"
-  }, locale.help))), showLocale && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(LocaleDropdown, {
-    locales: locales || langs
-  })), userMenu ? /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: userMenu
-  }, /*#__PURE__*/React.createElement(Button, {
-    shape: "round",
-    size: "small"
-  }, /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(UserOutlined, null), /*#__PURE__*/React.createElement("span", null, username)))) :
-  /*#__PURE__*/
-  // userMenu username 都不存在时，不展示该项
-  React.createElement(React.Fragment, null, username ? /*#__PURE__*/React.createElement(Button, {
-    shape: "round",
-    size: "small"
-  }, /*#__PURE__*/React.createElement(Space, {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(UserOutlined, null), /*#__PURE__*/React.createElement("span", null, username))) : null)) : /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-extra")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: helpMenu
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-icon-wrapper")
-  }, /*#__PURE__*/React.createElement(BulbFilled, null)))), docsPath && /*#__PURE__*/React.createElement(Tooltip, {
-    title: locale.viewDocs
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item"),
-    onClick: function onClick() {
-      directTo(docsPath);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-icon-wrapper")
-  }, /*#__PURE__*/React.createElement(ReadFilled, null)))), showLocale && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(LocaleDropdown, {
-    showLabel: true,
-    locales: locales || langs
-  })), userMenu ? /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: userMenu
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-user-wrapper")
-  }, /*#__PURE__*/React.createElement("img", {
-    src: UserSvg,
-    alt: "",
-    className: "".concat(prefix, "-extra-user-icon"),
-    style: {
-      height: 12
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-username")
-  }, username)))) : /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-item")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-extra-user-wrapper")
-  }, /*#__PURE__*/React.createElement("img", {
-    src: UserSvg,
-    alt: "",
-    className: "".concat(prefix, "-extra-user-icon"),
-    style: {
-      height: 12
-    }
-  }), /*#__PURE__*/React.createElement("span", null, username))))), /*#__PURE__*/React.createElement(Modal, {
-    visible: visible
-    // Support for antd 5.0
-    ,
-    open: visible,
-    destroyOnClose: true,
-    footer: false,
-    onCancel: function onCancel() {
-      setVisible(false);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-about-wrapper")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-about")
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logoUrl,
-    alt: "",
-    className: "".concat(prefix, "-logo")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-release-info")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-version")
-  }, locale.version, ": ", appData.version), appData.releaseTime && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-date")
-  }, "".concat(locale.releaseTime, ": ").concat(appData.releaseTime))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
-    href: OB_SITE_LINK,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, OB_SITE_LINK)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "-copyright")
-  }, locale.right, " ", /*#__PURE__*/React.createElement(CopyrightOutlined, null), " ", moment().year(), " ", locale.company), /*#__PURE__*/React.createElement("img", {
-    src: logoImg,
-    alt: "",
-    style: {
-      height: 12
-    }
-  })))))));
+    children: [welcomePath && /*#__PURE__*/_jsx(Menu.Item, {
+      children: locale.welcome
+    }, "welcome"), pdfPath && /*#__PURE__*/_jsx(Menu.Item, {
+      children: locale.downloadDocs
+    }, "downloadDocs"), /*#__PURE__*/_jsx(Menu.Item, {
+      children: "".concat(locale.about).concat(appData.shortName ? " ".concat(appData.shortName) : '')
+    }, "about")]
+  });
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, restProps), {}, {
+    className: classNames("".concat(prefix), _defineProperty({}, "".concat(prefix, "-welcome"), isWelcome)),
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefix, "-content"),
+      children: [/*#__PURE__*/_jsx("img", {
+        src: simpleLogoUrl,
+        alt: "",
+        onClick: function onClick() {
+          navigate === null || navigate === void 0 ? void 0 : navigate('/');
+        },
+        className: "".concat(prefix, "-logo")
+      }), title && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefix, "-title"),
+        children: title
+      }), showLabel ? /*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefix, "-extra ").concat(prefix, "-extra-with-label"),
+        children: [extra, showHelp && /*#__PURE__*/_jsx(Dropdown, {
+          overlay: helpMenu,
+          children: /*#__PURE__*/_jsxs(Space, {
+            className: "".concat(prefix, "-extra-item"),
+            children: [/*#__PURE__*/_jsx(BulbOutlined, {}), /*#__PURE__*/_jsx("span", {
+              "data-testid": "help",
+              children: locale.help
+            })]
+          })
+        }), showLocale && /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-extra-item"),
+          children: /*#__PURE__*/_jsx(LocaleDropdown, {
+            locales: locales || langs
+          })
+        }), userMenu ? /*#__PURE__*/_jsx(Dropdown, {
+          overlay: userMenu,
+          children: /*#__PURE__*/_jsx(Button, {
+            shape: "round",
+            size: "small",
+            children: /*#__PURE__*/_jsxs(Space, {
+              className: "".concat(prefix, "-extra-item"),
+              children: [/*#__PURE__*/_jsx(UserOutlined, {}), /*#__PURE__*/_jsx("span", {
+                children: username
+              })]
+            })
+          })
+        }) :
+        /*#__PURE__*/
+        // userMenu username 都不存在时，不展示该项
+        _jsx(_Fragment, {
+          children: username ? /*#__PURE__*/_jsx(Button, {
+            shape: "round",
+            size: "small",
+            children: /*#__PURE__*/_jsxs(Space, {
+              className: "".concat(prefix, "-extra-item"),
+              children: [/*#__PURE__*/_jsx(UserOutlined, {}), /*#__PURE__*/_jsx("span", {
+                children: username
+              })]
+            })
+          }) : null
+        })]
+      }) : /*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefix, "-extra"),
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-extra-item"),
+          children: /*#__PURE__*/_jsx(Dropdown, {
+            overlay: helpMenu,
+            children: /*#__PURE__*/_jsx("span", {
+              className: "".concat(prefix, "-extra-icon-wrapper"),
+              children: /*#__PURE__*/_jsx(BulbFilled, {})
+            })
+          })
+        }), docsPath && /*#__PURE__*/_jsx(Tooltip, {
+          title: locale.viewDocs,
+          children: /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefix, "-extra-item"),
+            onClick: function onClick() {
+              directTo(docsPath);
+            },
+            children: /*#__PURE__*/_jsx("span", {
+              className: "".concat(prefix, "-extra-icon-wrapper"),
+              children: /*#__PURE__*/_jsx(ReadFilled, {})
+            })
+          })
+        }), showLocale && /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-extra-item"),
+          children: /*#__PURE__*/_jsx(LocaleDropdown, {
+            showLabel: true,
+            locales: locales || langs
+          })
+        }), userMenu ? /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-extra-item"),
+          children: /*#__PURE__*/_jsx(Dropdown, {
+            overlay: userMenu,
+            children: /*#__PURE__*/_jsxs("span", {
+              className: "".concat(prefix, "-extra-user-wrapper"),
+              children: [/*#__PURE__*/_jsx("img", {
+                src: UserSvg,
+                alt: "",
+                className: "".concat(prefix, "-extra-user-icon"),
+                style: {
+                  height: 12
+                }
+              }), /*#__PURE__*/_jsx("span", {
+                className: "".concat(prefix, "-extra-username"),
+                children: username
+              })]
+            })
+          })
+        }) : /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "-extra-item"),
+          children: /*#__PURE__*/_jsxs("span", {
+            className: "".concat(prefix, "-extra-user-wrapper"),
+            children: [/*#__PURE__*/_jsx("img", {
+              src: UserSvg,
+              alt: "",
+              className: "".concat(prefix, "-extra-user-icon"),
+              style: {
+                height: 12
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              children: username
+            })]
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: visible
+      // Support for antd 5.0
+      ,
+      open: visible,
+      destroyOnClose: true,
+      footer: false,
+      onCancel: function onCancel() {
+        setVisible(false);
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefix, "-about-wrapper"),
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "".concat(prefix, "-about"),
+          children: [/*#__PURE__*/_jsx("img", {
+            src: logoUrl,
+            alt: "",
+            className: "".concat(prefix, "-logo")
+          }), /*#__PURE__*/_jsxs("div", {
+            className: "".concat(prefix, "-release-info"),
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: "".concat(prefix, "-version"),
+              children: [locale.version, ": ", appData.version]
+            }), appData.releaseTime && /*#__PURE__*/_jsx("div", {
+              className: "".concat(prefix, "-date"),
+              children: "".concat(locale.releaseTime, ": ").concat(appData.releaseTime)
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("div", {
+              children: /*#__PURE__*/_jsx("a", {
+                href: OB_SITE_LINK,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: OB_SITE_LINK
+              })
+            }), /*#__PURE__*/_jsxs("div", {
+              style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center'
+              },
+              children: [/*#__PURE__*/_jsxs("span", {
+                className: "".concat(prefix, "-copyright"),
+                children: [locale.right, " ", /*#__PURE__*/_jsx(CopyrightOutlined, {}), " ", moment().year(), " ", locale.company]
+              }), /*#__PURE__*/_jsx("img", {
+                src: logoImg,
+                alt: "",
+                style: {
+                  height: 12
+                }
+              })]
+            })]
+          })]
+        })
+      })
+    })]
+  }));
 };
 export default LocaleWrapper({
   componentName: 'BasicLayout',