@arcblock/ux 3.0.8 → 3.0.10

package/lib/SessionUser/libs/utils.js

@@ -1,39 +1,33 @@
-const e = (n) => n == null ? void 0 : n.sourceAppPid, p = (n) => {
-  var t;
-  return (n == null ? void 0 : n.sourceAppPid) || ((t = window == null ? void 0 : window.blocklet) == null ? void 0 : t.appPid);
-};
-function A(n) {
-  return n == null ? void 0 : n.did;
+const d = (t) => t?.sourceAppPid, u = (t) => t?.sourceAppPid || window?.blocklet?.appPid;
+function i(t) {
+  return t?.did;
 }
-function d(n) {
-  var t;
-  return (n == null ? void 0 : n.connectedAccounts) || ((t = n == null ? void 0 : n.extraConfigs) == null ? void 0 : t.connectedAccounts) || [];
+function o(t) {
+  return t?.connectedAccounts || t?.extraConfigs?.connectedAccounts || [];
 }
-function l(n) {
-  var t;
-  return (n == null ? void 0 : n.sourceProvider) || ((t = n == null ? void 0 : n.extraConfigs) == null ? void 0 : t.sourceProvider) || "wallet";
+function s(t) {
+  return t?.sourceProvider || t?.extraConfigs?.sourceProvider || "wallet";
 }
-function a(n) {
-  return d(n).map((c) => c.provider);
+function l(t) {
+  return o(t).map((c) => c.provider);
 }
-function g(n) {
-  return d(n).map((o) => o.did);
+function A(t) {
+  return o(t).map((e) => e.did);
 }
-function i(n) {
-  return d(n).find((o) => o.provider === "wallet");
+function r(t) {
+  return o(t).find((e) => e.provider === "wallet");
 }
-function f(n) {
-  const t = i(n);
-  return t == null ? void 0 : t.did;
+function p(t) {
+  return r(t)?.did;
 }
 export {
-  d as getConnectedAccounts,
-  g as getConnectedDids,
-  p as getCurrentAppPid,
-  A as getPermanentDid,
-  e as getSourceAppPid,
-  l as getSourceProvider,
-  a as getSourceProviders,
-  i as getWallet,
-  f as getWalletDid
+  o as getConnectedAccounts,
+  A as getConnectedDids,
+  u as getCurrentAppPid,
+  i as getPermanentDid,
+  d as getSourceAppPid,
+  s as getSourceProvider,
+  l as getSourceProviders,
+  r as getWallet,
+  p as getWalletDid
 };

package/lib/SharedBridge/index.js

@@ -1,76 +1,76 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { Box as I } from "@mui/material";
 import { memo as v, useRef as w, useId as S, useEffect as A, useImperativeHandle as L } from "react";
-import { withQuery as b } from "ufo";
-import { useReactive as x, useMemoizedFn as y } from "ahooks";
-import E from "lodash/noop";
-import { mergeSx as R } from "../Util/style.js";
+import { withQuery as R } from "ufo";
+import { useReactive as b, useMemoizedFn as x } from "ahooks";
+import y from "lodash/noop";
+import { mergeSx as E } from "../Util/style.js";
 import { callIframe as i, getCallbackAction as d } from "../Util/iframe.js";
 function B({
   ref: c = void 0,
-  src: o,
+  src: t,
   onClick: s,
-  onLoad: u = E,
-  sx: m = {},
-  ...f
+  onLoad: u = y,
+  sx: f = {},
+  ...m
 }) {
-  const r = w(null), n = `shared-bridge_${S()}`, t = x({
+  const o = w(null), a = `shared-bridge_${S()}`, r = b({
     hasInited: void 0,
     open: !1,
     hasStorageAccess: !1,
     containerEl: null,
     get origin() {
       try {
-        return new URL(o).origin;
+        return new URL(t).origin;
       } catch {
-        return o;
+        return t;
       }
     },
     get host() {
       try {
-        return new URL(o).host;
+        return new URL(t).host;
       } catch {
-        return o;
+        return t;
       }
     }
   });
   A(() => {
-    async function e(h) {
-      const { data: a } = h;
-      if (a.action === d(n, "requestStorageAccess")) {
-        if (t.open = !1, !a.value) {
-          s(a);
+    async function e(g) {
+      const { data: n } = g;
+      if (n.action === d(a, "requestStorageAccess")) {
+        if (r.open = !1, !n.value) {
+          s(n);
           return;
         }
-        const { value: p } = await i(r.current, "getVisitorId");
-        s({ ...a, visitorId: p });
-      } else a.action === d(n, "preRequestStorageAccess") && (t.open = !0);
+        const { value: h } = await i(o.current, "getVisitorId");
+        s({ ...n, visitorId: h });
+      } else n.action === d(a, "preRequestStorageAccess") && (r.open = !0);
     }
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [s, n, r == null ? void 0 : r.current]);
-  const l = y(() => {
-    i(r.current, "hasStorageAccess").then(({ value: e }) => {
-      t.hasStorageAccess = e, t.hasInited = !0;
+  }, [s, a, o?.current]);
+  const l = x(() => {
+    i(o.current, "hasStorageAccess").then(({ value: e }) => {
+      r.hasStorageAccess = e, r.hasInited = !0;
     }), setTimeout(() => {
-      t.hasInited === void 0 && (t.hasInited = !1);
+      r.hasInited === void 0 && (r.hasInited = !1);
     }, 1e3), u();
   });
   return L(c, () => ({
     callIframe(e) {
-      return i(r.current, e);
+      return i(o.current, e);
     }
-  })), /* @__PURE__ */ g(
+  })), /* @__PURE__ */ p(
     I,
     {
-      ...f,
+      ...m,
       component: "iframe",
-      ref: r,
+      ref: o,
       onLoad: l,
-      "data-id": n,
-      src: b(o, { id: n }),
-      sx: R(
+      "data-id": a,
+      src: R(t, { id: a }),
+      sx: E(
         {
           border: 0,
           position: "absolute",
@@ -81,7 +81,7 @@ function B({
           cursor: "pointer",
           backgroundColor: "transparent"
         },
-        m
+        f
       )
     }
   );

package/lib/Theme/index.js

@@ -1,25 +1,25 @@
-import { styled as a } from "@mui/material";
+import { styled as s } from "@mui/material";
 import { useTheme as h } from "@mui/material";
-import { collectFontFamilies as c, create as f, createDefaultThemeOptions as T, createTheme as x, isTheme as F, isUxTheme as i, lazyCreateDefaultTheme as n, loadFonts as P } from "./theme.js";
-import { ColorSchemeContext as C, default as w, useColorScheme as p } from "./theme-provider.js";
+import { collectFontFamilies as c, create as f, createDefaultThemeOptions as i, createTheme as n, isTheme as T, isUxTheme as x, lazyCreateDefaultTheme as p, loadFonts as F } from "./theme.js";
+import { ColorSchemeContext as y, default as C, useColorScheme as w } from "./theme-provider.js";
 import { deepmerge as S } from "@mui/utils";
-const o = (r) => r.startsWith("$"), l = (r, e) => a(r, {
-  ...e,
-  shouldForwardProp: (t) => e != null && e.shouldForwardProp ? e.shouldForwardProp(t) && !o(t) : !o(t)
+const o = (e) => e.startsWith("$"), m = (e, r) => s(e, {
+  ...r,
+  shouldForwardProp: (t) => r?.shouldForwardProp ? r.shouldForwardProp(t) && !o(t) : !o(t)
 });
 export {
-  C as ColorSchemeContext,
-  w as ThemeProvider,
+  y as ColorSchemeContext,
+  C as ThemeProvider,
   c as collectFontFamilies,
   f as create,
-  T as createDefaultThemeOptions,
-  x as createTheme,
+  i as createDefaultThemeOptions,
+  n as createTheme,
   S as deepmerge,
-  F as isTheme,
-  i as isUxTheme,
-  n as lazyCreateDefaultTheme,
-  P as loadFonts,
-  l as styled,
-  p as useColorScheme,
+  T as isTheme,
+  x as isUxTheme,
+  p as lazyCreateDefaultTheme,
+  F as loadFonts,
+  m as styled,
+  w as useColorScheme,
   h as useTheme
 };

package/lib/Theme/theme.js

@@ -1,35 +1,35 @@
-import { createTheme as f, responsiveFontSizes as _ } from "@mui/material";
-import { deepmerge as d } from "@mui/utils";
-import { deepmerge as X } from "@mui/utils";
-import b from "webfontloader";
-import { DEFAULT_FONTS as C, getDefaultThemePrefer as k, getBlockletThemeOptions as h, BLOCKLET_THEME_DARK as x, BLOCKLET_THEME_LIGHT as A } from "@blocklet/theme";
-import { deepmergeAll as E, cleanedObj as m } from "../Util/index.js";
+import { createTheme as p, responsiveFontSizes as O } from "@mui/material";
+import { deepmerge as f } from "@mui/utils";
+import { deepmerge as V } from "@mui/utils";
+import _ from "webfontloader";
+import { DEFAULT_FONTS as b, getDefaultThemePrefer as C, getBlockletThemeOptions as d, BLOCKLET_THEME_DARK as k, BLOCKLET_THEME_LIGHT as x } from "@blocklet/theme";
+import { deepmergeAll as A, cleanedObj as l } from "../Util/index.js";
 import "@fontsource/roboto/latin-400.css";
 import "@fontsource/roboto/latin-500.css";
 import "@fontsource/roboto/latin-700.css";
 import "@fontsource/roboto/latin-ext-400.css";
 import "@fontsource/roboto/latin-ext-500.css";
 import "@fontsource/roboto/latin-ext-700.css";
-function D(e) {
+function E(e) {
   return e && typeof e == "object" && e.palette && typeof e.palette.getContrastText == "function";
 }
-function q(e) {
-  return D(e) && e.__isUxTheme__ === !0;
+function W(e) {
+  return E(e) && e.__isUxTheme__ === !0;
 }
-function u(e, t = /* @__PURE__ */ new Set()) {
+function h(e, t = /* @__PURE__ */ new Set()) {
   return !e || typeof e != "object" || (typeof e.fontFamily == "string" && e.fontFamily.replace(/"/g, "").split(",").map((o) => o.trim()).filter(Boolean).forEach((o) => t.add(o)), Object.values(e).forEach((o) => {
-    typeof o == "object" && u(o, t);
+    typeof o == "object" && h(o, t);
   })), t;
 }
-const s = new Set(C.concat("inherit"));
-function w(e) {
+const s = new Set(b.concat("inherit"));
+function D(e) {
   const t = e.filter((r) => !s.has(r));
   if (t.length === 0)
     return Promise.resolve(!0);
   t.forEach((r) => s.add(r));
   const o = t.length - 1;
   return t[o] = `${t[o]}&display=swap`, new Promise((r) => {
-    b.load({
+    _.load({
       google: {
         families: t
       },
@@ -41,25 +41,25 @@ function w(e) {
     });
   });
 }
-function T(e = "light") {
-  return e === "dark" ? x : A;
+function u(e = "light") {
+  return e === "dark" ? k : x;
 }
-function v(e) {
+function w(e) {
   let t = null;
   return () => {
     if (t) return t;
-    const o = d(T(e), h(e));
-    return t = f(o), t;
+    const o = f(u(e), d(e));
+    return t = p(o), t;
   };
 }
-const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
+const m = ({ palette: e, components: t, overrides: o, ...r }) => ({
   palette: e,
   components: {
     ...o,
     ...t
   },
   ...r
-}), L = {
+}), v = {
   // @ts-expect-error
   themeName: "ArcBlock",
   pageWidth: "md",
@@ -85,26 +85,25 @@ const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
     danger: "#D0021B",
     lightGrey: "#BCBCBC"
   }
-}, U = (...e) => {
-  var l;
-  const t = k(), o = v(t), r = e.reduce(
-    (O, c) => d(O, p(typeof c == "function" ? c(o()) : c)),
-    p(L)
-  ), n = r.mode || ((l = r.palette) == null ? void 0 : l.mode) || t, i = h(n), F = T(n), { disableBlockletTheme: g } = r, y = E(
+}, L = (...e) => {
+  const t = C(), o = w(t), r = e.reduce(
+    (B, c) => f(B, m(typeof c == "function" ? c(o()) : c)),
+    m(v)
+  ), n = r.mode || r.palette?.mode || t, i = d(n), T = u(n), { disableBlockletTheme: F } = r, g = A(
     [
-      F,
-      !g && m(i),
-      m(r),
+      T,
+      !F && l(i),
+      l(r),
       // 确保 mode 跟 prefer 一致
       {
         mode: n,
         palette: { mode: n }
       }
     ].filter(Boolean)
-  ), a = f(y);
+  ), a = p(g);
   a.__isUxTheme__ = !0;
-  const B = u(a.typography);
-  return w(Array.from(B)), _(a, {
+  const y = h(a.typography);
+  return D(Array.from(y)), O(a, {
     breakpoints: ["xs", "sm", "md", "lg"],
     disableAlign: !1,
     factor: 3,
@@ -124,15 +123,15 @@ const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
       "overline"
     ]
   });
-}, J = U;
+}, q = L;
 export {
-  u as collectFontFamilies,
-  U as create,
-  T as createDefaultThemeOptions,
-  J as createTheme,
-  X as deepmerge,
-  D as isTheme,
-  q as isUxTheme,
-  v as lazyCreateDefaultTheme,
-  w as loadFonts
+  h as collectFontFamilies,
+  L as create,
+  u as createDefaultThemeOptions,
+  q as createTheme,
+  V as deepmerge,
+  E as isTheme,
+  W as isUxTheme,
+  w as lazyCreateDefaultTheme,
+  D as loadFonts
 };

package/lib/Toast/index.js

@@ -1,22 +1,21 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { createRef as g } from "react";
-import { SnackbarProvider as b, useSnackbar as h } from "notistack";
-import { IconButton as S } from "@mui/material";
-import { Close as v } from "@mui/icons-material";
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { createRef as d } from "react";
+import { SnackbarProvider as g, useSnackbar as b } from "notistack";
+import { IconButton as h } from "@mui/material";
+import { Close as S } from "@mui/icons-material";
 import e from "lodash/noop";
-let l = e, u = e, f = e, m = e, p = e;
+let a = e, l = e, u = e, f = e, m = e;
 const t = (o, r) => (i, n = {}) => o(i, {
   autoHideDuration: 5e3,
   variant: r,
   ...n
 });
-function H({ children: o, anchorOrigin: r, ...i }) {
-  const n = g(), k = (c) => () => {
-    var a;
-    (a = n.current) == null || a.closeSnackbar(c);
+function j({ children: o, anchorOrigin: r, ...i }) {
+  const n = d(), p = (c) => () => {
+    n.current?.closeSnackbar(c);
   };
-  return /* @__PURE__ */ d(
-    b,
+  return /* @__PURE__ */ k(
+    g,
     {
       anchorOrigin: {
         vertical: "top",
@@ -25,26 +24,26 @@ function H({ children: o, anchorOrigin: r, ...i }) {
       },
       ...i,
       ref: n,
-      action: (c) => /* @__PURE__ */ s(S, { "aria-label": "close", color: "inherit", onClick: k(c), size: "large", children: /* @__PURE__ */ s(v, { style: { fontSize: 16 } }) }, "close"),
+      action: (c) => /* @__PURE__ */ s(h, { "aria-label": "close", color: "inherit", onClick: p(c), size: "large", children: /* @__PURE__ */ s(S, { style: { fontSize: 16 } }) }, "close"),
       children: [
-        /* @__PURE__ */ s(w, {}),
+        /* @__PURE__ */ s(v, {}),
         o
       ]
     }
   );
 }
-function w() {
-  const { enqueueSnackbar: o, closeSnackbar: r } = h();
-  return l = t(o, "success"), u = t(o, "error"), f = t(o, "warning"), m = t(o, "info"), p = r, null;
+function v() {
+  const { enqueueSnackbar: o, closeSnackbar: r } = b();
+  return a = t(o, "success"), l = t(o, "error"), u = t(o, "warning"), f = t(o, "info"), m = r, null;
 }
-const P = {
-  success: (o, r = {}) => l(o, r),
-  error: (o, r = { autoHideDuration: 15e3 }) => u(o, r),
-  warning: (o, r = {}) => f(o, r),
-  info: (o, r = {}) => m(o, r),
-  close: (o) => p(o)
+const H = {
+  success: (o, r = {}) => a(o, r),
+  error: (o, r = { autoHideDuration: 15e3 }) => l(o, r),
+  warning: (o, r = {}) => u(o, r),
+  info: (o, r = {}) => f(o, r),
+  close: (o) => m(o)
 };
 export {
-  H as ToastProvider,
-  P as default
+  j as ToastProvider,
+  H as default
 };

package/lib/Typography/index.js

@@ -1,82 +1,82 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { Box as x, Typography as u, Skeleton as y } from "@mui/material";
-import { useReactive as v, useSize as c, useCreation as C } from "ahooks";
-import b from "lodash/noop";
-import { useRef as m, useEffect as w } from "react";
-let p = -1;
-function T() {
-  const t = document.createElement("div");
-  Object.assign(t.style, {
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { Box as x, Typography as d, Skeleton as y } from "@mui/material";
+import { useReactive as h, useSize as z, useCreation as v } from "ahooks";
+import C from "lodash/noop";
+import { useRef as c, useEffect as b } from "react";
+let u = -1;
+function w() {
+  const i = document.createElement("div");
+  Object.assign(i.style, {
     fontSize: "1px",
     visibility: "hidden",
     position: "absolute"
-  }), t.textContent = "Test", document.body.appendChild(t);
-  const f = parseFloat(getComputedStyle(t).fontSize);
-  return document.body.removeChild(t), f;
+  }), i.textContent = "Test", document.body.appendChild(i);
+  const r = parseFloat(getComputedStyle(i).fontSize);
+  return document.body.removeChild(i), r;
 }
-function M({
-  children: t = null,
-  minFontSize: f = 12,
+function E({
+  children: i = null,
+  minFontSize: r = 12,
   /* 设置为 auto 时字体会自动收缩，直到达到浏览器最小字体限制 */
-  fontSize: n = void 0,
-  sx: s,
-  onShrink: i = b,
-  ...r
+  fontSize: t = void 0,
+  sx: a,
+  onShrink: p = C,
+  ...l
 }) {
-  const d = m(null), z = m(null), e = v({
+  const f = c(null), S = c(null), e = h({
     // @ts-expect-error
-    fontSize: n,
+    fontSize: t,
     loading: !0
-  }), o = c(d.current), l = c(z.current);
-  return w(() => {
+  }), o = z(f.current), s = z(S.current);
+  return b(() => {
     if (e.loading)
-      if (n === "auto") {
+      if (t === "auto") {
         if (o && !e.initialSize) {
-          const S = getComputedStyle(d.current).fontSize;
-          e.initialSize = Number(S.replace("px", "")), e.fontSize = e.initialSize;
+          const m = getComputedStyle(f.current).fontSize;
+          e.initialSize = Number(m.replace("px", "")), e.fontSize = e.initialSize;
         }
-        p < 0 && (p = T()), e.fontSize <= p ? (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })) : l && o && (l.width < o.width && e.fontSize > f ? e.fontSize-- : (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })));
+        u < 0 && (u = w()), e.fontSize <= u ? (e.loading = !1, p?.({ fontSize: e.fontSize, initialSize: e.initialSize })) : s && o && (s.width < o.width && e.fontSize > r ? e.fontSize-- : (e.loading = !1, p?.({ fontSize: e.fontSize, initialSize: e.initialSize })));
       } else
         e.loading = !1;
-  }, [n, o == null ? void 0 : o.width, l == null ? void 0 : l.width]), C(() => n === "auto" ? e.loading : !1, [n, e.loading]) ? /* @__PURE__ */ g(
+  }, [t, o?.width, s?.width]), v(() => t === "auto" ? e.loading : !1, [t, e.loading]) ? /* @__PURE__ */ g(
     x,
     {
-      ref: z,
+      ref: S,
       sx: {
         flex: 1
       },
       children: [
-        /* @__PURE__ */ a(u, { ...r, sx: s, noWrap: !0, children: /* @__PURE__ */ a(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
-        /* @__PURE__ */ a(
-          u,
+        /* @__PURE__ */ n(d, { ...l, sx: a, noWrap: !0, children: /* @__PURE__ */ n(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
+        /* @__PURE__ */ n(
+          d,
           {
-            ref: d,
-            ...r,
+            ref: f,
+            ...l,
             sx: {
-              ...s,
+              ...a,
               ...e.fontSize ? { fontSize: `${e.fontSize}px !important` } : {},
               position: "fixed",
               top: -1e3,
               left: -1e3
             },
             noWrap: !0,
-            children: t
+            children: i
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ a(
-    u,
+  ) : /* @__PURE__ */ n(
+    d,
     {
-      ...r,
+      ...l,
       sx: {
-        ...s,
+        ...a,
         ...e.fontSize ? { fontSize: `${e.fontSize}px !important` } : {}
       },
-      children: t
+      children: i
     }
   );
 }
 export {
-  M as default
+  E as default
 };