@arcblock/ux 3.1.57 → 3.1.59

package/lib/CodeBlock/index.d.ts

@@ -4,6 +4,7 @@ export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
     language?: string;
     children?: React.ReactNode;
     dark?: true | false;
+    showDefaultText?: true | false;
     sx?: SxProps;
 }
-export default function CodeBlock({ code, language, children, dark, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export default function CodeBlock({ code, language, children, dark, showDefaultText, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/CodeBlock/index.js

@@ -1,13 +1,13 @@
-import { jsxs as i, jsx as o, Fragment as u } from "react/jsx-runtime";
-import { useState as N } from "react";
-import C from "copy-to-clipboard";
+import { jsxs as i, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { useState as C } from "react";
+import _ from "copy-to-clipboard";
 import e from "highlight.js/lib/core";
 import s from "highlight.js/lib/languages/javascript";
-import l from "highlight.js/lib/languages/typescript";
-import _ from "highlight.js/lib/languages/json";
-import z from "highlight.js/lib/languages/elixir";
-import F from "highlight.js/lib/languages/java";
-import M from "highlight.js/lib/languages/swift";
+import g from "highlight.js/lib/languages/typescript";
+import z from "highlight.js/lib/languages/json";
+import F from "highlight.js/lib/languages/elixir";
+import M from "highlight.js/lib/languages/java";
+import B from "highlight.js/lib/languages/swift";
 import d from "highlight.js/lib/languages/objectivec";
 import f from "highlight.js/lib/languages/kotlin";
 import h from "highlight.js/lib/languages/protobuf";
@@ -16,21 +16,21 @@ import y from "highlight.js/lib/languages/yaml";
 import L from "highlight.js/lib/languages/shell";
 import b from "highlight.js/lib/languages/diff";
 import w from "highlight.js/lib/languages/plaintext";
-import B from "highlight.js/lib/languages/markdown";
+import P from "highlight.js/lib/languages/markdown";
 import "highlight.js/styles/atom-one-dark.css";
-import { FileCopy as P, Check as S } from "@mui/icons-material";
-import t from "../Colors/themes/default.js";
-import { styled as T } from "../Theme/index.js";
-import A from "./LightBox.js";
+import { FileCopy as S, Check as T } from "@mui/icons-material";
+import o from "../Colors/themes/default.js";
+import { styled as A } from "../Theme/index.js";
+import E from "./LightBox.js";
 e.registerLanguage("javascript", s);
 e.registerLanguage("js", s);
 e.registerLanguage("jsx", s);
-e.registerLanguage("typescript", l);
-e.registerLanguage("ts", l);
-e.registerLanguage("tsx", l);
-e.registerLanguage("json", _);
-e.registerLanguage("elixir", z);
-e.registerLanguage("java", F);
+e.registerLanguage("typescript", g);
+e.registerLanguage("ts", g);
+e.registerLanguage("tsx", g);
+e.registerLanguage("json", z);
+e.registerLanguage("elixir", F);
+e.registerLanguage("java", M);
 e.registerLanguage("kotlin", f);
 e.registerLanguage("kt", f);
 e.registerLanguage("protobuf", h);
@@ -45,43 +45,44 @@ e.registerLanguage("plaintext", w);
 e.registerLanguage("text", w);
 e.registerLanguage("patch", b);
 e.registerLanguage("diff", b);
-e.registerLanguage("swift", M);
+e.registerLanguage("swift", B);
 e.registerLanguage("objectivec", d);
 e.registerLanguage("oc", d);
-e.registerLanguage("markdown", B);
+e.registerLanguage("markdown", P);
 function le({
   code: r = "",
   language: a = "text",
   children: k = null,
   dark: j = !0,
-  ...v
+  showDefaultText: v = !0,
+  ...$
 }) {
-  const [g, p] = N(!1), c = r || k, $ = () => {
-    g || (C(c), p(!0), setTimeout(() => {
+  const [l, p] = C(!1), c = r || k, N = () => {
+    l || (_(c), p(!0), setTimeout(() => {
       p(!1);
     }, 1500));
-  }, m = /* @__PURE__ */ i(E, { ...v, children: [
-    /* @__PURE__ */ o("span", { className: "codeblock__inner", children: /* @__PURE__ */ o(
+  }, m = /* @__PURE__ */ i(H, { ...$, children: [
+    /* @__PURE__ */ t("span", { className: "codeblock__inner", children: /* @__PURE__ */ t(
       "code",
       {
         className: `hljs ${a}`,
         dangerouslySetInnerHTML: { __html: e.highlightAuto(c, [a]).value }
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: "copy-button", onClick: $, children: [
-      /* @__PURE__ */ o("span", { className: "default-text", children: a }),
-      /* @__PURE__ */ o("span", { className: "hover-text", children: g ? /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ o(S, { className: "copy-icon" }),
-        /* @__PURE__ */ o("span", { className: "button-lang-text", children: "copied" })
+    /* @__PURE__ */ i("div", { className: "copy-button", onClick: N, children: [
+      v && /* @__PURE__ */ t("span", { className: "default-text", children: a }),
+      /* @__PURE__ */ t("span", { className: "hover-text", children: l ? /* @__PURE__ */ i(u, { children: [
+        /* @__PURE__ */ t(T, { className: "copy-icon" }),
+        /* @__PURE__ */ t("span", { className: "button-lang-text", children: "copied" })
       ] }) : /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ o(P, { className: "copy-icon" }),
-        /* @__PURE__ */ o("span", { className: "button-lang-text", children: "copy" })
+        /* @__PURE__ */ t(S, { className: "copy-icon" }),
+        /* @__PURE__ */ t("span", { className: "button-lang-text", children: "copy" })
       ] }) })
     ] })
   ] });
-  return j ? m : /* @__PURE__ */ o(A, { children: m });
+  return j ? m : /* @__PURE__ */ t(E, { children: m });
 }
-const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important", E = T("pre", {
+const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important", H = A("pre", {
   shouldForwardProp: (r) => r !== "sx"
 })`
   font-family: ${n};
@@ -103,7 +104,7 @@ const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
     display: block;
     width: 100%;
     max-height: 46.25rem;
-    overflow: scroll;
+    overflow: auto;
   }
 
   .copy-button {
@@ -123,7 +124,7 @@ const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
 
     .copy-icon {
       font-size: 16px;
-      color: ${t.common.white};
+      color: ${o.common.white};
     }
 
     .hover-text {
@@ -131,20 +132,20 @@ const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
     }
     .default-text {
       font-size: 12px;
-      color: ${t.common.white};
+      color: ${o.common.white};
     }
   }
 
   &:hover {
     .copy-button {
       display: flex;
-      background: ${t.primary.main};
+      background: ${o.primary.main};
 
       .hover-text {
         display: flex;
         justify-content: center;
         align-items: center;
-        color: ${t.common.white};
+        color: ${o.common.white};
       }
       .default-text {
         display: none;
@@ -156,7 +157,7 @@ const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
   .button-lang-text {
     margin-left: 4px;
     font-size: 12px;
-    color: ${t.common.white};
+    color: ${o.common.white};
   }
 
   code {
@@ -164,7 +165,7 @@ const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
     counter-increment: line;
     padding: 16px;
     font-family: ${n};
-    color: ${t.common.white};
+    color: ${o.common.white};
     * {
       font-family: ${n};
     }

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.1.57", s = { "@blocklet/js-sdk": "1.17.0-beta-20251104-112713-e947b159" }, t = {
+const e = "3.1.59", s = { "@blocklet/js-sdk": "1.17.0-beta-20251104-112713-e947b159" }, t = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.1.57",
+  "version": "3.1.59",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "ff0e37a8ddeb14f0ebd4e1d55a308b17041e4d70",
+  "gitHead": "40bce7b0f6ed43f138bdd0c0d73f365533e66c80",
   "dependencies": {
-    "@arcblock/bridge": "3.1.57",
+    "@arcblock/bridge": "3.1.59",
     "@arcblock/did": "^1.27.2",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.1.57",
-    "@arcblock/nft-display": "3.1.57",
-    "@arcblock/react-hooks": "3.1.57",
+    "@arcblock/icons": "3.1.59",
+    "@arcblock/nft-display": "3.1.59",
+    "@arcblock/react-hooks": "3.1.59",
     "@blocklet/js-sdk": "1.17.0-beta-20251104-112713-e947b159",
-    "@blocklet/theme": "3.1.57",
+    "@blocklet/theme": "3.1.59",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/CodeBlock/index.tsx

@@ -60,6 +60,7 @@ export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
   language?: string;
   children?: React.ReactNode;
   dark?: true | false;
+  showDefaultText?: true | false;
   sx?: SxProps;
 }
 
@@ -68,6 +69,7 @@ export default function CodeBlock({
   language = 'text',
   children = null,
   dark = true,
+  showDefaultText = true,
   ...rest
 }: CodeBlockProps) {
   const [copied, setCopied] = useState(false);
@@ -94,7 +96,7 @@ export default function CodeBlock({
         />
       </span>
       <div className="copy-button" onClick={onCopy}>
-        <span className="default-text">{language}</span>
+        {showDefaultText && <span className="default-text">{language}</span>}
         <span className="hover-text">
           {!copied ? (
             <>
@@ -142,7 +144,7 @@ const Pre = styled('pre', {
     display: block;
     width: 100%;
     max-height: 46.25rem;
-    overflow: scroll;
+    overflow: auto;
   }
 
   .copy-button {