@arcblock/ux 3.0.9 → 3.0.11

package/lib/SessionBlocklet/index.js

@@ -1,59 +1,56 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useRef as R } from "react";
-import { useTheme as b, Box as u, IconButton as w, Popper as C, ClickAwayListener as P, Fade as k, Paper as L, List as z, ListItem as A, ListItemButton as M, Typography as S } from "@mui/material";
-import { Icon as m } from "@iconify/react";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useRef as y } from "react";
+import { useTheme as R, Box as p, IconButton as k, Popper as w, ClickAwayListener as C, Fade as P, Paper as L, List as z, ListItem as A, ListItemButton as M, Typography as S } from "@mui/material";
+import { Icon as u } from "@iconify/react";
 import T from "iconify-icons-material-symbols-400/dashboard-outline-rounded";
 import B from "@iconify-icons/material-symbols/widgets-outline-rounded";
 import { useReactive as E, useMemoizedFn as j } from "ahooks";
 import F from "../Button/index.js";
 import { BLOCKLET_SERVICE_PATH_PREFIX as O, NAVIGATION_URL as _ } from "../Util/constant.js";
 import D from "../SessionPermission/index.js";
-import { getTranslation as f } from "../Util/index.js";
+import { getTranslation as m } from "../Util/index.js";
 function J({
-  session: t,
-  locale: a = "zh",
-  size: h = 24,
-  popperType: g = "click",
-  sx: x,
-  ...I
+  session: r,
+  locale: i = "zh",
+  size: f = 24,
+  popperType: h = "click",
+  sx: g,
+  ...x
 }) {
-  const r = (window == null ? void 0 : window.blocklet) || {}, p = (r.navigation || []).filter((n) => n.section === "sessionManager" && !["/sessionManager"].includes(n.id)).filter((n) => {
-    var e;
-    return !!((n == null ? void 0 : n.role) || []).includes(((e = t == null ? void 0 : t.user) == null ? void 0 : e.role) || "guest");
-  }).map((n) => {
-    const e = ((r == null ? void 0 : r.componentMountPoints) || []).find((l) => n.component === l.name);
+  const c = window?.blocklet || {}, a = (c.navigation || []).filter((n) => n.section === "sessionManager" && !["/sessionManager"].includes(n.id)).filter((n) => !!(n?.role || []).includes(r?.user?.role || "guest")).map((n) => {
+    const o = (c?.componentMountPoints || []).find((v) => n.component === v.name);
     return {
       ...n,
-      component: e
+      component: o
     };
-  }), v = b(), s = R(null), c = E({
+  }), b = R(), d = y(null), l = E({
     open: !1
-  }), i = j((n = !c.open) => {
-    c.open = n;
-  }), y = g === "hover" ? { onMouseEnter: () => i(!0), onMouseLeave: () => i(!1) } : { onClick: () => i() };
-  return p.length === 0 || !(t != null && t.user) ? null : /* @__PURE__ */ d(
-    u,
+  }), t = j((n = !l.open) => {
+    l.open = n;
+  }), I = h === "hover" ? { onMouseEnter: () => t(!0), onMouseLeave: () => t(!1) } : { onClick: () => t() };
+  return a.length === 0 || !r?.user ? null : /* @__PURE__ */ s(
+    p,
     {
-      sx: { display: "inline-flex", alignItems: "center", justifyContent: "center", ...x },
+      sx: { display: "inline-flex", alignItems: "center", justifyContent: "center", ...g },
+      ...x,
       ...I,
-      ...y,
       children: [
-        /* @__PURE__ */ o(w, { size: "medium", ref: s, children: /* @__PURE__ */ o(m, { icon: T, fontSize: h, style: { transform: "scale(1.08)" } }) }),
-        /* @__PURE__ */ o(
-          C,
+        /* @__PURE__ */ e(k, { size: "medium", ref: d, children: /* @__PURE__ */ e(u, { icon: T, fontSize: f, style: { transform: "scale(1.08)" } }) }),
+        /* @__PURE__ */ e(
+          w,
           {
-            open: c.open,
-            anchorEl: s.current,
+            open: l.open,
+            anchorEl: d.current,
             transition: !0,
             placement: "bottom-end",
             sx: { zIndex: 1600 },
-            children: ({ TransitionProps: n }) => /* @__PURE__ */ o(
-              P,
+            children: ({ TransitionProps: n }) => /* @__PURE__ */ e(
+              C,
               {
-                onClickAway: (e) => {
-                  e.preventDefault(), e.stopPropagation(), i(!1);
+                onClickAway: (o) => {
+                  o.preventDefault(), o.stopPropagation(), t(!1);
                 },
-                children: /* @__PURE__ */ o(k, { ...n, timeout: 350, children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ e(P, { ...n, timeout: 350, children: /* @__PURE__ */ s(
                   L,
                   {
                     variant: "outlined",
@@ -64,7 +61,7 @@ function J({
                       p: 2
                     },
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ e(
                         z,
                         {
                           sx: {
@@ -76,66 +73,63 @@ function J({
                             overflowY: "auto",
                             p: 0
                           },
-                          children: p.map((e) => {
-                            var l;
-                            return /* @__PURE__ */ o(A, { disablePadding: !0, children: /* @__PURE__ */ d(
-                              M,
-                              {
-                                href: f(e.link, a),
-                                sx: {
-                                  p: 1,
-                                  display: "flex",
-                                  flexDirection: "column",
-                                  alignItems: "center",
-                                  gap: 1,
-                                  width: "100%",
-                                  height: "100%",
-                                  borderRadius: 1,
-                                  "&:hover": {
-                                    backgroundColor: "action.hover"
+                          children: a.map((o) => /* @__PURE__ */ e(A, { disablePadding: !0, children: /* @__PURE__ */ s(
+                            M,
+                            {
+                              href: m(o.link, i),
+                              sx: {
+                                p: 1,
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                gap: 1,
+                                width: "100%",
+                                height: "100%",
+                                borderRadius: 1,
+                                "&:hover": {
+                                  backgroundColor: "action.hover"
+                                }
+                              },
+                              children: [
+                                o?.component?.did ? /* @__PURE__ */ e(
+                                  p,
+                                  {
+                                    component: "img",
+                                    src: `${O}/blocklet/logo-bundle/${o.component.did}`,
+                                    sx: {
+                                      borderRadius: 1,
+                                      width: 50,
+                                      height: 50,
+                                      objectFit: "contain"
+                                    },
+                                    alt: "SessionBlocklet component icon"
                                   }
-                                },
-                                children: [
-                                  (l = e == null ? void 0 : e.component) != null && l.did ? /* @__PURE__ */ o(
-                                    u,
-                                    {
-                                      component: "img",
-                                      src: `${O}/blocklet/logo-bundle/${e.component.did}`,
-                                      sx: {
-                                        borderRadius: 1,
-                                        width: 50,
-                                        height: 50,
-                                        objectFit: "contain"
-                                      },
-                                      alt: "SessionBlocklet component icon"
-                                    }
-                                  ) : /* @__PURE__ */ o(
-                                    m,
-                                    {
-                                      fontSize: 50,
-                                      icon: e.icon || B,
-                                      color: v.palette.text.secondary
-                                    }
-                                  ),
-                                  /* @__PURE__ */ o(
-                                    S,
-                                    {
-                                      sx: {
-                                        fontSize: "12px",
-                                        color: "text.primary",
-                                        textAlign: "center",
-                                        lineHeight: "normal"
-                                      },
-                                      children: f(e.title, a)
-                                    }
-                                  )
-                                ]
-                              }
-                            ) }, e.id);
-                          })
+                                ) : /* @__PURE__ */ e(
+                                  u,
+                                  {
+                                    fontSize: 50,
+                                    icon: o.icon || B,
+                                    color: b.palette.text.secondary
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  S,
+                                  {
+                                    sx: {
+                                      fontSize: "12px",
+                                      color: "text.primary",
+                                      textAlign: "center",
+                                      lineHeight: "normal"
+                                    },
+                                    children: m(o.title, i)
+                                  }
+                                )
+                              ]
+                            }
+                          ) }, o.id))
                         }
                       ),
-                      /* @__PURE__ */ o(D, { session: t, children: /* @__PURE__ */ o(F, { variant: "outlined", fullWidth: !0, href: _, sx: { mt: 1 }, children: a === "zh" ? "管理" : "Manage" }) })
+                      /* @__PURE__ */ e(D, { session: r, children: /* @__PURE__ */ e(F, { variant: "outlined", fullWidth: !0, href: _, sx: { mt: 1 }, children: i === "zh" ? "管理" : "Manage" }) })
                     ]
                   }
                 ) })

package/lib/SessionPermission/index.js

@@ -1,12 +1,8 @@
-import { useCreation as a } from "ahooks";
-function o({ session: r, roles: u = ["owner", "admin"], children: t }) {
-  var f;
-  const e = a(() => {
-    var n;
-    return u.includes(((n = r == null ? void 0 : r.user) == null ? void 0 : n.role) || "guest");
-  }, [(f = r == null ? void 0 : r.user) == null ? void 0 : f.role, u]);
-  return typeof t == "function" ? t({ hasPermission: e }) : e ? t : null;
+import { useCreation as u } from "ahooks";
+function i({ session: e, roles: n = ["owner", "admin"], children: r }) {
+  const t = u(() => n.includes(e?.user?.role || "guest"), [e?.user?.role, n]);
+  return typeof r == "function" ? r({ hasPermission: t }) : t ? r : null;
 }
 export {
-  o as default
+  i as default
 };

package/lib/SessionUser/components/did-space.js

@@ -1,23 +1,22 @@
-import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { useState as y } from "react";
-import { useMemoizedFn as s } from "ahooks";
-import { useTheme as g, MenuItem as S, Divider as u } from "@mui/material";
-import { Icon as D } from "@iconify/react";
-import I from "@iconify-icons/material-symbols/lens";
-import { translate as v } from "../../Locale/util.js";
-import { translations as T } from "../libs/translation.js";
-import w from "../images/did-spaces.svg.js";
-import { DID_SPACE_URL as z } from "../../Util/constant.js";
-import { TBox as k } from "../../MuiWrap/index.js";
-import F from "../../Typography/index.js";
-function O({ session: m, locale: l = "en", ...c }) {
-  var p;
-  const d = s((r, i = {}) => v(T, r, l, "en", i)), t = g(), o = ((p = m.user) == null ? void 0 : p.didSpace) ?? {}, [n, f] = y(0), x = s(({ fontSize: r, initialSize: i }) => {
-    f(Math.ceil((i - r) / 4));
+import { jsxs as p, Fragment as x, jsx as e } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { useMemoizedFn as a } from "ahooks";
+import { useTheme as y, MenuItem as g, Divider as S } from "@mui/material";
+import { Icon as u } from "@iconify/react";
+import D from "@iconify-icons/material-symbols/lens";
+import { translate as I } from "../../Locale/util.js";
+import { translations as v } from "../libs/translation.js";
+import T from "../images/did-spaces.svg.js";
+import { DID_SPACE_URL as w } from "../../Util/constant.js";
+import { TBox as z } from "../../MuiWrap/index.js";
+import k from "../../Typography/index.js";
+function G({ session: s, locale: m = "en", ...l }) {
+  const c = a((r, i = {}) => I(v, r, m, "en", i)), t = y(), o = s.user?.didSpace ?? {}, [n, d] = h(0), f = a(({ fontSize: r, initialSize: i }) => {
+    d(Math.ceil((i - r) / 4));
   });
-  return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(k, { component: "a", href: z, sx: { p: 0.5, display: "block", textDecoration: "none" }, ...c, children: /* @__PURE__ */ a(
-      S,
+  return /* @__PURE__ */ p(x, { children: [
+    /* @__PURE__ */ e(z, { component: "a", href: w, sx: { p: 0.5, display: "block", textDecoration: "none" }, ...l, children: /* @__PURE__ */ p(
+      g,
       {
         sx: {
           display: "flex",
@@ -27,7 +26,7 @@ function O({ session: m, locale: l = "en", ...c }) {
         },
         children: [
           /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(
-            w,
+            T,
             {
               style: {
                 height: "24px",
@@ -48,14 +47,14 @@ function O({ session: m, locale: l = "en", ...c }) {
                 overflow: "hidden",
                 whiteSpace: "nowrap"
               },
-              children: /* @__PURE__ */ e(F, { fontSize: "auto", minFontSize: 1, sx: { marginTop: `${n}px` }, onShrink: x, children: o.did ? o.name : d("disconnected") })
+              children: /* @__PURE__ */ e(k, { fontSize: "auto", minFontSize: 1, sx: { marginTop: `${n}px` }, onShrink: f, children: o.did ? o.name : c("disconnected") })
             }
           ),
           /* @__PURE__ */ e(
-            D,
+            u,
             {
               style: { marginTop: `${n}px`, flexShrink: 0 },
-              icon: I,
+              icon: D,
               fontSize: 8,
               color: o.did ? t.palette.success.main : t.palette.grey[200]
             }
@@ -63,9 +62,9 @@ function O({ session: m, locale: l = "en", ...c }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(u, {})
+    /* @__PURE__ */ e(S, {})
   ] });
 }
 export {
-  O as default
+  G as default
 };