@blocklet/ui-react 3.1.26 → 3.1.28

package/lib/@types/index.d.ts

@@ -114,7 +114,7 @@ export type UserCenterTab = {
     value: string;
     label: string;
     url: string;
-    protected: boolean;
+    protected: boolean | string;
     icon?: string;
     isPrivate?: boolean;
 };

package/lib/Footer/links.js

@@ -1,39 +1,32 @@
-import { jsx as r, jsxs as m, Fragment as v } from "react/jsx-runtime";
-import { useState as N } from "react";
+import { jsx as r, jsxs as m, Fragment as N } from "react/jsx-runtime";
+import { useState as $ } from "react";
 import l from "prop-types";
-import { useCreation as $ } from "ahooks";
+import { useCreation as M } from "ahooks";
 import j from "lodash/isInteger";
 import I from "lodash/isString";
 import { styled as z } from "@arcblock/ux/lib/Theme";
 import c from "clsx";
-import { ExpandMore as M } from "@mui/icons-material";
-import C from "../Icon/index.js";
+import { ExpandMore as C } from "@mui/icons-material";
+import P from "../Icon/index.js";
 import A from "../hooks/use-mobile.js";
-import { splitNavColumns as E } from "../utils.js";
-function F({ links: e = [], flowLayout: d = !1, columns: u, ...x }) {
-  const [g, b] = N(-1), w = A({ key: "md" }), h = e.some((t) => t.items?.length), k = !w && h && j(u) && u > 1, p = ({ label: t, link: o, icon: i, render: a, props: n }) => {
+import { splitNavColumns as E, isMailProtocol as F } from "../utils.js";
+function R({ links: e = [], flowLayout: d = !1, columns: u, ...k }) {
+  const [g, b] = $(-1), w = A({ key: "md" }), h = e.some((t) => t.items?.length), x = !w && h && j(u) && u > 1, p = ({ label: t, link: o, icon: i, render: a, props: n }) => {
     let s = t;
     if (a)
       s = a({ label: t, link: o, props: n });
     else if (o && I(o)) {
-      const f = o.startsWith("http") || o.startsWith("//");
-      s = /* @__PURE__ */ r(
-        "a",
-        {
-          href: o,
-          "aria-label": `Footer link for ${t}`,
-          target: f ? "_blank" : "_self",
-          rel: f ? "noreferrer noopener" : void 0,
-          ...n,
-          children: t
-        }
-      );
-    }
-    return /* @__PURE__ */ m(v, { children: [
-      i && /* @__PURE__ */ r(C, { icon: i, size: 20, sx: { mr: 0.5 } }),
+      const f = o.startsWith("http") || o.startsWith("//"), v = F(o) ? {} : {
+        target: f ? "_blank" : "_self",
+        rel: f ? "noreferrer noopener" : void 0
+      };
+      s = /* @__PURE__ */ r("a", { href: o, "aria-label": `Footer link for ${t}`, ...v, ...n, children: t });
+    }
+    return /* @__PURE__ */ m(N, { children: [
+      i && /* @__PURE__ */ r(P, { icon: i, size: 20, sx: { mr: 0.5 } }),
       s
     ] });
-  }, y = $(() => e?.length ? d ? e.map((t, o) => /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(t) }, o)) : k ? E(e, { columns: u }).map((t, o) => /* @__PURE__ */ r("div", { className: "footer-links-column", children: t.filter((i) => i.group).map((i, a) => {
+  }, y = M(() => e?.length ? d ? e.map((t, o) => /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(t) }, o)) : x ? E(e, { columns: u }).map((t, o) => /* @__PURE__ */ r("div", { className: "footer-links-column", children: t.filter((i) => i.group).map((i, a) => {
     const { items: n } = i;
     return /* @__PURE__ */ m("div", { className: "footer-links-group", children: [
       /* @__PURE__ */ r("span", { className: "footer-links-item", children: p(i) }),
@@ -59,7 +52,7 @@ function F({ links: e = [], flowLayout: d = !1, columns: u, ...x }) {
           /* @__PURE__ */ m("span", { className: "footer-links-item", children: [
             p(t),
             !!i?.length && /* @__PURE__ */ r("span", { className: "footer-links-group-expand-icon", children: /* @__PURE__ */ r(
-              M,
+              C,
               {
                 style: {
                   transform: `rotate(${a ? 180 : 0}deg)`
@@ -72,21 +65,21 @@ function F({ links: e = [], flowLayout: d = !1, columns: u, ...x }) {
       },
       o
     );
-  }) : null, [e, d, k, g]);
+  }) : null, [e, d, x, g]);
   return e?.length ? /* @__PURE__ */ r(
-    R,
+    S,
     {
-      ...x,
-      className: c(x.className, {
+      ...k,
+      className: c(k.className, {
         "footer-links--grouped": h,
         "footer-links--flow": d,
-        "footer-links--columns": k
+        "footer-links--columns": x
       }),
       children: /* @__PURE__ */ r("div", { className: "footer-links-inner", children: y })
     }
   ) : null;
 }
-F.propTypes = {
+R.propTypes = {
   links: l.arrayOf(
     l.shape({
       label: l.string,
@@ -100,7 +93,7 @@ F.propTypes = {
   // 列布局
   columns: l.number.isRequired
 };
-const R = z("div")`
+const S = z("div")`
   overflow: hidden;
   color: ${({ theme: e }) => e.palette.text.secondary};
   .footer-links-inner {
@@ -251,5 +244,5 @@ const R = z("div")`
   }
 `;
 export {
-  F as default
+  R as default
 };

package/lib/UserCenter/components/fallback.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { UserCenterTab } from '../../@types';
+declare function Fallback({ currentActiveTab, isMyself, children, }: {
+    currentActiveTab: UserCenterTab;
+    isMyself: boolean;
+    children: React.ReactNode;
+}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export default Fallback;

package/lib/UserCenter/components/fallback.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "@arcblock/ux/lib/Empty";
+import { translate as c } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as d } from "ahooks";
+import { useLocaleContext as u } from "@arcblock/ux/lib/Locale/context";
+import { translations as a } from "../libs/locales.js";
+import { useUserFollowersContext as w } from "../../contexts/user-followers.js";
+function k({
+  currentActiveTab: o,
+  isMyself: m,
+  children: l
+}) {
+  const { locale: f } = u(), r = d((s, p = {}) => c(a, s, f, "en", p)), { followed: i } = w();
+  if (m || !o?.protected || o?.protected === "all")
+    return l;
+  const { protected: t } = o;
+  return t === !0 || t === "private" ? /* @__PURE__ */ e(n, { children: r("underProtected") }) : t === "follower-only" ? i ? l : /* @__PURE__ */ e(n, { children: r("followersOnly") }) : /* @__PURE__ */ e(n, { children: r("underProtected") });
+}
+export {
+  k as default
+};