@arcblock/ux 2.13.69 → 3.0.0

package/lib/CodeBlock/index.js

@@ -1,122 +1,88 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-danger */
-import { useState } from 'react';
-import Copy from 'copy-to-clipboard';
-import hljs from 'highlight.js/lib/core';
-import javascript from 'highlight.js/lib/languages/javascript';
-import typescript from 'highlight.js/lib/languages/typescript';
-import json from 'highlight.js/lib/languages/json';
-import elixir from 'highlight.js/lib/languages/elixir';
-import java from 'highlight.js/lib/languages/java';
-import swift from 'highlight.js/lib/languages/swift';
-import objectivec from 'highlight.js/lib/languages/objectivec';
-import kotlin from 'highlight.js/lib/languages/kotlin';
-import protobuf from 'highlight.js/lib/languages/protobuf';
-import python from 'highlight.js/lib/languages/python';
-import yaml from 'highlight.js/lib/languages/yaml';
-import shell from 'highlight.js/lib/languages/shell';
-import diff from 'highlight.js/lib/languages/diff';
-import plaintext from 'highlight.js/lib/languages/plaintext';
-import markdown from 'highlight.js/lib/languages/markdown';
-import 'highlight.js/styles/atom-one-dark.css';
-import CopyIcon from '@mui/icons-material/FileCopy';
-import CheckIcon from '@mui/icons-material/Check';
-import colors from '../Colors';
-import { styled } from '../Theme';
-import LightBox from './LightBox';
-hljs.registerLanguage('javascript', javascript);
-hljs.registerLanguage('js', javascript);
-hljs.registerLanguage('jsx', javascript);
-hljs.registerLanguage('typescript', typescript);
-hljs.registerLanguage('ts', typescript);
-hljs.registerLanguage('tsx', typescript);
-hljs.registerLanguage('json', json);
-hljs.registerLanguage('elixir', elixir);
-hljs.registerLanguage('java', java);
-hljs.registerLanguage('kotlin', kotlin);
-hljs.registerLanguage('kt', kotlin);
-hljs.registerLanguage('protobuf', protobuf);
-hljs.registerLanguage('protobuffer', protobuf);
-hljs.registerLanguage('python', python);
-hljs.registerLanguage('py', python);
-hljs.registerLanguage('yaml', yaml);
-hljs.registerLanguage('yml', yaml);
-hljs.registerLanguage('shell', shell);
-hljs.registerLanguage('sh', shell);
-hljs.registerLanguage('plaintext', plaintext);
-hljs.registerLanguage('text', plaintext);
-hljs.registerLanguage('patch', diff);
-hljs.registerLanguage('diff', diff);
-hljs.registerLanguage('swift', swift);
-hljs.registerLanguage('objectivec', objectivec);
-hljs.registerLanguage('oc', objectivec);
-hljs.registerLanguage('markdown', markdown);
-export default function CodeBlock({
-  code = '',
-  language = 'text',
-  children = null,
-  dark = true,
-  ...rest
+import { jsxs as t, jsx as r, Fragment as c } from "react/jsx-runtime";
+import { useState as N } from "react";
+import C from "copy-to-clipboard";
+import e from "highlight.js/lib/core";
+import n from "highlight.js/lib/languages/javascript";
+import s 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 u from "highlight.js/lib/languages/objectivec";
+import f from "highlight.js/lib/languages/kotlin";
+import d from "highlight.js/lib/languages/protobuf";
+import h from "highlight.js/lib/languages/python";
+import x from "highlight.js/lib/languages/yaml";
+import y from "highlight.js/lib/languages/shell";
+import L from "highlight.js/lib/languages/diff";
+import b from "highlight.js/lib/languages/plaintext";
+import B from "highlight.js/lib/languages/markdown";
+import "highlight.js/styles/atom-one-dark.css";
+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", n);
+e.registerLanguage("js", n);
+e.registerLanguage("jsx", n);
+e.registerLanguage("typescript", s);
+e.registerLanguage("ts", s);
+e.registerLanguage("tsx", s);
+e.registerLanguage("json", _);
+e.registerLanguage("elixir", z);
+e.registerLanguage("java", F);
+e.registerLanguage("kotlin", f);
+e.registerLanguage("kt", f);
+e.registerLanguage("protobuf", d);
+e.registerLanguage("protobuffer", d);
+e.registerLanguage("python", h);
+e.registerLanguage("py", h);
+e.registerLanguage("yaml", x);
+e.registerLanguage("yml", x);
+e.registerLanguage("shell", y);
+e.registerLanguage("sh", y);
+e.registerLanguage("plaintext", b);
+e.registerLanguage("text", b);
+e.registerLanguage("patch", L);
+e.registerLanguage("diff", L);
+e.registerLanguage("swift", M);
+e.registerLanguage("objectivec", u);
+e.registerLanguage("oc", u);
+e.registerLanguage("markdown", B);
+function ge({
+  code: w = "",
+  language: i = "text",
+  children: k = null,
+  dark: j = !0,
+  ...v
 }) {
-  const [copied, setCopied] = useState(false);
-  const source = code || children;
-  const onCopy = () => {
-    if (copied) {
-      return;
-    }
-    Copy(source);
-    setCopied(true);
-    // 恢复 copied 状态
-    setTimeout(() => {
-      setCopied(false);
-    }, 1500);
-  };
-  const originEl = /*#__PURE__*/_jsxs(Pre, {
-    ...rest,
-    children: [/*#__PURE__*/_jsx("span", {
-      className: "codeblock__inner",
-      children: /*#__PURE__*/_jsx("code", {
-        className: `hljs ${language}`,
-        dangerouslySetInnerHTML: {
-          __html: hljs.highlightAuto(source, [language]).value
-        }
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "copy-button",
-      onClick: onCopy,
-      children: [/*#__PURE__*/_jsx("span", {
-        className: "default-text",
-        children: language
-      }), /*#__PURE__*/_jsx("span", {
-        className: "hover-text",
-        children: !copied ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(CopyIcon, {
-            className: "copy-icon"
-          }), /*#__PURE__*/_jsx("span", {
-            className: "button-lang-text",
-            children: "copy"
-          })]
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(CheckIcon, {
-            className: "copy-icon"
-          }), /*#__PURE__*/_jsx("span", {
-            className: "button-lang-text",
-            children: "copied"
-          })]
-        })
-      })]
-    })]
-  });
-  if (!dark) {
-    return /*#__PURE__*/_jsx(LightBox, {
-      children: originEl
-    });
-  }
-  return originEl;
+  const [g, l] = N(!1), p = w || k, $ = () => {
+    g || (C(p), l(!0), setTimeout(() => {
+      l(!1);
+    }, 1500));
+  }, m = /* @__PURE__ */ t(H, { ...v, children: [
+    /* @__PURE__ */ r("span", { className: "codeblock__inner", children: /* @__PURE__ */ r(
+      "code",
+      {
+        className: `hljs ${i}`,
+        dangerouslySetInnerHTML: { __html: e.highlightAuto(p, [i]).value }
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "copy-button", onClick: $, children: [
+      /* @__PURE__ */ r("span", { className: "default-text", children: i }),
+      /* @__PURE__ */ r("span", { className: "hover-text", children: g ? /* @__PURE__ */ t(c, { children: [
+        /* @__PURE__ */ r(T, { className: "copy-icon" }),
+        /* @__PURE__ */ r("span", { className: "button-lang-text", children: "copied" })
+      ] }) : /* @__PURE__ */ t(c, { children: [
+        /* @__PURE__ */ r(S, { className: "copy-icon" }),
+        /* @__PURE__ */ r("span", { className: "button-lang-text", children: "copy" })
+      ] }) })
+    ] })
+  ] });
+  return j ? m : /* @__PURE__ */ r(E, { children: m });
 }
-const fontFamily = 'source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important';
-const Pre = styled('pre')`
-  font-family: ${fontFamily};
+const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important", H = A("pre")`
+  font-family: ${a};
   display: block;
   font-size: 14px;
   line-height: 1.42857143;
@@ -127,7 +93,7 @@ const Pre = styled('pre')`
   border-radius: 5px;
   border: 1px solid #dedede;
   background: #222;
-  color: ${colors.common.white};
+  color: ${o.common.white};
   position: relative;
 
   .codeblock__inner {
@@ -154,7 +120,7 @@ const Pre = styled('pre')`
 
     .copy-icon {
       font-size: 16px;
-      color: ${colors.common.white};
+      color: ${o.common.white};
     }
 
     .hover-text {
@@ -162,20 +128,20 @@ const Pre = styled('pre')`
     }
     .default-text {
       font-size: 12px;
-      color: ${colors.common.white};
+      color: ${o.common.white};
     }
   }
 
   &:hover {
     .copy-button {
       display: flex;
-      background: ${colors.primary.main};
+      background: ${o.primary.main};
 
       .hover-text {
         display: flex;
         justify-content: center;
         align-items: center;
-        color: ${colors.common.white};
+        color: ${o.common.white};
       }
       .default-text {
         display: none;
@@ -187,21 +153,24 @@ const Pre = styled('pre')`
   .button-lang-text {
     margin-left: 4px;
     font-size: 12px;
-    color: ${colors.common.white};
+    color: ${o.common.white};
   }
 
   code {
     counter-reset: line;
     counter-increment: line;
     padding: 16px;
-    font-family: ${fontFamily};
-    color: ${colors.common.white};
+    font-family: ${a};
+    color: ${o.common.white};
     * {
-      font-family: ${fontFamily};
+      font-family: ${a};
     }
   }
 
   .hljs * {
     white-space: normal; // autowrap
   }
-`;
+`;
+export {
+  ge as default
+};

package/lib/Colors/Colors.stories.d.ts

@@ -0,0 +1,34 @@
+export function DefaultAbtColors(): import("react/jsx-runtime").JSX.Element;
+export namespace DefaultAbtColors {
+    let storyName: string;
+}
+export function MuiThemePalette(): import("react/jsx-runtime").JSX.Element;
+export namespace MuiThemePalette {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+}
+export function ColorsStyledComponents(): import("react/jsx-runtime").JSX.Element;
+export namespace ColorsStyledComponents {
+    let storyName_2: string;
+    export { storyName_2 as storyName };
+}
+export function MuiThemeBoxButton(): import("react/jsx-runtime").JSX.Element;
+export namespace MuiThemeBoxButton {
+    let storyName_3: string;
+    export { storyName_3 as storyName };
+}
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+        namespace design {
+            let type: string;
+            let url: string;
+        }
+    }
+}
+export default _default;

package/lib/Colors/index.js

@@ -1,4 +1,8 @@
-// eslint-disable-next-line no-restricted-exports
-export { default } from './themes/default';
-export { default as temp } from './themes/temp';
-export { default as didConnectColors } from './themes/did-connect';
+import { default as t } from "./themes/default.js";
+import { default as f } from "./themes/temp.js";
+import { default as d } from "./themes/did-connect.js";
+export {
+  t as default,
+  d as didConnectColors,
+  f as temp
+};

package/lib/Colors/themes/default.d.ts

@@ -1,4 +1,4 @@
-import { type Theme } from '@blocklet/theme';
+import { Theme } from '@blocklet/theme';
 /**
  * @deprecated 请使用 MUI theme 对象替代
  */

package/lib/Colors/themes/default.js

@@ -1,7 +1,5 @@
-import { BLOCKLET_THEME_LIGHT } from '@blocklet/theme';
-
-/**
- * @deprecated 请使用 MUI theme 对象替代
- */
-const colors = BLOCKLET_THEME_LIGHT.palette;
-export default colors;
+import { BLOCKLET_THEME_LIGHT as o } from "@blocklet/theme";
+const e = o.palette;
+export {
+  e as default
+};

package/lib/Colors/themes/did-connect.js

@@ -1,63 +1,62 @@
-/**
- * @deprecated 请使用 MUI theme 对象替代
- */
-const colors = {
+const F = {
   background: {
-    overlay: 'rgba(15, 23, 42, 0.5)',
-    default: 'white',
-    paper0: 'white',
-    paper1: '#FAFAFA',
-    paper2: '#F4F4F5',
-    paper3: '#F0F0F1'
+    overlay: "rgba(15, 23, 42, 0.5)",
+    default: "white",
+    paper0: "white",
+    paper1: "#FAFAFA",
+    paper2: "#F4F4F5",
+    paper3: "#F0F0F1"
   },
   text: {
-    primary: '#18181B',
-    secondary: '#71717B',
-    disabled: '#D4D4D8',
-    hint: '#D4D4D8'
+    primary: "#18181B",
+    secondary: "#71717B",
+    disabled: "#D4D4D8",
+    hint: "#D4D4D8"
   },
   state: {
-    hover: '#FAFAFA',
-    selected: '#F4F4F5',
-    item: '#F4F4F5',
-    itemSelected: '#E4E4E7'
+    hover: "#FAFAFA",
+    selected: "#F4F4F5",
+    item: "#F4F4F5",
+    itemSelected: "#E4E4E7"
   },
   primary: {
-    main: '#2B7FFF',
-    light: '#51A2FF',
-    dark: '#155DFC',
-    contrastText: '#fff'
+    main: "#2B7FFF",
+    light: "#51A2FF",
+    dark: "#155DFC",
+    contrastText: "#fff"
   },
   secondary: {
-    main: '#615FFF',
-    light: '#7C86FF',
-    dark: '#4F39F6',
-    contrastText: '#fff'
+    main: "#615FFF",
+    light: "#7C86FF",
+    dark: "#4F39F6",
+    contrastText: "#fff"
   },
   error: {
-    main: '#FB2C36',
-    light: '#FF6467',
-    dark: '#E7000B',
-    contrastText: '#fff'
+    main: "#FB2C36",
+    light: "#FF6467",
+    dark: "#E7000B",
+    contrastText: "#fff"
   },
   warning: {
-    main: '#FF6900',
-    light: '#FF8904',
-    dark: '#F54900',
-    contrastText: '#fff'
+    main: "#FF6900",
+    light: "#FF8904",
+    dark: "#F54900",
+    contrastText: "#fff"
   },
   info: {
-    main: '#2B7FFF',
-    light: '#51A2FF',
-    dark: '#155DFC',
-    contrastText: '#fff'
+    main: "#2B7FFF",
+    light: "#51A2FF",
+    dark: "#155DFC",
+    contrastText: "#fff"
   },
   success: {
-    main: '#00C950',
-    light: '#05DF72',
-    dark: '#00A63E',
-    contrastText: '#fff'
+    main: "#00C950",
+    light: "#05DF72",
+    dark: "#00A63E",
+    contrastText: "#fff"
   },
-  divider: 'rgba(18, 22, 24, 0.06)'
+  divider: "rgba(18, 22, 24, 0.06)"
+};
+export {
+  F as default
 };
-export default colors;

package/lib/Colors/themes/temp.js

@@ -1,45 +1,44 @@
-/**
- * @deprecated 请使用 MUI theme 对象替代
- */
-const colors = {
-  textMuted: 'rgba(18, 22, 24, 0.36)',
-  textSubtitle: 'rgba(18, 22, 24, 0.6)',
-  textBase: 'rgba(18, 22, 24, 1)',
-  textPrimaryBase: 'rgba(18, 22, 24, 1)',
-  primaryBase: 'rgba(19, 125, 250, 1)',
-  primary100: 'rgba(19, 125, 250, 1)',
-  gray6: 'rgba(17, 22, 24, 0.06)',
+const r = {
+  textMuted: "rgba(18, 22, 24, 0.36)",
+  textSubtitle: "rgba(18, 22, 24, 0.6)",
+  textBase: "rgba(18, 22, 24, 1)",
+  textPrimaryBase: "rgba(18, 22, 24, 1)",
+  primaryBase: "rgba(19, 125, 250, 1)",
+  primary100: "rgba(19, 125, 250, 1)",
+  gray6: "rgba(17, 22, 24, 0.06)",
   // surface
-  surfaceBgSubtitle: 'rgba(18, 22, 24, 0.03)',
-  surfacePrimarySubtitle: 'rgba(19, 125, 250, 0.06)',
-  surfaceSuccess: 'rgba(13, 202, 134, 1)',
+  surfaceBgSubtitle: "rgba(18, 22, 24, 0.03)",
+  surfacePrimarySubtitle: "rgba(19, 125, 250, 0.06)",
+  surfaceSuccess: "rgba(13, 202, 134, 1)",
   // background
-  backgroundsBgSubtitle: 'rgba(249, 250, 251, 1)',
-  backgroundsBgComponent: 'rgba(241, 243, 245, 1)',
-  backgroundsBgField: 'rgba(249, 250, 251, 1)',
-  backgroundsBgSubtile: 'rgba(249, 250, 251, 1)',
-  backgroundsBgSubtileHover: 'rgba(243, 244, 246, 1)',
+  backgroundsBgSubtitle: "rgba(249, 250, 251, 1)",
+  backgroundsBgComponent: "rgba(241, 243, 245, 1)",
+  backgroundsBgField: "rgba(249, 250, 251, 1)",
+  backgroundsBgSubtile: "rgba(249, 250, 251, 1)",
+  backgroundsBgSubtileHover: "rgba(243, 244, 246, 1)",
   // foreground
-  foregroundsFgBase: 'rgba(3, 7, 18, 1)',
-  foregroundsFgSubtile: 'rgba(75, 85, 99, 1)',
-  foregroundsFgMuted: 'rgba(156, 163, 175, 1)',
-  foregroundsFgInteractiveTransparent: 'rgba(59, 130, 246, 0)',
-  foregroundsFgInteractive: 'rgba(59, 130, 246, 1)',
+  foregroundsFgBase: "rgba(3, 7, 18, 1)",
+  foregroundsFgSubtile: "rgba(75, 85, 99, 1)",
+  foregroundsFgMuted: "rgba(156, 163, 175, 1)",
+  foregroundsFgInteractiveTransparent: "rgba(59, 130, 246, 0)",
+  foregroundsFgInteractive: "rgba(59, 130, 246, 1)",
   // border
-  strokeBorderBase: 'rgba(229, 231, 235, 1)',
-  strokeBorderStrong: 'rgba(209, 213, 219, 1)',
-  strokeSep: 'rgba(229, 231, 235, 1)',
-  lineStep: 'rgba(18, 22, 24, 0.06)',
-  lineBorderStrong: 'rgba(18, 22, 24, 0.12)',
-  lineBorderBase: 'rgba(18, 22, 24, 0.06)',
-  borderBase: 'rgba(18, 22, 24, 0.06)',
-  dividerColor: 'rgba(239, 241, 245, 1)',
+  strokeBorderBase: "rgba(229, 231, 235, 1)",
+  strokeBorderStrong: "rgba(209, 213, 219, 1)",
+  strokeSep: "rgba(229, 231, 235, 1)",
+  lineStep: "rgba(18, 22, 24, 0.06)",
+  lineBorderStrong: "rgba(18, 22, 24, 0.12)",
+  lineBorderBase: "rgba(18, 22, 24, 0.06)",
+  borderBase: "rgba(18, 22, 24, 0.06)",
+  dividerColor: "rgba(239, 241, 245, 1)",
   // button
-  buttonsButtonNeutral: 'rgba(255, 255, 255, 1)',
-  buttonsButtonNeutralHover: 'rgba(243, 244, 246, 1)',
-  buttonsButtonInverted: 'rgba(3, 7, 18, 1)',
-  buttonsButtonInvertedHover: 'rgba(17, 24, 39, 1)',
-  buttonsButtonDanger: 'rgba(225, 29, 72, 1)',
-  red: '#FF6369'
+  buttonsButtonNeutral: "rgba(255, 255, 255, 1)",
+  buttonsButtonNeutralHover: "rgba(243, 244, 246, 1)",
+  buttonsButtonInverted: "rgba(3, 7, 18, 1)",
+  buttonsButtonInvertedHover: "rgba(17, 24, 39, 1)",
+  buttonsButtonDanger: "rgba(225, 29, 72, 1)",
+  red: "#FF6369"
+};
+export {
+  r as default
 };
-export default colors;

package/lib/Config/Config.stories.d.ts

@@ -0,0 +1,14 @@
+import { default as SwitchMode } from './demo/switch-mode';
+import { default as NestedColorScheme } from './demo/nested-color-scheme';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export { SwitchMode, NestedColorScheme };

package/lib/Config/config-provider.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { LocaleProviderProps } from '../Locale/context';
-import { type ThemeProviderProps } from '../Theme/theme-provider';
+import { ThemeProviderProps } from '../Theme/theme-provider';
 export interface ConfigProviderProps extends Omit<LocaleProviderProps, 'translations'>, ThemeProviderProps {
     children: ReactNode;
     translations?: Record<string, any>;
@@ -10,16 +10,16 @@ export interface ConfigProviderProps extends Omit<LocaleProviderProps, 'translat
  */
 export declare function ConfigProvider({ children, theme, injectFirst, darkSchemeClass, prefer, disableBlockletTheme, enableColorScheme, locale, fallbackLocale, translations, languages, onLoadingTranslation, }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useConfig(): {
-    mode: import("@mui/material").PaletteMode;
+    mode: import('@mui/material').PaletteMode;
     toggleMode: () => void;
-    changeMode: (mode: import("@mui/material").PaletteMode) => void;
-    prefer?: import("../Theme").Prefer;
-    locale: import("../type").Locale;
-    changeLocale: (locale: import("../type").Locale) => void;
+    changeMode: (mode: import('@mui/material').PaletteMode) => void;
+    prefer?: import('../Theme').Prefer;
+    locale: import('../type').Locale;
+    changeLocale: (locale: import('../type').Locale) => void;
     t: (key: string, data?: Record<string, any>) => string;
     languages: {
         code: string;
         name: string;
     }[];
-    theme: import("@mui/material").Theme;
+    theme: import('@mui/material').Theme;
 };