@blocklet/ui-react 2.9.13 → 2.9.14

package/lib/Footer/links.js

@@ -3,53 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Links;
+module.exports = Links;
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["links", "flowLayout"];
-/* eslint-disable react/no-array-index-key */
-/**
- * footer 中的 links (支持分组, 最多支持 2 级)
- * TODO: dark/light theme
- */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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); }
-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; }
-function Links(_ref) {
-  let {
-      links,
-      flowLayout
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Links({
+  links,
+  flowLayout,
+  ...rest
+}) {
   const [activeIndex, setActiveIndex] = (0, _react.useState)(-1);
-  if (!(links !== null && links !== void 0 && links.length)) {
+  if (!links?.length) {
     return null;
   }
-  // 只要发现一项元素有子元素, 就认为是分组 (大字号突出 group title)
-  const isGroupMode = links.some(item => {
-    var _item$items;
-    return (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length;
-  });
-  const renderItem = _ref2 => {
-    let {
-      label,
-      link,
-      icon,
-      render,
-      props
-    } = _ref2;
+  const isGroupMode = links.some(item => item.items?.length);
+  const renderItem = ({
+    label,
+    link,
+    icon,
+    render,
+    props
+  }) => {
     let result = label;
     if (render) {
       result = render({
@@ -58,16 +37,16 @@ function Links(_ref) {
         props
       });
     } else if (link) {
-      result = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+      result = /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
         href: link,
-        "aria-label": "Footer link for ".concat(label)
-      }, props), {}, {
+        "aria-label": `Footer link for ${label}`,
+        ...props,
         children: label
-      }));
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        icon: icon,
+    return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [icon && /* @__PURE__ */(0, _jsxRuntime.jsx)(_Icon.default, {
+        icon,
         size: 20,
         sx: {
           mr: 0.5
@@ -75,14 +54,15 @@ function Links(_ref) {
       }), result]
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
+    ...rest,
     className: (0, _clsx.default)(rest.className, {
-      'footer-links--grouped': isGroupMode,
-      'footer-links--flow': flowLayout
+      "footer-links--grouped": isGroupMode,
+      "footer-links--flow": flowLayout
     }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /* @__PURE__ */(0, _jsxRuntime.jsxs)("div", {
       className: "footer-links-inner",
-      children: [flowLayout && links.map((item, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [flowLayout && links.map((item, i) => /* @__PURE__ */(0, _jsxRuntime.jsx)("span", {
         className: "footer-links-item",
         children: renderItem(item)
       }, i)), !flowLayout && links.map((item, i) => {
@@ -90,24 +70,24 @@ function Links(_ref) {
           items
         } = item;
         const isActive = i === activeIndex;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _clsx.default)('footer-links-group', {
-            'footer-links-group--active': isActive
+        return /* @__PURE__ */(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _clsx.default)("footer-links-group", {
+            "footer-links-group--active": isActive
           }),
           onClick: () => setActiveIndex(activeIndex === i ? -1 : i),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)("span", {
             className: "footer-links-item",
-            children: [renderItem(item), !!(items !== null && items !== void 0 && items.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: [renderItem(item), !!items?.length && /* @__PURE__ */(0, _jsxRuntime.jsx)("span", {
               className: "footer-links-group-expand-icon",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {
+              children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_ExpandMore.default, {
                 style: {
-                  transform: "rotate(".concat(isActive ? 180 : 0, "deg)")
+                  transform: `rotate(${isActive ? 180 : 0}deg)`
                 }
               })
             })]
-          }), !!(items !== null && items !== void 0 && items.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), !!items?.length && /* @__PURE__ */(0, _jsxRuntime.jsx)("div", {
             className: "footer-links-sub",
-            children: items.map((child, j) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: items.map((child, j) => /* @__PURE__ */(0, _jsxRuntime.jsx)("span", {
               className: "footer-links-item",
               children: renderItem(child)
             }, j))
@@ -115,7 +95,7 @@ function Links(_ref) {
         }, i);
       })]
     })
-  }));
+  });
 }
 Links.propTypes = {
   links: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -131,4 +111,127 @@ Links.defaultProps = {
   links: [],
   flowLayout: false
 };
-const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n  color: ", ";\n  .footer-links-inner {\n    display: flex;\n    justify-content: space-between;\n    margin: 0 -8px;\n  }\n  .footer-links-group,\n  .footer-links-sub {\n    display: flex;\n    flex-direction: column;\n  }\n  .footer-links-sub .footer-links-item {\n    color: ", ";\n  }\n  .footer-links-group-expand-icon {\n    display: none;\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translate(0, -50%);\n    line-height: 1;\n    svg {\n      width: auto;\n      height: 0.75em;\n    }\n  }\n  .footer-links-item {\n    display: inline-flex;\n    align-items: center;\n    position: relative;\n    padding: 4px 8px;\n    font-size: 14px;\n  }\n  &.footer-links--grouped {\n    .footer-links-group {\n      > .footer-links-item {\n        font-weight: bold;\n      }\n      .footer-links-sub {\n        margin-top: 8px;\n      }\n    }\n  }\n  a {\n    display: inline-block;\n    max-width: 150px;\n    color: inherit;\n    text-decoration: none;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  &.footer-links--flow {\n    display: inline-flex;\n    .footer-links-inner {\n      justify-content: center;\n      flex-wrap: wrap;\n      margin: 0 -8px;\n      .footer-links-item {\n        padding: 0 8px;\n      }\n      .footer-links-item + .footer-links-item::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translate(0, -50%);\n        height: 1em;\n        border-left: 1px solid ", ";\n      }\n    }\n  }\n\n  ", " {\n    .footer-links-inner {\n      flex-direction: column;\n      margin: 0;\n    }\n    .footer-links-sub {\n      display: none;\n    }\n    .footer-links-group {\n      position: relative;\n      padding: 12px 0;\n      .footer-links-item .footer-links-group-expand-icon {\n        display: inline-block;\n      }\n    }\n    .footer-links-group + .footer-links-group {\n      border-top: 1px solid ", ";\n    }\n    .footer-links-group--active {\n      .footer-links-sub {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        .footer-links-item {\n          flex: 0 0 50%;\n        }\n      }\n    }\n    .footer-links-item {\n      padding-left: 0;\n      padding-right: 0;\n      font-size: 13px;\n    }\n    &.footer-links--grouped {\n      .footer-links-group {\n        > .footer-links-item {\n          font-size: 14px;\n        }\n      }\n    }\n\n    &.footer-links--flow {\n      .footer-links-inner {\n        flex-direction: row;\n      }\n    }\n  }\n"])), props => props.theme.palette.grey[600], props => props.theme.palette.grey[900], props => props.theme.palette.grey[400], props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[200]);
+const Root = (0, _Theme.styled)("div")`
+  overflow: hidden;
+  color: ${props => props.theme.palette.grey[600]};
+  .footer-links-inner {
+    display: flex;
+    justify-content: space-between;
+    margin: 0 -8px;
+  }
+  .footer-links-group,
+  .footer-links-sub {
+    display: flex;
+    flex-direction: column;
+  }
+  .footer-links-sub .footer-links-item {
+    color: ${props => props.theme.palette.grey[900]};
+  }
+  .footer-links-group-expand-icon {
+    display: none;
+    position: absolute;
+    right: 16px;
+    top: 50%;
+    transform: translate(0, -50%);
+    line-height: 1;
+    svg {
+      width: auto;
+      height: 0.75em;
+    }
+  }
+  .footer-links-item {
+    display: inline-flex;
+    align-items: center;
+    position: relative;
+    padding: 4px 8px;
+    font-size: 14px;
+  }
+  &.footer-links--grouped {
+    .footer-links-group {
+      > .footer-links-item {
+        font-weight: bold;
+      }
+      .footer-links-sub {
+        margin-top: 8px;
+      }
+    }
+  }
+  a {
+    display: inline-block;
+    max-width: 150px;
+    color: inherit;
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &.footer-links--flow {
+    display: inline-flex;
+    .footer-links-inner {
+      justify-content: center;
+      flex-wrap: wrap;
+      margin: 0 -8px;
+      .footer-links-item {
+        padding: 0 8px;
+      }
+      .footer-links-item + .footer-links-item::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translate(0, -50%);
+        height: 1em;
+        border-left: 1px solid ${props => props.theme.palette.grey[400]};
+      }
+    }
+  }
+
+  ${props => props.theme.breakpoints.down("md")} {
+    .footer-links-inner {
+      flex-direction: column;
+      margin: 0;
+    }
+    .footer-links-sub {
+      display: none;
+    }
+    .footer-links-group {
+      position: relative;
+      padding: 12px 0;
+      .footer-links-item .footer-links-group-expand-icon {
+        display: inline-block;
+      }
+    }
+    .footer-links-group + .footer-links-group {
+      border-top: 1px solid ${props => props.theme.palette.grey[200]};
+    }
+    .footer-links-group--active {
+      .footer-links-sub {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        .footer-links-item {
+          flex: 0 0 50%;
+        }
+      }
+    }
+    .footer-links-item {
+      padding-left: 0;
+      padding-right: 0;
+      font-size: 13px;
+    }
+    &.footer-links--grouped {
+      .footer-links-group {
+        > .footer-links-item {
+          font-size: 14px;
+        }
+      }
+    }
+
+    &.footer-links--flow {
+      .footer-links-inner {
+        flex-direction: row;
+      }
+    }
+  }
+`;

package/lib/Footer/social-media.d.ts

@@ -0,0 +1,14 @@
+declare function SocialMedia({ items, ...rest }: {
+    [x: string]: any;
+    items: any;
+}): import("react").JSX.Element | null;
+declare namespace SocialMedia {
+    namespace propTypes {
+        let items: any;
+    }
+    namespace defaultProps {
+        let items_1: null;
+        export { items_1 as items };
+    }
+}
+export default SocialMedia;

package/lib/Footer/social-media.js

@@ -3,50 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = SocialMedia;
+module.exports = SocialMedia;
+var _jsxRuntime = require("react/jsx-runtime");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["items"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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); }
-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; }
-function SocialMedia(_ref) {
-  let {
-      items
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function SocialMedia({
+  items,
+  ...rest
+}) {
   const theme = (0, _Theme.useTheme)();
-  if (!(items !== null && items !== void 0 && items.length)) {
+  if (!items?.length) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
+    ...rest,
     children: items.map((item, i) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      return /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
         href: item.link,
         target: "_blank",
-        "aria-label": "Social media icon".concat(item.title ? " for ".concat(item.title) : ''),
+        "aria-label": `Social media icon${item.title ? ` for ${item.title}` : ""}`,
         rel: "noreferrer",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_Icon.default, {
           icon: item.icon || item.title,
           sx: {
             bgcolor: theme.palette.grey[600],
-            color: '#fff'
+            color: "#fff"
           },
           size: 24,
           component: "span"
         })
       }, i);
     })
-  }));
+  });
 }
 SocialMedia.propTypes = {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -58,4 +48,20 @@ SocialMedia.propTypes = {
 SocialMedia.defaultProps = {
   items: null
 };
-const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  a {\n    color: ", ";\n    text-decoration: none;\n    &:hover {\n      color: ", ";\n    }\n  }\n  ", " {\n    gap: 12px;\n  }\n"])), props => props.theme.palette.grey[400], props => props.theme.palette.primary.light, props => props.theme.breakpoints.down('md'));
+const Root = (0, _Theme.styled)("div")`
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+  a {
+    color: ${props => props.theme.palette.grey[400]};
+    text-decoration: none;
+    &:hover {
+      color: ${props => props.theme.palette.primary.light};
+    }
+  }
+  ${props => props.theme.breakpoints.down("md")} {
+    gap: 12px;
+  }
+`;

package/lib/Header/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("react").ComponentType<{
+    [x: string]: any;
+    meta: any;
+    addons: any;
+    sessionManagerProps: any;
+    homeLink: any;
+    theme: any;
+}>;
+export default _default;

package/lib/Header/index.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactErrorBoundary = require("react-error-boundary");
@@ -19,20 +20,9 @@ var _utils = require("../utils");
 var _blocklets = require("../blocklets");
 var _headerAddons = _interopRequireDefault(require("../common/header-addons"));
 var _walletHiddenTopbar = require("../common/wallet-hidden-topbar");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["meta", "addons", "sessionManagerProps", "homeLink", "theme"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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; }
-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); } // blocklet meta 中的 navigation 数据 => NavMenu 组件的 items
 const parseNavigation = navigation => {
-  if (!(navigation !== null && navigation !== void 0 && navigation.length)) {
+  if (!navigation?.length) {
     return {
       navItems: [],
       activeId: null
@@ -40,37 +30,36 @@ const parseNavigation = navigation => {
   }
   let counter = 1;
   const parseItem = item => {
-    var _item$link, _item$link2;
-    const icon = item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+    const icon = item.icon ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_Icon.default, {
       icon: item.icon
     }) : null;
     if (item.items) {
       return {
-        id: "".concat(counter++),
+        id: `${counter++}`,
         label: item.title,
         icon,
         children: item.items
       };
     }
     let props = {};
-    if ((_item$link = item.link) !== null && _item$link !== void 0 && _item$link.startsWith('http://') || (_item$link2 = item.link) !== null && _item$link2 !== void 0 && _item$link2.startsWith('https://')) {
+    if (item.link?.startsWith("http://") || item.link?.startsWith("https://")) {
       props = {
-        target: '_blank',
-        rel: 'noreferrer'
+        target: "_blank",
+        rel: "noreferrer"
       };
     }
     return {
-      id: "".concat(counter++),
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-        href: item.link
-      }, props), {}, {
+      id: `${counter++}`,
+      label: /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
+        href: item.link,
+        ...props,
         children: item.title
-      })),
+      }),
       icon,
       link: item.link
     };
   };
-  const navItems = (0, _utils.mapRecursive)(navigation, parseItem, 'items');
+  const navItems = (0, _utils.mapRecursive)(navigation, parseItem, "items");
   const flattened = (0, _utils.flatRecursive)(navItems);
   const matchedIndex = (0, _utils.matchPaths)(flattened.map(item => item.link));
   return {
@@ -78,21 +67,14 @@ const parseNavigation = navigation => {
     activeId: matchedIndex >= 0 ? flattened[matchedIndex].id : null
   };
 };
-
-/**
- * 专门用于 (composable) blocklet 的 Header 组件, 解析 blocklet meta 中的数据, 通过组合 UX 中的 Header & NavMenu 组件来渲染
- */
-// eslint-disable-next-line no-shadow
-function Header(_ref) {
-  var _formattedBlocklet$na, _theme$background;
-  let {
-      meta,
-      addons,
-      sessionManagerProps,
-      homeLink,
-      theme: themeOverrides
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Header({
+  meta,
+  addons,
+  sessionManagerProps: sessionManagerProps2,
+  homeLink,
+  theme: themeOverrides,
+  ...rest
+}) {
   (0, _walletHiddenTopbar.useWalletHiddenTopbar)();
   const {
     locale
@@ -102,7 +84,7 @@ function Header(_ref) {
     try {
       return (0, _blocklets.formatBlockletInfo)(blocklet);
     } catch (e) {
-      console.error('Failed to format blocklet info', e, blocklet);
+      console.error("Failed to format blocklet info", e, blocklet);
       return blocklet;
     }
   }, [meta]);
@@ -114,45 +96,42 @@ function Header(_ref) {
     appLogoRect,
     theme
   } = formattedBlocklet;
-  const navigation = (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na = formattedBlocklet.navigation) === null || _formattedBlocklet$na === void 0 ? void 0 : _formattedBlocklet$na.header, locale);
+  const navigation = (0, _blocklets.getLocalizedNavigation)(formattedBlocklet?.navigation?.header, locale);
   const parsedNavigation = parseNavigation(navigation);
   const {
     navItems,
     activeId
   } = parsedNavigation;
-  const _addons = typeof addons === 'function' ? builtInAddons => addons(builtInAddons, {
+  const _addons = typeof addons === "function" ? builtInAddons => addons(builtInAddons, {
     navigation: parsedNavigation
   }) : addons;
-  const headerAddons = /*#__PURE__*/(0, _jsxRuntime.jsx)(_headerAddons.default, {
-    formattedBlocklet: formattedBlocklet,
+  const headerAddons = /* @__PURE__ */(0, _jsxRuntime.jsx)(_headerAddons.default, {
+    formattedBlocklet,
     addons: _addons,
-    sessionManagerProps: sessionManagerProps
+    sessionManagerProps: sessionManagerProps2
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
     theme: themeOverrides,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledUxHeader, _objectSpread(_objectSpread({
-      homeLink: homeLink,
-      logo: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    children: /* @__PURE__ */(0, _jsxRuntime.jsx)(StyledUxHeader, {
+      homeLink,
+      logo: /* @__PURE__ */(0, _jsxRuntime.jsx)("img", {
         src: appLogoRect || appLogo,
         alt: "logo"
       }),
-      addons: headerAddons
-    }, rest), {}, {
-      $bgcolor: theme === null || theme === void 0 ? void 0 : (_theme$background = theme.background) === null || _theme$background === void 0 ? void 0 : _theme$background.header,
-      children: !(navItems !== null && navItems !== void 0 && navItems.length) ? null : _ref2 => {
-        let {
-          isMobile
-        } = _ref2;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavMenu.default, {
-          mode: isMobile ? 'inline' : 'horizontal',
-          activeId: activeId,
-          items: navItems,
-          className: "header-nav",
-          bgColor: "transparent",
-          textColor: "#777"
-        });
-      }
-    }))
+      addons: headerAddons,
+      ...rest,
+      $bgcolor: theme?.background?.header,
+      children: !navItems?.length ? null : ({
+        isMobile
+      }) => /* @__PURE__ */(0, _jsxRuntime.jsx)(_NavMenu.default, {
+        mode: isMobile ? "inline" : "horizontal",
+        activeId,
+        items: navItems,
+        className: "header-nav",
+        bgColor: "transparent",
+        textColor: "#777"
+      })
+    })
   });
 }
 Header.propTypes = {
@@ -175,13 +154,41 @@ Header.defaultProps = {
   homeLink: _blocklets.publicPath,
   theme: null
 };
-const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  .header-logo {\n    min-width: 44px;\n  }\n  ", " {\n    .header-logo {\n      min-width: 32px;\n    }\n  }\n  .header-nav {\n    .navmenu-sub .navmenu-item {\n      min-width: 80px;\n    }\n  }\n  .header-nav.navmenu--horizontal {\n    .navmenu-root > .navmenu-sub,\n    .navmenu-root > .navmenu-item {\n      padding: 16px 4px;\n\n      .navmenu-sub-container {\n        padding-top: 0;\n      }\n    }\n    .navmenu-item-icon > .MuiAvatar-root,\n    .navmenu-sub-icon > .MuiAvatar-root {\n      width: 20px;\n      height: 20px;\n    }\n  }\n"])), _ref3 => {
-  let {
-    $bgcolor
-  } = _ref3;
-  return "background-color: ".concat($bgcolor || '#fff', ";");
-}, props => props.theme.breakpoints.down('md'));
-var _default = (0, _reactErrorBoundary.withErrorBoundary)(Header, {
+const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)`
+  ${({
+  $bgcolor
+}) => `background-color: ${$bgcolor || "#fff"};`}
+  font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  .header-logo {
+    min-width: 44px;
+  }
+  ${props => props.theme.breakpoints.down("md")} {
+    .header-logo {
+      min-width: 32px;
+    }
+  }
+  .header-nav {
+    .navmenu-sub .navmenu-item {
+      min-width: 80px;
+    }
+  }
+  .header-nav.navmenu--horizontal {
+    .navmenu-root > .navmenu-sub,
+    .navmenu-root > .navmenu-item {
+      padding: 16px 4px;
+
+      .navmenu-sub-container {
+        padding-top: 0;
+      }
+    }
+    .navmenu-item-icon > .MuiAvatar-root,
+    .navmenu-sub-icon > .MuiAvatar-root {
+      width: 20px;
+      height: 20px;
+    }
+  }
+`;
+module.exports = (0, _reactErrorBoundary.withErrorBoundary)(Header, {
   FallbackComponent: _ErrorBoundary.ErrorFallback
-});
-exports.default = _default;
+});