@blocklet/ui-react 2.9.13 → 2.9.15

package/lib/Dashboard/index.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
 require("iconify-icon");
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,36 +16,20 @@ var _utils = require("../utils");
 var _blocklets = require("../blocklets");
 var _headerAddons2 = _interopRequireDefault(require("../common/header-addons"));
 var _walletHiddenTopbar = require("../common/wallet-hidden-topbar");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["meta", "fallbackUrl", "invalidPathFallback", "headerAddons", "sessionManagerProps", "links"];
-/* eslint-disable no-shadow */
-/**
- * 专门用于 (composable) blocklet 的 Dashboard 组件, 解析 blocklet meta 中 section 为 dashboard 的 navigation 数据, 渲染一个 UX Dashboard
- */
-// eslint-disable-next-line no-shadow
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 Dashboard(_ref) {
-  var _sessionCtx$session;
-  let {
-      meta,
-      fallbackUrl,
-      invalidPathFallback,
-      headerAddons,
-      sessionManagerProps,
-      links
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Dashboard({
+  meta,
+  fallbackUrl,
+  invalidPathFallback,
+  headerAddons,
+  sessionManagerProps: sessionManagerProps2,
+  links,
+  ...rest
+}) {
   (0, _walletHiddenTopbar.useWalletHiddenTopbar)();
   const sessionCtx = (0, _react.useContext)(_Session.SessionContext);
-  const user = sessionCtx === null || sessionCtx === void 0 ? void 0 : (_sessionCtx$session = sessionCtx.session) === null || _sessionCtx$session === void 0 ? void 0 : _sessionCtx$session.user;
-  const userRole = user === null || user === void 0 ? void 0 : user.role;
+  const user = sessionCtx?.session?.user;
+  const userRole = user?.role;
   const {
     locale
   } = (0, _context.useLocaleContext)() || {};
@@ -53,7 +38,7 @@ function Dashboard(_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]);
@@ -62,55 +47,43 @@ function Dashboard(_ref) {
     flattened,
     matchedIndex
   } = (0, _react.useMemo)(() => {
-    var _formattedBlocklet$na;
-    let localizedNav = (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na = formattedBlocklet.navigation) === null || _formattedBlocklet$na === void 0 ? void 0 : _formattedBlocklet$na.dashboard, locale) || [];
-    // 根据 role 筛选 nav 数据
-    localizedNav = (0, _blocklets.filterNavByRole)(localizedNav, userRole);
-    // 将 nav 数据处理成 ux dashboard 需要的格式
-    localizedNav = (0, _utils.mapRecursive)(localizedNav, item => ({
+    let localizedNav2 = (0, _blocklets.getLocalizedNavigation)(formattedBlocklet?.navigation?.dashboard, locale) || [];
+    localizedNav2 = (0, _blocklets.filterNavByRole)(localizedNav2, userRole);
+    localizedNav2 = (0, _utils.mapRecursive)(localizedNav2, item => ({
       title: item.title,
       url: item.link,
-      icon: item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("iconify-icon", {
+      icon: item.icon ? /* @__PURE__ */(0, _jsxRuntime.jsx)("iconify-icon", {
         icon: item.icon
       }) : null,
       // https://github.com/ArcBlock/ux/issues/755#issuecomment-1208692620
       external: true,
       children: item.items
-    }), 'items');
-    // 展平后使用 matchPaths 检测 link#active 状态
-    const flattened = (0, _utils.flatRecursive)(localizedNav).filter(item => !!item.url);
-    const matchedIndex = (0, _utils.matchPaths)(flattened.map(item => item.url));
-    if (matchedIndex !== -1) {
-      flattened[matchedIndex].active = true;
+    }), "items");
+    const flattened2 = (0, _utils.flatRecursive)(localizedNav2).filter(item => !!item.url);
+    const matchedIndex2 = (0, _utils.matchPaths)(flattened2.map(item => item.url));
+    if (matchedIndex2 !== -1) {
+      flattened2[matchedIndex2].active = true;
     }
     return {
-      localizedNav,
-      flattened,
-      matchedIndex
+      localizedNav: localizedNav2,
+      flattened: flattened2,
+      matchedIndex: matchedIndex2
     };
   }, [formattedBlocklet, locale, userRole]);
-  const allLinks = typeof links === 'function' ? links(localizedNav) : [...localizedNav, ...links];
-
-  // 页面初始化时, 如果当前用户没有权限访问任何导航菜单 (比如登录时未提供 VC 导致无权限), 则跳转到 fallbackUrl
-  // 未认证 (user 为空) 时不做处理, 这种情况的页面跳转逻辑一般由应用自行处理
+  const allLinks = typeof links === "function" ? links(localizedNav) : [...localizedNav, ...links];
   (0, _react.useLayoutEffect)(() => {
-    if (!!user && !(flattened !== null && flattened !== void 0 && flattened.length) && fallbackUrl) {
+    if (!!user && !flattened?.length && fallbackUrl) {
       window.location.href = fallbackUrl;
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fallbackUrl]);
-
-  // 导航菜单变动且存在可用菜单但无匹配项时 (如切换 passport), 跳转到首个菜单项
   (0, _react.useLayoutEffect)(() => {
-    if (!!user && !!(flattened !== null && flattened !== void 0 && flattened.length) && matchedIndex === -1) {
+    if (!!user && !!flattened?.length && matchedIndex === -1) {
       if (invalidPathFallback) {
         invalidPathFallback();
       } else {
-        var _flattened$;
-        window.location.href = ((_flattened$ = flattened[0]) === null || _flattened$ === void 0 ? void 0 : _flattened$.url) || _blocklets.publicPath;
+        window.location.href = flattened[0]?.url || _blocklets.publicPath;
       }
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [invalidPathFallback, flattened, matchedIndex]);
   if (!formattedBlocklet.appName) {
     return null;
@@ -120,27 +93,28 @@ function Dashboard(_ref) {
     appLogoRect,
     appName
   } = formattedBlocklet;
-  const _headerAddons = /*#__PURE__*/(0, _jsxRuntime.jsx)(_headerAddons2.default, {
-    formattedBlocklet: formattedBlocklet,
+  const _headerAddons = /* @__PURE__ */(0, _jsxRuntime.jsx)(_headerAddons2.default, {
+    formattedBlocklet,
     addons: headerAddons,
-    sessionManagerProps: sessionManagerProps
+    sessionManagerProps: sessionManagerProps2
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dashboard.default, _objectSpread(_objectSpread({
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_dashboard.default, {
     title: appName,
     fullWidth: true,
     sidebarWidth: 128,
     legacy: false,
-    links: allLinks
-  }, rest), {}, {
-    headerProps: _objectSpread({
+    links: allLinks,
+    ...rest,
+    headerProps: {
       homeLink: _blocklets.publicPath,
-      logo: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      logo: /* @__PURE__ */(0, _jsxRuntime.jsx)("img", {
         src: appLogoRect || appLogo,
         alt: "logo"
       }),
-      addons: _headerAddons
-    }, rest.headerProps)
-  }));
+      addons: _headerAddons,
+      ...rest.headerProps
+    }
+  });
 }
 Dashboard.propTypes = {
   meta: _types.blockletMetaProps,
@@ -156,7 +130,7 @@ Dashboard.defaultProps = {
   meta: {},
   fallbackUrl: _blocklets.publicPath,
   invalidPathFallback: null,
-  headerAddons: undefined,
+  headerAddons: void 0,
   sessionManagerProps: {
     showRole: true,
     // dashboard 默认退出登录行为: 跳转到 (root) blocklet 首页
@@ -166,5 +140,4 @@ Dashboard.defaultProps = {
   },
   links: []
 };
-var _default = Dashboard;
-exports.default = _default;
+module.exports = Dashboard;

package/lib/Footer/brand.d.ts

@@ -0,0 +1,22 @@
+declare function Brand({ name, logo, description, ...rest }: {
+    [x: string]: any;
+    name: any;
+    logo: any;
+    description: any;
+}): import("react").JSX.Element | null;
+declare namespace Brand {
+    namespace propTypes {
+        let name: any;
+        let logo: any;
+        let description: any;
+    }
+    namespace defaultProps {
+        let name_1: string;
+        export { name_1 as name };
+        let logo_1: string;
+        export { logo_1 as logo };
+        let description_1: string;
+        export { description_1 as description };
+    }
+}
+export default Brand;

package/lib/Footer/brand.js

@@ -3,50 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Brand;
+module.exports = Brand;
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Theme = require("@arcblock/ux/lib/Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["name", "logo", "description"];
 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 Brand(_ref) {
-  let {
-      name,
-      logo,
-      description
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Brand({
+  name,
+  logo,
+  description,
+  ...rest
+}) {
   if (!name && !logo && !description) {
     return null;
   }
-  const logoElement = /*#__PURE__*/(0, _react.isValidElement)(logo) ? logo : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+  const logoElement = (0, _react.isValidElement)(logo) ? logo : /* @__PURE__ */(0, _jsxRuntime.jsx)("img", {
     src: logo,
     alt: name
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [logo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(Root, {
+    ...rest,
+    children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)("div", {
+      children: [logo && /* @__PURE__ */(0, _jsxRuntime.jsx)("div", {
         className: "footer-brand-logo",
         children: logoElement
-      }), name && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), name && /* @__PURE__ */(0, _jsxRuntime.jsx)("div", {
         className: "footer-brand-name",
         children: name
       })]
-    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), description && /* @__PURE__ */(0, _jsxRuntime.jsx)("div", {
       className: "footer-brand-desc",
       children: description
     })]
-  }));
+  });
 }
 Brand.propTypes = {
   name: _propTypes.default.node,
@@ -54,8 +44,53 @@ Brand.propTypes = {
   description: _propTypes.default.string
 };
 Brand.defaultProps = {
-  name: '',
-  logo: '',
-  description: ''
+  name: "",
+  logo: "",
+  description: ""
 };
-const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  font-size: 14px;\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n  > div:first-of-type {\n    display: flex;\n    align-items: center;\n  }\n  .footer-brand-logo {\n    display: flex;\n    align-items: center;\n    margin-right: 16px;\n    line-height: 1;\n    img,\n    svg {\n      width: auto;\n      height: 44px;\n      max-height: 44px;\n    }\n  }\n  .footer-brand-name {\n    font-size: 16px;\n    font-weight: bold;\n  }\n  .footer-brand-desc {\n    margin-top: 16px;\n  }\n\n  ", " {\n    width: auto;\n  }\n\n  ", " {\n    .footer-brand-logo {\n      img,\n      svg {\n        height: 32px;\n        max-height: 32px;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.down('md'));
+const Root = (0, _Theme.styled)("div")`
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+  > div:first-of-type {
+    display: flex;
+    align-items: center;
+  }
+  .footer-brand-logo {
+    display: flex;
+    align-items: center;
+    margin-right: 16px;
+    line-height: 1;
+    img,
+    svg {
+      width: auto;
+      height: 44px;
+      max-height: 44px;
+    }
+  }
+  .footer-brand-name {
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .footer-brand-desc {
+    margin-top: 16px;
+  }
+
+  ${props => props.theme.breakpoints.down("sm")} {
+    width: auto;
+  }
+
+  ${props => props.theme.breakpoints.down("md")} {
+    .footer-brand-logo {
+      img,
+      svg {
+        height: 32px;
+        max-height: 32px;
+      }
+    }
+  }
+`;

package/lib/Footer/copyright.d.ts

@@ -0,0 +1,18 @@
+declare function Copyright({ owner, year, ...rest }: {
+    [x: string]: any;
+    owner: any;
+    year: any;
+}): import("react").JSX.Element;
+declare namespace Copyright {
+    namespace propTypes {
+        let owner: any;
+        let year: any;
+    }
+    namespace defaultProps {
+        let owner_1: string;
+        export { owner_1 as owner };
+        let year_1: string;
+        export { year_1 as year };
+    }
+}
+export default Copyright;

package/lib/Footer/copyright.js

@@ -3,37 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Copyright;
+module.exports = Copyright;
+var _jsxRuntime = require("react/jsx-runtime");
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["owner", "year"];
 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 Copyright(_ref) {
-  let {
-      owner,
-      year
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
+function Copyright({
+  owner,
+  year,
+  ...rest
+}) {
+  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(Root, {
+    ...rest,
     children: ["Copyright \xA9 ", year, " ", owner]
-  }));
+  });
 }
 Copyright.propTypes = {
   owner: _propTypes.default.string,
   year: _propTypes.default.string
 };
 Copyright.defaultProps = {
-  owner: 'ArcBlock',
-  year: "".concat(new Date().getFullYear())
+  owner: "ArcBlock",
+  year: `${/* @__PURE__ */new Date().getFullYear()}`
 };
-const Root = (0, _Theme.styled)('p')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-size: 13px;\n"])));
+const Root = (0, _Theme.styled)("p")`
+  display: flex;
+  align-items: center;
+  margin: 0;
+  font-size: 13px;
+`;

package/lib/Footer/index.d.ts

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

package/lib/Footer/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 _Theme = require("@arcblock/ux/lib/Theme");
@@ -15,28 +16,12 @@ var _internalFooter = _interopRequireDefault(require("./internal-footer"));
 var _utils = require("../utils");
 var _blocklets = require("../blocklets");
 var _types = require("../types");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["meta", "theme"];
-/**
- * 专门用于 (composable) blocklet 的 Footer 组件, 基于 blocklet meta 中的数据渲染
- */
 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 Footer(_ref) {
-  var _formattedBlocklet$na, _formattedBlocklet$na2, _formattedBlocklet$na3, _theme$background;
-  let {
-      meta,
-      theme: themeOverrides
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Footer({
+  meta,
+  theme: themeOverrides,
+  ...rest
+}) {
   const {
     locale
   } = (0, _context.useLocaleContext)() || {};
@@ -45,7 +30,7 @@ function Footer(_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]);
@@ -62,9 +47,9 @@ function Footer(_ref) {
     copyright
   } = formattedBlocklet;
   const localized = {
-    footerNav: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na = formattedBlocklet.navigation) === null || _formattedBlocklet$na === void 0 ? void 0 : _formattedBlocklet$na.footer, locale) || [],
-    socialMedia: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na2 = formattedBlocklet.navigation) === null || _formattedBlocklet$na2 === void 0 ? void 0 : _formattedBlocklet$na2.social, locale) || [],
-    links: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na3 = formattedBlocklet.navigation) === null || _formattedBlocklet$na3 === void 0 ? void 0 : _formattedBlocklet$na3.bottom, locale) || []
+    footerNav: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet?.navigation?.footer, locale) || [],
+    socialMedia: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet?.navigation?.social, locale) || [],
+    links: (0, _blocklets.getLocalizedNavigation)(formattedBlocklet?.navigation?.bottom, locale) || []
   };
   const props = {
     brand: {
@@ -72,21 +57,25 @@ function Footer(_ref) {
       description: appDescription || description,
       logo: appLogoRect || appLogo
     },
-    navigation: (0, _utils.mapRecursive)(localized.footerNav, item => _objectSpread(_objectSpread({}, item), {}, {
+    navigation: (0, _utils.mapRecursive)(localized.footerNav, item => ({
+      ...item,
       label: item.title,
       link: item.link
-    }), 'items'),
+    }), "items"),
     copyright,
     socialMedia: localized.socialMedia,
-    links: localized.links.map(item => _objectSpread(_objectSpread({}, item), {}, {
+    links: localized.links.map(item => ({
+      ...item,
       label: item.title
     }))
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
     theme: themeOverrides,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInternalFooter, _objectSpread(_objectSpread(_objectSpread({}, props), rest), {}, {
-      $bgcolor: theme === null || theme === void 0 ? void 0 : (_theme$background = theme.background) === null || _theme$background === void 0 ? void 0 : _theme$background.footer
-    }))
+    children: /* @__PURE__ */(0, _jsxRuntime.jsx)(StyledInternalFooter, {
+      ...props,
+      ...rest,
+      $bgcolor: theme?.background?.footer
+    })
   });
 }
 Footer.propTypes = {
@@ -98,13 +87,15 @@ Footer.defaultProps = {
   meta: {},
   theme: null
 };
-const StyledInternalFooter = (0, _Theme.styled)(_internalFooter.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid #eee;\n  color: ", ";\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"])), props => props.theme.palette.grey[600], _ref2 => {
-  let {
-    $bgcolor
-  } = _ref2;
-  return $bgcolor && "background-color: ".concat($bgcolor, ";");
-});
-var _default = (0, _reactErrorBoundary.withErrorBoundary)(Footer, {
+const StyledInternalFooter = (0, _Theme.styled)(_internalFooter.default)`
+  border-top: 1px solid #eee;
+  color: ${props => props.theme.palette.grey[600]};
+  ${({
+  $bgcolor
+}) => $bgcolor && `background-color: ${$bgcolor};`}
+  font-family: Inter, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+`;
+module.exports = (0, _reactErrorBoundary.withErrorBoundary)(Footer, {
   FallbackComponent: _ErrorBoundary.ErrorFallback
-});
-exports.default = _default;
+});

package/lib/Footer/internal-footer.d.ts

@@ -0,0 +1,29 @@
+export default InternalFooter;
+/**
+ * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
+ */
+declare function InternalFooter(props: any): import("react").JSX.Element;
+declare namespace InternalFooter {
+    namespace propTypes {
+        let brand: any;
+        let navigation: any;
+        let socialMedia: any;
+        let copyright: any;
+        let links: any;
+        let layout: any;
+    }
+    namespace defaultProps {
+        let brand_1: null;
+        export { brand_1 as brand };
+        let navigation_1: null;
+        export { navigation_1 as navigation };
+        let copyright_1: null;
+        export { copyright_1 as copyright };
+        let socialMedia_1: null;
+        export { socialMedia_1 as socialMedia };
+        let links_1: null;
+        export { links_1 as links };
+        let layout_1: string;
+        export { layout_1 as layout };
+    }
+}