@arcblock/ux 3.0.38 → 3.0.41

package/lib/Layout/dashboard/index.d.ts

@@ -13,6 +13,8 @@ export interface DashboardProps extends React.HTMLAttributes<HTMLDivElement> {
     dense?: 'auto' | boolean;
     footerProps?: FooterProps;
     sx?: SxProps;
+    /** 是否隐藏 html title, 默认不隐藏, 避免重复导致 html title 失效 */
+    hideHtmlTitle?: boolean;
 }
 export default function DashboardWrapper<T extends boolean = true>({ legacy, ...rest }: T extends true ? {
     legacy?: T;

package/lib/Layout/dashboard/index.js

@@ -1,25 +1,25 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useMemo as M, useEffect as b } from "react";
-import { useLocation as p, matchPath as z } from "react-router-dom";
-import D from "react-helmet";
-import { Box as d, useTheme as R, Container as T } from "@mui/material";
-import V from "clsx";
-import { CloseFullscreen as B, OpenInFull as U } from "@mui/icons-material";
-import E from "../dashboard-legacy/index.js";
+import { useMemo as z, useEffect as b } from "react";
+import { useLocation as p, matchPath as D } from "react-router-dom";
+import R from "react-helmet";
+import { Box as d, useTheme as T, Container as V } from "@mui/material";
+import B from "clsx";
+import { CloseFullscreen as U, OpenInFull as E } from "@mui/icons-material";
+import G from "../dashboard-legacy/index.js";
 import "../../Header/header.js";
-import G from "../../Header/responsive-header.js";
-import O from "../../NavMenu/nav-menu.js";
+import O from "../../Header/responsive-header.js";
+import q from "../../NavMenu/nav-menu.js";
 import "../../NavMenu/products.js";
-import q from "../../Footer/index.js";
+import A from "../../Footer/index.js";
 import f from "./sidebar.js";
 import { styled as u } from "../../Theme/index.js";
 import { Link as x } from "./external-link.js";
-import { FullPageProvider as A, useFullPage as J } from "./full-page.js";
-function K({ closeMenu: e, ...a }) {
+import { FullPageProvider as J, useFullPage as K } from "./full-page.js";
+function Q({ closeMenu: e, ...a }) {
   const o = p();
   return b(() => {
     e();
-  }, [o]), /* @__PURE__ */ r(O, { ...a });
+  }, [o]), /* @__PURE__ */ r(q, { ...a });
 }
 function g(e, a) {
   return e.map((o) => o.children?.length ? {
@@ -30,10 +30,10 @@ function g(e, a) {
     ...o,
     label: /* @__PURE__ */ r(x, { to: o.url, external: o.external, children: o.title }),
     // external = true 时 active 状态由传入 links 的调用方决定 (适用于 blocklet ui dashboard 的情况)
-    active: o.external ? o.active : !!z({ path: o.url, end: !1 }, a.pathname)
+    active: o.external ? o.active : !!D({ path: o.url, end: !1 }, a.pathname)
   });
 }
-function Q({
+function X({
   title: e = "Home",
   headerProps: a = {},
   links: o = [],
@@ -43,23 +43,24 @@ function Q({
   footerProps: y = {},
   sx: N = {},
   children: P,
+  hideHtmlTitle: F = !1,
   ...c
 }) {
-  const h = R(), { inFullPage: F, showToggleButton: L, headerVisible: $, footerVisible: C, sidebarVisible: H, toggleFullPage: W } = J(), m = p(), n = M(() => g(o, m), [m, o]), _ = n.some((t) => !!t.children?.length), i = l === "auto" ? n.length >= 8 || _ : l, S = V("dashboard", { "dashboard-dense": i }, c.className), j = {
+  const h = T(), { inFullPage: L, showToggleButton: $, headerVisible: C, footerVisible: H, sidebarVisible: W, toggleFullPage: _ } = K(), m = p(), n = z(() => g(o, m), [m, o]), S = n.some((t) => !!t.children?.length), i = l === "auto" ? n.length >= 8 || S : l, j = B("dashboard", { "dashboard-dense": i }, c.className), I = {
     homeLink: (t) => /* @__PURE__ */ r(x, { to: window.blocklet?.prefix || "/", children: t }),
     ...a
   };
   return b(() => {
     const { searchParams: t } = new URL(window.location.href);
     t.get("inviter") && window.localStorage.setItem("inviter", t.get("inviter"));
-  }, []), /* @__PURE__ */ s(X, { sx: N, ...c, className: S, sidebarWidth: v, children: [
-    /* @__PURE__ */ r(D, { title: e }, e),
-    $ && /* @__PURE__ */ r(Y, { ...j, className: "dashboard-header", children: o?.length ? ({ isMobile: t, closeMenu: I }) => t ? /* @__PURE__ */ r(
-      K,
+  }, []), /* @__PURE__ */ s(Y, { sx: N, ...c, className: j, sidebarWidth: v, children: [
+    !F && /* @__PURE__ */ r(R, { title: e }, e),
+    C && /* @__PURE__ */ r(Z, { ...I, className: "dashboard-header", children: o?.length ? ({ isMobile: t, closeMenu: M }) => t ? /* @__PURE__ */ r(
+      Q,
       {
         mode: "inline",
         items: n,
-        closeMenu: I,
+        closeMenu: M,
         bgColor: "transparent",
         activeTextColor: h.palette.primary.main
       }
@@ -72,7 +73,7 @@ function Q({
           display: "flex"
         },
         children: [
-          !!o?.length && H && /* @__PURE__ */ r(
+          !!o?.length && W && /* @__PURE__ */ r(
             d,
             {
               className: "dashboard-sidebar",
@@ -86,7 +87,7 @@ function Q({
             }
           ),
           /* @__PURE__ */ s(d, { className: "dashboard-main", id: "arc__dashboard-main", children: [
-            L && /* @__PURE__ */ r(
+            $ && /* @__PURE__ */ r(
               d,
               {
                 sx: {
@@ -103,19 +104,19 @@ function Q({
                   borderRadius: 1,
                   cursor: "pointer"
                 },
-                onClick: W,
-                children: F ? /* @__PURE__ */ r(B, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(U, { style: { fontSize: 18 } })
+                onClick: _,
+                children: L ? /* @__PURE__ */ r(U, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(E, { style: { fontSize: 18 } })
               }
             ),
-            /* @__PURE__ */ r(T, { className: "dashboard-content", id: "arc__dashboard-content", ...w && { maxWidth: !1 }, children: P }),
-            C && /* @__PURE__ */ r(q, { dark: h.palette.mode === "dark", ...y })
+            /* @__PURE__ */ r(V, { className: "dashboard-content", id: "arc__dashboard-content", ...w && { maxWidth: !1 }, children: P }),
+            H && /* @__PURE__ */ r(A, { dark: h.palette.mode === "dark", ...y })
           ] })
         ]
       }
     )
   ] });
 }
-const X = u(d)`
+const Y = u(d)`
   &.dashboard {
     display: flex;
     flex-direction: column;
@@ -171,17 +172,17 @@ const X = u(d)`
       }
     }
   }
-`, Y = u(G)`
+`, Z = u(O)`
   .header-container {
     max-width: 100%;
   }
 `;
-function ue({
+function xe({
   legacy: e = !0,
   ...a
 }) {
-  return e ? /* @__PURE__ */ r(E, { ...a }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Q, { ...a }) });
+  return e ? /* @__PURE__ */ r(G, { ...a }) : /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(X, { ...a }) });
 }
 export {
-  ue as default
+  xe as default
 };

package/lib/NavMenu/images/aigne.svg.js

@@ -1,7 +1,5 @@
 import * as e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 120, height: 120, viewBox: "0 0 120 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_2456_413", style: {
-  maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 120, height: 120 }, /* @__PURE__ */ e.createElement("rect", { width: 119.883, height: 119.883, fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_2456_413)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.2632 28.4408H98.4079C102.728 28.4408 106.23 31.943 106.23 36.2632V83.7368C106.23 88.057 102.728 91.5592 98.4079 91.5592H21.2632C16.943 91.5592 13.4408 88.057 13.4408 83.7368V36.2632C13.4408 31.943 16.943 28.4408 21.2632 28.4408ZM4 36.2632C4 26.729 11.729 19 21.2632 19H98.4079C107.942 19 115.671 26.729 115.671 36.2632V83.7368C115.671 93.271 107.942 101 98.4079 101H21.2632C11.729 101 4 93.271 4 83.7368V36.2632ZM50.2836 59.8795C50.2836 67.5608 46.7456 73.7878 42.3812 73.7878C38.0168 73.7878 34.4787 67.5608 34.4787 59.8795C34.4787 52.1981 38.0168 45.9712 42.3812 45.9712C46.7456 45.9712 50.2836 52.1981 50.2836 59.8795ZM85.0609 59.8795C85.0609 67.5608 81.5228 73.7878 77.1584 73.7878C72.794 73.7878 69.256 67.5608 69.256 59.8795C69.256 52.1981 72.794 45.9712 77.1584 45.9712C81.5228 45.9712 85.0609 52.1981 85.0609 59.8795Z", fill: "black" })));
+const t = (r) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 400 400", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ e.createElement("rect", { x: 73.1603, y: 109.16, width: 253.435, height: 181.679, rx: 36.6412, fill: "none", stroke: "currentColor", strokeWidth: 18.3206 }), /* @__PURE__ */ e.createElement("ellipse", { cx: 164, cy: 199.618, rx: 16.0305, ry: 28.626, fill: "currentColor" }), /* @__PURE__ */ e.createElement("ellipse", { cx: 234.991, cy: 199.618, rx: 16.0305, ry: 28.626, fill: "currentColor" }));
 export {
-  l as default
+  t as default
 };

package/lib/NavMenu/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './nav-menu';
-export { default as Products } from './products';
+export { default as Products, type ProductsType, type ProductsProps } from './products';

package/lib/NavMenu/products.d.ts

@@ -1,5 +1,6 @@
 import { BoxProps } from '@mui/material';
+export type ProductsType = 'AIGNE' | 'ARCBLOCK';
 export interface ProductsProps extends BoxProps {
-    isOpen?: boolean;
+    type: ProductsType;
 }
-export default function Products({ className, isOpen, ...rest }: ProductsProps): import("react/jsx-runtime").JSX.Element;
+export default function Products({ className, type, ...rest }: ProductsProps): import("react/jsx-runtime").JSX.Element;