@arcblock/ux 2.13.70 → 3.0.0

package/lib/Result/common.js

@@ -1,138 +1,106 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/prop-types */
-/* eslint-disable no-param-reassign */
-import InfoIcon from '@mui/icons-material/Info';
-import CancelRoundedIcon from '@mui/icons-material/CancelRounded';
-import Result from './result';
-import translations from './translations';
-import { useLocaleContext } from '../Locale/context';
-import { useTheme } from '../Theme';
-// 优先使用显式指定的 locale, 再尝试使用 context 中的 locale, 最后使用默认 'en'
-const useLocale = locale => {
-  locale = ['zh', 'en'].includes(locale) ? locale : '';
-  const {
-    locale: localeFromContext
-  } = useLocaleContext() || {
-    locale: 'en'
-  };
-  const result = locale || localeFromContext;
-  return translations[result] ? result : 'en';
+import { jsx as i } from "react/jsx-runtime";
+import { CancelRounded as f, Info as p } from "@mui/icons-material";
+import o from "./result.js";
+import r from "./translations.js";
+import { useLocaleContext as d } from "../Locale/context.js";
+import { useTheme as m } from "@mui/material";
+import "../Theme/theme.js";
+import "../Theme/theme-provider.js";
+const e = (t) => {
+  t = ["zh", "en"].includes(t) ? t : "";
+  const { locale: n } = d() || { locale: "en" }, c = t || n;
+  return r[c] ? c : "en";
 };
-// 404
-export function PageNotFound({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledErrorIcon, {}),
-    title: translations[locale]['404'].title,
-    description: translations[locale]['404'].description,
-    ...rest
-  });
+function a({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(s, {}),
+      title: r[t][404].title,
+      description: r[t][404].description,
+      ...n
+    }
+  );
 }
-PageNotFound.status = '404';
-
-// 403
-export function Forbidden({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledErrorIcon, {}),
-    title: translations[locale][403].title,
-    description: translations[locale][403].description,
-    ...rest
-  });
+a.status = "404";
+function S({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(s, {}),
+      title: r[t][403].title,
+      description: r[t][403].description,
+      ...n
+    }
+  );
 }
-Forbidden.status = '403';
-
-// 500
-export function InternalServerError({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledErrorIcon, {}),
-    title: translations[locale][500].title,
-    description: translations[locale][500].description,
-    ...rest
-  });
+S.status = "403";
+function I({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(s, {}),
+      title: r[t][500].title,
+      description: r[t][500].description,
+      ...n
+    }
+  );
 }
-InternalServerError.status = '500';
-
-// 通用错误
-export function Error({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledErrorIcon, {}),
-    title: translations[locale].error.title,
-    description: translations[locale].error.description,
-    ...rest
-  });
+I.status = "500";
+function g({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(s, {}),
+      title: r[t].error.title,
+      description: r[t].error.description,
+      ...n
+    }
+  );
 }
-Error.status = 'error';
-
-// under maintenance
-export function Maintenance({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledInfoIcon, {}),
-    title: translations[locale].maintenance.title,
-    description: translations[locale].maintenance.description,
-    ...rest
-  });
+g.status = "error";
+function h({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(u, {}),
+      title: r[t].maintenance.title,
+      description: r[t].maintenance.description,
+      ...n
+    }
+  );
 }
-Maintenance.status = 'maintenance';
-
-// coming soon
-export function ComingSoon({
-  locale,
-  ...rest
-}) {
-  locale = useLocale(locale);
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledInfoIcon, {}),
-    title: translations[locale].comingSoon.title,
-    description: translations[locale].comingSoon.description,
-    ...rest
-  });
+h.status = "maintenance";
+function x({ locale: t, ...n }) {
+  return t = e(t), /* @__PURE__ */ i(
+    o,
+    {
+      icon: /* @__PURE__ */ i(u, {}),
+      title: r[t].comingSoon.title,
+      description: r[t].comingSoon.description,
+      ...n
+    }
+  );
 }
-ComingSoon.status = 'comingSoon';
-
-// info, 与其它 status 不同, title/description 需要使用方自己传入
-export function Info(props) {
-  return /*#__PURE__*/_jsx(Result, {
-    icon: /*#__PURE__*/_jsx(StyledInfoIcon, {}),
-    ...props
-  });
+x.status = "comingSoon";
+function y(t) {
+  return /* @__PURE__ */ i(o, { icon: /* @__PURE__ */ i(u, {}), ...t });
 }
-Info.status = 'info';
-function StyledErrorIcon(props) {
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(CancelRoundedIcon, {
-    style: {
-      color: theme.palette.error.main,
-      fontSize: 72
-    },
-    ...props
-  });
+y.status = "info";
+function s(t) {
+  const n = m();
+  return /* @__PURE__ */ i(f, { style: { color: n.palette.error.main, fontSize: 72 }, ...t });
 }
-function StyledInfoIcon(props) {
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(InfoIcon, {
-    style: {
-      color: theme.palette.info.main,
-      fontSize: 72
-    },
-    ...props
-  });
-}
+function u(t) {
+  const n = m();
+  return /* @__PURE__ */ i(p, { style: { color: n.palette.info.main, fontSize: 72 }, ...t });
+}
+export {
+  x as ComingSoon,
+  g as Error,
+  S as Forbidden,
+  y as Info,
+  I as InternalServerError,
+  h as Maintenance,
+  a as PageNotFound
+};

package/lib/Result/index.d.ts

@@ -1,4 +1,4 @@
-import { type ResultProps } from './result';
+import { ResultProps } from './result';
 export interface ResultWrapperProps extends ResultProps {
     status?: string | number;
 }

package/lib/Result/index.js

@@ -1,25 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Result from './result';
-import * as common from './common';
-const componentsKeyByStatus = Object.keys(common).reduce((acc, cur) => ({
-  ...acc,
-  [common[cur].status || cur]: common[cur]
-}), {});
-function ResultWrapper({
-  status = '',
-  ...rest
-}) {
-  if (status) {
-    if (componentsKeyByStatus[status]) {
-      const Component = componentsKeyByStatus[status];
-      return /*#__PURE__*/_jsx(Component, {
-        ...rest
-      });
+import { jsx as s } from "react/jsx-runtime";
+import a from "./result.js";
+import * as t from "./common.js";
+const r = Object.keys(t).reduce(
+  (o, e) => ({ ...o, [t[e].status || e]: t[e] }),
+  {}
+);
+function p({ status: o = "", ...e }) {
+  if (o) {
+    if (r[o]) {
+      const n = r[o];
+      return /* @__PURE__ */ s(n, { ...e });
     }
-    throw new Error(`Please provide a valid status for Result.status. Valid values are: ${Object.keys(componentsKeyByStatus).join(', ')}`);
+    throw new Error(
+      `Please provide a valid status for Result.status. Valid values are: ${Object.keys(r).join(
+        ", "
+      )}`
+    );
   }
-  return /*#__PURE__*/_jsx(Result, {
-    ...rest
-  });
+  return /* @__PURE__ */ s(a, { ...e });
 }
-export default ResultWrapper;
+export {
+  p as default
+};

package/lib/Result/result.js

@@ -1,35 +1,46 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { styled } from '../Theme';
-function Result({
-  icon,
-  title = '',
-  description = '',
-  extra,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsxs(Root, {
-    ...rest,
-    children: [icon, typeof title === 'string' ? /*#__PURE__*/_jsx(Box, {
-      mt: 3,
-      fontSize: 22,
-      fontWeight: 400,
-      color: "#47494E",
-      textAlign: "center",
-      children: title
-    }) : title, typeof description === 'string' ? /*#__PURE__*/_jsx(Box, {
-      mt: 1,
-      fontSize: 14,
-      color: "#7F828B",
-      textAlign: "center",
-      children: description
-    }) : description, /*#__PURE__*/_jsx(Box, {
-      mt: 3,
-      children: extra
-    })]
-  });
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Box as n } from "@mui/material";
+import { styled as l } from "../Theme/index.js";
+function g({ icon: r, title: t = "", description: o = "", extra: i, ...f }) {
+  return /* @__PURE__ */ c(s, { ...f, children: [
+    r,
+    typeof t == "string" ? /* @__PURE__ */ e(
+      n,
+      {
+        sx: {
+          mt: 3,
+          fontSize: 22,
+          fontWeight: 400,
+          color: "#47494E",
+          textAlign: "center"
+        },
+        children: t
+      }
+    ) : t,
+    typeof o == "string" ? /* @__PURE__ */ e(
+      n,
+      {
+        sx: {
+          mt: 1,
+          fontSize: 14,
+          color: "#7F828B",
+          textAlign: "center"
+        },
+        children: o
+      }
+    ) : o,
+    /* @__PURE__ */ e(
+      n,
+      {
+        sx: {
+          mt: 3
+        },
+        children: i
+      }
+    )
+  ] });
 }
-const Root = styled('div')`
+const s = l("div")`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -40,4 +51,6 @@ const Root = styled('div')`
 
   background-color: #f7f8fb;
 `;
-export default Result;
+export {
+  g as default
+};

package/lib/Result/translations.d.ts

@@ -1,3 +1,3 @@
-import type { Translations } from '../type';
+import { Translations } from '../type';
 declare const _default: Translations;
 export default _default;

package/lib/Result/translations.js

@@ -1,54 +1,57 @@
-export default {
+const e = {
   en: {
     404: {
-      title: '404 - Page Not Found',
-      description: 'Sorry about that, the page you are looking for does not exist or has been moved.'
+      title: "404 - Page Not Found",
+      description: "Sorry about that, the page you are looking for does not exist or has been moved."
     },
     403: {
-      title: '403 – Forbidden',
-      description: 'Sorry, you are not authorized to access this page.'
+      title: "403 – Forbidden",
+      description: "Sorry, you are not authorized to access this page."
     },
     500: {
-      title: '500 - Internal Server Error',
-      description: 'An internal server error has occurred. Please try again later.'
+      title: "500 - Internal Server Error",
+      description: "An internal server error has occurred. Please try again later."
     },
     error: {
-      title: 'Application Error',
-      description: 'Something went wrong. Please try again later.'
+      title: "Application Error",
+      description: "Something went wrong. Please try again later."
     },
     maintenance: {
-      title: 'Offline for maintenance',
-      description: 'This app is undergoing maintenance right now. Please check back later.'
+      title: "Offline for maintenance",
+      description: "This app is undergoing maintenance right now. Please check back later."
     },
     comingSoon: {
-      title: 'Coming Soon',
+      title: "Coming Soon",
       description: "Our website is under construction. We'll be here soon with our new website."
     }
   },
   zh: {
     404: {
-      title: '404 - 页面未找到',
-      description: '很抱歉，您正在寻找的页面不存在或已被移动。'
+      title: "404 - 页面未找到",
+      description: "很抱歉，您正在寻找的页面不存在或已被移动。"
     },
     403: {
-      title: '403 – 禁止访问',
-      description: '很抱歉，您没有权限访问此页面。'
+      title: "403 – 禁止访问",
+      description: "很抱歉，您没有权限访问此页面。"
     },
     500: {
-      title: '500 - 内部服务器错误',
-      description: '发生了一个内部服务器错误。请稍后再试。'
+      title: "500 - 内部服务器错误",
+      description: "发生了一个内部服务器错误。请稍后再试。"
     },
     error: {
-      title: 'Application Error',
-      description: '出错了, 请稍后再试。'
+      title: "Application Error",
+      description: "出错了, 请稍后再试。"
     },
     maintenance: {
-      title: '维护中',
-      description: '应用程序正在进行维护。请稍后再查看。'
+      title: "维护中",
+      description: "应用程序正在进行维护。请稍后再查看。"
     },
     comingSoon: {
-      title: '即将上线',
-      description: '我们的网站正在建设中。我们很快就会在这里推出我们的新网站。'
+      title: "即将上线",
+      description: "我们的网站正在建设中。我们很快就会在这里推出我们的新网站。"
     }
   }
-};
+};
+export {
+  e as default
+};

package/lib/Screenshot/BaseScreenshot/index.d.ts

@@ -1,4 +1,4 @@
-import { type SxProps } from '@mui/material';
+import { SxProps } from '@mui/material';
 export interface ScreenshotProps extends React.ComponentProps<'div'> {
     width?: number;
     type?: string;

package/lib/Screenshot/BaseScreenshot/index.js

@@ -1,32 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import phone from './shells/Phone';
-import macbook from './shells/Macbook';
-import { styled } from '../../Theme';
-const map = {
-  phone,
-  macbook
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import p from "./shells/Phone.js";
+import f from "./shells/Macbook.js";
+import { styled as m } from "../../Theme/index.js";
+const u = {
+  phone: p,
+  macbook: f
 };
-function Screenshot({
-  width = 0,
-  children,
-  type = 'phone',
-  ...rest
-}) {
-  const _type = type.toLowerCase();
-  const {
-    Shell,
-    ratio,
-    screenData,
-    width: defaultWidth
-  } = map[_type || 'phone'];
-  const Root = styled('div')`
+function $({ width: e = 0, children: i, type: s = "phone", ...n }) {
+  const r = s.toLowerCase(), { Shell: a, ratio: d, screenData: t, width: l } = u[r || "phone"], h = m("div")`
     position: relative;
     display: inline-block;
-    width: ${width || `${defaultWidth}px`};
+    width: ${e || `${l}px`};
     &:after {
       display: block;
       content: '';
-      padding-bottom: ${ratio * 100}%;
+      padding-bottom: ${d * 100}%;
     }
     > svg {
       display: block;
@@ -34,11 +22,11 @@ function Screenshot({
 
     .screenshot--container {
       position: absolute;
-      left: ${screenData.x * 100}%;
-      top: ${screenData.y * 100}%;
-      width: ${screenData.width * 100}%;
-      height: ${screenData.height * 100}%;
-      ${screenData.radius ? `border-radius: ${screenData.radius}` : ''};
+      left: ${t.x * 100}%;
+      top: ${t.y * 100}%;
+      width: ${t.width * 100}%;
+      height: ${t.height * 100}%;
+      ${t.radius ? `border-radius: ${t.radius}` : ""};
       background-color: #fff;
       overflow: hidden;
       > img {
@@ -58,20 +46,11 @@ function Screenshot({
       height: 100%;
     }
   `;
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/_jsxs(Root, {
-      ...rest,
-      children: [/*#__PURE__*/_jsx(Shell, {
-        className: "absolute-size"
-      }), /*#__PURE__*/_jsx("div", {
-        className: "screenshot--container",
-        children: children
-      })]
-    })
-  });
+  return /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ c(h, { ...n, children: [
+    /* @__PURE__ */ o(a, { className: "absolute-size" }),
+    /* @__PURE__ */ o("div", { className: "screenshot--container", children: i })
+  ] }) });
 }
-export default Screenshot;
+export {
+  $ as default
+};

package/lib/Screenshot/BaseScreenshot/shells/Macbook.js

@@ -1,37 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Shell({
-  ...rest
-}) {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "909",
-    height: "517",
-    viewBox: "0 0 909 517",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...rest,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M48 16C48 7.16343 55.1634 0 64 0H845C853.837 0 861 7.16344 861 16V490H48V16Z",
-      fill: "black"
-    }), /*#__PURE__*/_jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M62 28H847V466H62V28Z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M0 490H909V493C909 506.255 898.255 517 885 517H24C10.7452 517 0 506.255 0 493V490Z",
-      fill: "#282828"
-    })]
-  });
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+function i({ ...e }) {
+  return /* @__PURE__ */ o("svg", { width: "909", height: "517", viewBox: "0 0 909 517", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+    /* @__PURE__ */ t("path", { d: "M48 16C48 7.16343 55.1634 0 64 0H845C853.837 0 861 7.16344 861 16V490H48V16Z", fill: "black" }),
+    /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M62 28H847V466H62V28Z" }),
+    /* @__PURE__ */ t("path", { d: "M0 490H909V493C909 506.255 898.255 517 885 517H24C10.7452 517 0 506.255 0 493V490Z", fill: "#282828" })
+  ] });
 }
-
-// 设备截图的实际尺寸
-export const width = 909;
-export const height = 517;
-
-// 屏幕的比例
-export const ratio = 438 / 785;
-
-// 屏幕相关数据
-export const screenData = {
+const l = 909, n = 517, h = 438 / 785, s = {
   // 屏幕坐标轴相对图片的百分比
   x: 68 / 909,
   y: 28 / 517,
@@ -39,12 +14,19 @@ export const screenData = {
   width: 773 / 909,
   height: 438 / 517,
   // 是否有圆角
-  radius: 'none'
+  radius: "none"
+}, a = {
+  Shell: i,
+  ratio: h,
+  screenData: s,
+  width: l,
+  height: n
+};
+export {
+  i as Shell,
+  a as default,
+  n as height,
+  h as ratio,
+  s as screenData,
+  l as width
 };
-export default {
-  Shell,
-  ratio,
-  screenData,
-  width,
-  height
-};