@arcblock/ux 3.0.6 → 3.0.8

package/lib/Layout/dashboard/full-page.js

@@ -1,29 +1,29 @@
 import { jsx as r } from "react/jsx-runtime";
 import { createContext as g, use as P, useLayoutEffect as F, useState as f, useMemo as b } from "react";
 const s = g(null), d = (l) => {
-  const t = P(s);
+  const i = P(s);
   return F(() => {
-    l && t.configure(l);
-  }, []), t;
+    l && i.configure(l);
+  }, []), i;
 };
-function I({ children: l, ...t }) {
-  const [e, i] = f({
+function I({ children: l = void 0, ...i }) {
+  const [e, u] = f({
     inFullPage: !1,
     showToggleButton: !1,
     headerVisibleInFullPage: !0,
     footerVisibleInFullPage: !1,
     sidebarVisibleInFullPage: !1
   }), a = () => {
-    i((u) => ({ ...u, inFullPage: !u.inFullPage }));
+    u((t) => ({ ...t, inFullPage: !t.inFullPage }));
   }, o = b(() => ({
     ...e,
     headerVisible: !e.inFullPage || e.headerVisibleInFullPage,
     footerVisible: !e.inFullPage || e.footerVisibleInFullPage,
     sidebarVisible: !e.inFullPage || e.sidebarVisibleInFullPage,
     toggleFullPage: a,
-    configure: (u) => i((n) => ({ ...n, ...u }))
+    configure: (t) => u((n) => ({ ...n, ...t }))
   }), [e]);
-  return /* @__PURE__ */ r(s, { value: o, ...t, children: l });
+  return /* @__PURE__ */ r(s, { value: o, ...i, children: l });
 }
 export {
   s as FullPageContext,

package/lib/Layout/dashboard/index.js

@@ -44,7 +44,7 @@ function Q({
   fullWidth: y = !1,
   dense: c = "auto",
   footerProps: N = {},
-  sx: P,
+  sx: P = {},
   children: F,
   ...m
 }) {

package/lib/Layout/dashboard/sidebar.js

@@ -27,7 +27,7 @@ function m(e, i) {
     /* @__PURE__ */ t("ul", { children: e.children.map(p) })
   ] }, `group-${e.title}-${i}`);
 }
-function z({ links: e, addons: i, dense: a = !1, ...r }) {
+function z({ links: e, addons: i = void 0, dense: a = !1, ...r }) {
   return /* @__PURE__ */ o(f, { ...r, className: d({ "layout-sidebar-dense": a }), children: [
     /* @__PURE__ */ t("ul", { children: e.map(p) }),
     /* @__PURE__ */ t("div", { style: { flex: 1 } }),

package/lib/Layout/dashboard-legacy/header.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { Menu as m } from "@mui/icons-material";
-import { AppBar as x, Toolbar as f, Button as u, Box as o, Typography as n } from "@mui/material";
+import { AppBar as x, Toolbar as f, Button as u, Box as o, Typography as i } from "@mui/material";
 import { Link as y } from "react-router-dom";
 import g from "../../Logo/index.js";
 import { styled as b } from "../../Theme/index.js";
@@ -77,12 +77,12 @@ const k = b(x)`
 `;
 function j({
   onToggleMenu: e,
-  brand: i,
-  description: l,
-  addons: d,
-  brandAddon: s,
+  brand: n = void 0,
+  description: d = void 0,
+  addons: l = void 0,
+  brandAddon: s = void 0,
   homeUrl: h = "/",
-  logo: p,
+  logo: p = void 0,
   children: t,
   ...c
 }) {
@@ -113,11 +113,11 @@ function j({
         }
       ),
       /* @__PURE__ */ a("div", { className: "header-title", children: [
-        /* @__PURE__ */ a(n, { component: "h2", noWrap: !0, className: "header-title__primary", children: [
-          i,
+        /* @__PURE__ */ a(i, { component: "h2", noWrap: !0, className: "header-title__primary", children: [
+          n,
           s
         ] }),
-        /* @__PURE__ */ r(n, { component: "p", noWrap: !0, className: "header-title__secondary", children: l })
+        /* @__PURE__ */ r(i, { component: "p", noWrap: !0, className: "header-title__secondary", children: d })
       ] })
     ] }),
     /* @__PURE__ */ r(
@@ -129,7 +129,7 @@ function j({
       }
     ),
     !!t && /* @__PURE__ */ r("div", { className: "header-children", children: t }),
-    /* @__PURE__ */ r("div", { className: "header-addons", children: d })
+    /* @__PURE__ */ r("div", { className: "header-addons", children: l })
   ] }) });
 }
 export {

package/lib/Layout/dashboard-legacy/index.js

@@ -31,37 +31,37 @@ const B = T("div")`
     position: relative;
     white-space: nowrap;
     width: 120px;
-    background: ${(r) => r.theme.palette.background.default};
-    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${(r) => r.theme.palette.mode === "light" ? 0.05 : 0.5});
+    background: ${(o) => o.theme.palette.background.default};
+    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${(o) => o.theme.palette.mode === "light" ? 0.05 : 0.5});
     border: 0;
   }
 `;
 function R({
-  links: r = [],
+  links: o = [],
   brand: d = "",
   description: f = "",
   images: b,
   title: u = "Home",
-  brandAddon: w,
-  headerAddon: x,
+  brandAddon: w = void 0,
+  headerAddon: x = void 0,
   prefix: _ = "/images",
   fullWidth: g = !1,
   contentLayout: y = "column",
-  className: N = "",
-  homeUrl: k = "/",
-  logo: s,
-  children: v,
+  className: v = "",
+  homeUrl: N = "/",
+  logo: s = void 0,
+  children: k,
   ...M
 }) {
-  const a = j(document.body), o = (a == null ? void 0 : a.width) || 0, [n, D] = c(o >= 960 ? "permanent" : "temporary"), [i, l] = c(n === "permanent");
+  const r = j(document.body), a = (r == null ? void 0 : r.width) || 0, [n, D] = c(a >= 960 ? "permanent" : "temporary"), [i, l] = c(n === "permanent");
   P(() => {
-    const p = o >= 960 ? "permanent" : "temporary";
+    const p = a >= 960 ? "permanent" : "temporary";
     D(p), l(p !== "temporary");
-  }, [o]);
+  }, [a]);
   const m = () => {
     l(!i);
   }, $ = g || y === "row";
-  return /* @__PURE__ */ t(B, { className: `dashboard ${N}`, ...M, children: [
+  return /* @__PURE__ */ t(B, { className: `dashboard ${v}`, ...M, children: [
     /* @__PURE__ */ e(H, { title: `${u}-${d}` }),
     /* @__PURE__ */ e(
       F,
@@ -72,7 +72,7 @@ function R({
         brandAddon: w,
         description: f,
         addons: x,
-        homeUrl: k,
+        homeUrl: N,
         logo: s
       }
     ),
@@ -93,11 +93,11 @@ function R({
               open: i,
               onClose: m,
               ModalProps: { disablePortal: !0, keepMounted: !0 },
-              children: /* @__PURE__ */ e(C, { className: "dashboard__sidebar", images: b, links: r, prefix: _, logo: s })
+              children: /* @__PURE__ */ e(C, { className: "dashboard__sidebar", images: b, links: o, prefix: _, logo: s })
             }
           ),
           /* @__PURE__ */ t(h, { className: "dashboard__main", children: [
-            /* @__PURE__ */ e(W, { maxWidth: $ ? !1 : "lg", className: "dashboard__content", children: v }),
+            /* @__PURE__ */ e(W, { maxWidth: $ ? !1 : "lg", className: "dashboard__content", children: k }),
             /* @__PURE__ */ e(O, {})
           ] })
         ]

package/lib/Layout/dashboard-legacy/sidebar.d.ts

@@ -8,7 +8,7 @@ export type LinkItem = {
 export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     images: Record<string, string>;
     links: LinkItem[];
-    prefix: string;
+    prefix?: string;
     addons?: React.ReactNode;
     logo?: React.ReactNode;
     sx?: SxProps;

package/lib/Layout/dashboard-legacy/sidebar.js

@@ -1,20 +1,27 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { memo as k } from "react";
 import { useLocation as $, Link as s } from "react-router-dom";
-import { Button as w, useTheme as z, Typography as I } from "@mui/material";
+import { Button as w, useTheme as z, Typography as v } from "@mui/material";
 import { teal as l } from "@mui/material/colors";
-import j from "../../Icon/image.js";
-import v from "../../Logo/index.js";
-import { styled as d } from "../../Theme/index.js";
-function q({ images: e, links: m, prefix: p = "/images", addons: g, logo: f, ...x }) {
+import I from "../../Icon/image.js";
+import j from "../../Logo/index.js";
+import { styled as c } from "../../Theme/index.js";
+function q({
+  images: e,
+  links: m,
+  prefix: p = "/images",
+  addons: g = void 0,
+  logo: f = void 0,
+  ...x
+}) {
   const u = z(), b = $(), h = (o, n) => new RegExp(`/${n}`).test(b.pathname);
   return /* @__PURE__ */ a(L, { ...x, children: [
-    /* @__PURE__ */ t(s, { to: "/", className: "sidebar-logo", children: f || /* @__PURE__ */ t(v, { showText: !1, size: 20 }) }),
+    /* @__PURE__ */ t(s, { to: "/", className: "sidebar-logo", children: f || /* @__PURE__ */ t(j, { showText: !1, size: 20 }) }),
     m.map(({ url: o, name: n, title: r, showBadge: y }) => {
       const i = h(o, n);
       return /* @__PURE__ */ a(T, { component: s, selected: i, to: o, children: [
         /* @__PURE__ */ t(
-          j,
+          I,
           {
             name: e[n],
             size: 36,
@@ -23,14 +30,14 @@ function q({ images: e, links: m, prefix: p = "/images", addons: g, logo: f, ...
             showBadge: y
           }
         ),
-        /* @__PURE__ */ t(I, { component: "span", className: "menu-title", children: r })
+        /* @__PURE__ */ t(v, { component: "span", className: "menu-title", children: r })
       ] }, o);
     }),
     /* @__PURE__ */ t("div", { style: { flex: 1 } }),
     g
   ] });
 }
-const L = k(d("div")`
+const L = k(c("div")`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -51,7 +58,7 @@ const L = k(d("div")`
       display: block;
     }
   }
-`), c = "linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))", T = d(w)`
+`), d = "linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))", T = c(w)`
   && {
     display: flex;
     flex-direction: column;
@@ -59,13 +66,13 @@ const L = k(d("div")`
     align-items: center;
     width: 100%;
     transition: all 200ms ease-in-out;
-    background: ${(e) => e.selected ? c : ""};
+    background: ${(e) => e.selected ? d : ""};
     padding: 24px 0;
     border-left: 2px solid ${(e) => e.selected ? l.A700 : "transparent"};
     border-radius: 0;
 
     &:hover {
-      background: ${c};
+      background: ${d};
       border-left-color: ${l.A700};
     }
 

package/lib/Layout/index.js

@@ -11,11 +11,11 @@ import { styled as x } from "../Theme/index.js";
 function ie({
   title: i,
   brand: l,
-  description: s,
+  description: s = void 0,
   links: a = [],
   logo: c = /* @__PURE__ */ e(H, { showText: !1, style: { width: "40px", height: "40px" } }),
   showLogo: d = !1,
-  addons: y,
+  addons: y = void 0,
   footer: k = /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(Z, {}) }),
   baseUrl: h = "",
   homeUrl: N = "/",

package/lib/LoadingMask/index.d.ts

@@ -4,6 +4,6 @@ export interface LoadingMaskProps {
     borderWidth?: number;
     borderRadius?: number;
     duration?: number;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 }
 export default function LoadingMask({ size, padding, borderWidth, borderRadius, duration, children, }: LoadingMaskProps): import("react/jsx-runtime").JSX.Element;

package/lib/LoadingMask/index.js

@@ -2,10 +2,10 @@ import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { Box as n } from "@mui/material";
 function b({
   size: s = 64,
-  padding: d,
-  borderWidth: l,
-  borderRadius: f,
-  duration: c,
+  padding: d = void 0,
+  borderWidth: l = void 0,
+  borderRadius: f = void 0,
+  duration: c = void 0,
   children: g
 }) {
   const t = s, i = f ?? t / 8, e = l ?? t / 32, o = d ?? t * 0.25 - e, p = c ?? 2.5;

package/lib/Locale/context.js

@@ -1,81 +1,81 @@
-import { jsx as v } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { createContext as x, use as k, useState as p, useRef as A, useEffect as R, useCallback as b } from "react";
 import j from "lodash/get";
-import f from "js-cookie";
+import i from "js-cookie";
 import S from "./browser-lang.js";
 import { translate as U } from "./util.js";
 import { getCookieOptions as D, resolveRootDomain as E } from "../Util/index.js";
-const l = "nf_lang", F = (e, o = window.location.href) => {
+const f = "nf_lang", F = (e, o = window.location.href) => {
   const t = new URL(o).searchParams.get("locale");
   return e.find((r) => r.code === t) ? t : null;
 }, O = (e, o = window.location.href) => {
   const t = new URL(o);
   t.searchParams.has("locale") && (t.searchParams.set("locale", e), window.history.replaceState({}, "", t.href));
-}, L = (e = []) => {
+}, d = (e = []) => {
   var t;
   const o = {
     languages: e.map((r) => r.code),
     // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
     fallback: ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.code) || "en"
   };
-  return F(e) || f.get(l) || S(o);
+  return F(e) || i.get(f) || S(o);
 }, z = (e) => {
   const o = D();
   if (!o.domain) {
     const t = E();
-    t && f.remove(l, { path: o.path || "/", domain: t });
+    t && i.remove(f, { path: o.path || "/", domain: t });
   }
-  f.set(l, e, o), O(e);
+  i.set(f, e, o), O(e);
 }, N = (e) => {
   const o = j(window, "blocklet.languages");
   return Array.isArray(o) && o.length ? o : Array.isArray(e) && e.length ? e : [
     { code: "en", name: "English" },
     { code: "zh", name: "简体中文" }
   ];
-}, d = x(null), { Provider: _, Consumer: M } = d;
+}, L = x(null), { Provider: _, Consumer: M } = L;
 function Q({
   children: e,
-  locale: o,
-  fallbackLocale: t,
+  locale: o = void 0,
+  fallbackLocale: t = void 0,
   translations: r,
-  onLoadingTranslation: m,
+  onLoadingTranslation: m = void 0,
   languages: P = [],
-  ...C
+  ...v
 }) {
   const a = N(P);
-  let [n, w] = p(o || L(a));
-  const i = A(t || ""), [, y] = p(0), u = (c) => {
-    w(c), z(c);
+  let [n, C] = p(o || d(a));
+  const l = A(t || ""), [, w] = p(0), u = (c) => {
+    C(c), z(c);
   };
   if (R(() => {
-    const c = o || L(a);
+    const c = o || d(a);
     c !== n && u(c);
   }, [o]), n && r[n] && typeof r[n] == "function") {
     const c = n;
     try {
       Promise.resolve(r[c]()).then((s) => {
-        s && typeof s == "object" && (r[c] = s, y((h) => h > 999 ? 0 : h + 1));
+        s && typeof s == "object" && (r[c] = s, w((h) => h > 999 ? 0 : h + 1));
       });
     } catch (s) {
       console.error(s);
     }
-    m == null || m(c, a), n = i.current;
+    m == null || m(c, a), n = l.current;
   } else
-    i.current = n;
-  const g = b(
+    l.current = n;
+  const y = b(
     (c, s) => U(r, c, n, t, s),
     [r, n, t]
   );
-  return /* @__PURE__ */ v(_, { value: { locale: n, changeLocale: u, t: g, languages: a, ...C }, children: e });
+  return /* @__PURE__ */ g(_, { value: { locale: n, changeLocale: u, t: y, languages: a, ...v }, children: e });
 }
 function V() {
-  return k(d);
+  return k(L);
 }
 export {
   M as LocaleConsumer,
-  d as LocaleContext,
+  L as LocaleContext,
   Q as LocaleProvider,
-  L as getLocale,
+  d as getLocale,
   z as setLocale,
   V as useLocaleContext
 };

package/lib/Locale/selector.d.ts

@@ -8,4 +8,4 @@ export interface LocaleSelectorProps extends Omit<React.HTMLAttributes<HTMLDivEl
     size?: number;
     onChange?: (locale: Locale) => void;
 }
-export default function LocaleSelector(props: LocaleSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function LocaleSelector({ ...props }: LocaleSelectorProps): import("react/jsx-runtime").JSX.Element;

package/lib/Locale/selector.js

@@ -7,7 +7,7 @@ import H from "iconify-icons-material-symbols-400/language";
 import { LocaleContext as O } from "./context.js";
 import { styled as W } from "../Theme/index.js";
 import { mergeSx as q } from "../Util/style.js";
-function Z(t) {
+function Z({ ...t }) {
   var g;
   const { showText: p = !0, popperProps: r = {}, popperType: d = "click", icon: c, size: f = 24, ...y } = t, { locale: l, changeLocale: I, languages: u } = z(O), a = L(null), [x, o] = M(!1), k = (e) => {
     I(e), o(!1), typeof t.onChange == "function" && t.onChange(e);

package/lib/Logo/index.js

@@ -9,17 +9,17 @@ function j({
   showLogo: n = !0,
   mode: a = "dark",
   layout: l = "vertical",
-  size: r,
+  size: r = void 0,
   style: i = {},
   ...g
 }) {
   const e = a === "light", m = e ? /* @__PURE__ */ t(s, {}) : /* @__PURE__ */ t(u, {}), c = e ? /* @__PURE__ */ t(f, { className: "logo-text" }) : /* @__PURE__ */ t(h, { className: "logo-text" });
-  return r && (i.width = `${r}px`, i.height = `${r}px`), /* @__PURE__ */ p(L, { layout: l, style: i, ...g, children: [
+  return r && (i.width = `${r}px`, i.height = `${r}px`), /* @__PURE__ */ p(d, { layout: l, style: i, ...g, children: [
     n && m,
     o && c
   ] });
 }
-const L = x("span")`
+const d = x("span")`
   display: inline-flex;
   flex-direction: ${(o) => o.layout === "horizontal" ? "row" : "column"};
   justify-content: center;

package/lib/NFTDisplay/aspect-ratio-container.d.ts

@@ -1,6 +1,6 @@
 export interface AspectRatioContainerProps {
     aspect: number;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 }
 declare function AspectRatioContainer({ aspect, children, ...rest }: AspectRatioContainerProps): import("react/jsx-runtime").JSX.Element;
 export default AspectRatioContainer;

package/lib/NFTDisplay/index.js

@@ -46,7 +46,10 @@ function lr({
   ...k
 }) {
   var R;
-  const F = (l) => /* @__PURE__ */ n(cr, { component: T, ...k, className: S(z, { "nft-display--inset": m }), children: l }), a = M({});
+  const F = (l) => (
+    // @ts-expect-error
+    /* @__PURE__ */ n(cr, { component: T, ...k, className: S(z, { "nft-display--inset": m }), children: l })
+  ), a = M({});
   try {
     typeof e == "string" ? a.current = JSON.parse(e) : a.current = e;
     const { vcId: l } = a.current, U = a.current.credentialSubject ? K(a.current, "credentialSubject.display") : a.current, { content: f, type: y } = U, G = y === "url", [t, c] = P({
@@ -198,7 +201,7 @@ const cr = nr(Z)`
   }
 `;
 function pr(e) {
-  return function({ aspect: s, inset: m, ...g }) {
+  return function({ aspect: s = void 0, inset: m = !1, ...g }) {
     return s && s > 0 && !m ? /* @__PURE__ */ n(rr, { aspect: s, children: /* @__PURE__ */ n(e, { inset: !0, ...g }) }) : /* @__PURE__ */ n(e, { inset: m, ...g });
   };
 }

package/lib/NFTDisplay/render-svg.js

@@ -4,11 +4,11 @@ import { useAsyncEffect as f } from "ahooks";
 import c from "axios";
 import { useState as p } from "react";
 import a from "./svg-embedder/inline-svg.js";
-function y({ src: e, onLoad: t }) {
+function y({ src: e, onLoad: t = void 0 }) {
   const [r, s] = p("");
   return f(async () => {
-    const n = await c.get(e), i = m.sanitize(n.data);
-    s(i), t == null || t();
+    const i = await c.get(e), n = m.sanitize(i.data);
+    s(n), t == null || t();
   }, []), /* @__PURE__ */ o(a, { svg: r });
 }
 export {