@arcblock/ux 2.9.90 → 2.10.0

package/lib/ErrorBoundary/fallback.js

@@ -1,31 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorFallback = ErrorFallback;
-exports.ErrorFallbackRetry = ErrorFallbackRetry;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _colors = require("@mui/material/colors");
-var _Button = _interopRequireDefault(require("../Button"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function InternalErrorFallback(_ref) {
-  let {
-    title,
-    desc,
-    retryFunc
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+import PropTypes from 'prop-types';
+import { red } from '@mui/material/colors';
+import Button from '../Button';
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function InternalErrorFallback({
+  title,
+  desc,
+  retryFunc
+}) {
+  return /*#__PURE__*/_jsxs(Root, {
     role: "alert",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+    children: [/*#__PURE__*/_jsx("h3", {
       children: title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+    }), /*#__PURE__*/_jsx("pre", {
       children: desc
-    }), retryFunc && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    }), retryFunc && /*#__PURE__*/_jsx(Button, {
       variant: "contained",
       color: "error",
       size: "small",
@@ -35,37 +25,49 @@ function InternalErrorFallback(_ref) {
   });
 }
 InternalErrorFallback.propTypes = {
-  title: _propTypes.default.string,
-  desc: _propTypes.default.string.isRequired,
-  retryFunc: _propTypes.default.func
+  title: PropTypes.string,
+  desc: PropTypes.string.isRequired,
+  retryFunc: PropTypes.func
 };
 InternalErrorFallback.defaultProps = {
   title: 'Something went wrong...',
   retryFunc: null
 };
-function ErrorFallback(_ref2) {
-  let {
-    error
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalErrorFallback, {
+export function ErrorFallback({
+  error
+}) {
+  return /*#__PURE__*/_jsx(InternalErrorFallback, {
     desc: error.message
   });
 }
 ErrorFallback.propTypes = {
-  error: _propTypes.default.instanceOf(Error).isRequired
+  error: PropTypes.instanceOf(Error).isRequired
 };
-function ErrorFallbackRetry(_ref3) {
-  let {
-    error,
-    resetErrorBoundary
-  } = _ref3;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalErrorFallback, {
+export function ErrorFallbackRetry({
+  error,
+  resetErrorBoundary
+}) {
+  return /*#__PURE__*/_jsx(InternalErrorFallback, {
     desc: error.message,
     retryFunc: resetErrorBoundary
   });
 }
 ErrorFallbackRetry.propTypes = {
-  error: _propTypes.default.instanceOf(Error).isRequired,
-  resetErrorBoundary: _propTypes.default.func.isRequired
+  error: PropTypes.instanceOf(Error).isRequired,
+  resetErrorBoundary: PropTypes.func.isRequired
 };
-const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px;\n  border: 2px solid ", ";\n  border-radius: 4px;\n  color: ", ";\n  background-color: ", ";\n  font-size: 14px;\n  h3 {\n    margin: 0;\n    font-size: 16px;\n  }\n  pre {\n    white-space: normal;\n  }\n"])), props => props.theme.palette.error.main, props => props.theme.palette.error.main, _colors.red[50]);
+const Root = styled('div')`
+  padding: 16px;
+  border: 2px solid ${props => props.theme.palette.error.main};
+  border-radius: 4px;
+  color: ${props => props.theme.palette.error.main};
+  background-color: ${red[50]};
+  font-size: 14px;
+  h3 {
+    margin: 0;
+    font-size: 16px;
+  }
+  pre {
+    white-space: normal;
+  }
+`;

package/lib/ErrorBoundary/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _fallback = require("./fallback");
-Object.keys(_fallback).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _fallback[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _fallback[key];
-    }
-  });
-});
+export * from './fallback';

package/lib/Footer/index.js

@@ -1,24 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Footer;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Container = _interopRequireDefault(require("@mui/material/Container"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Util = require("../Util");
-var _Logo = _interopRequireDefault(require("../Logo"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
 /* eslint-disable react/no-unused-prop-types */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function Footer(props) {
-  var _window, _window$blocklet;
-  const newProps = (0, _Util.mergeProps)(props, Footer, ['dark', 'style']);
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import MuiContainer from '@mui/material/Container';
+import Box from '@mui/material/Box';
+import { mergeProps } from '../Util';
+import Logo from '../Logo';
+import { styled } from '../Theme';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Footer(props) {
+  const newProps = mergeProps(props, Footer, ['dark', 'style']);
   const {
     className,
     copyStart,
@@ -27,29 +18,29 @@ function Footer(props) {
     dark,
     addon
   } = newProps;
-  const endYearString = "".concat(new Date().getFullYear());
-  const copyStartString = "".concat(copyStart);
-  const copyYear = endYearString === copyStartString ? endYearString : "".concat(copyStartString, "-").concat(endYearString);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+  const endYearString = `${new Date().getFullYear()}`;
+  const copyStartString = `${copyStart}`;
+  const copyYear = endYearString === copyStartString ? endYearString : `${copyStartString}-${endYearString}`;
+  return /*#__PURE__*/_jsxs(Container, {
     className: className,
     style: style,
     dark: dark,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+    children: [/*#__PURE__*/_jsx(MuiContainer, {
       maxWidth: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+      children: /*#__PURE__*/_jsxs(Typography, {
         component: "div",
         className: "footer",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        children: [/*#__PURE__*/_jsxs(Typography, {
           component: "p",
           className: "footer-item",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [/*#__PURE__*/_jsxs("span", {
             className: "footer-copy",
             children: ["Copyright \xA9 ", copyYear, " "]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), /*#__PURE__*/_jsx("span", {
             className: "footer-brand",
             children: brand
           })]
-        }), addon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        }), addon && /*#__PURE__*/_jsx(Typography, {
           component: "div",
           className: "footer-item",
           sx: {
@@ -67,21 +58,21 @@ function Footer(props) {
             }
           },
           children: addon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        }), /*#__PURE__*/_jsxs(Typography, {
           component: "p",
           className: "footer-item",
           style: {
             justifyContent: 'flex-end',
             flexShrink: 0
           },
-          children: ["Powered by", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
+          children: ["Powered by", /*#__PURE__*/_jsx(Logo, {
             mode: dark ? 'light' : 'dark',
             layout: "horizontal",
             className: "logo-container"
           })]
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    }), /*#__PURE__*/_jsx(Box, {
       position: "absolute",
       right: 16,
       bottom: 0,
@@ -93,17 +84,17 @@ function Footer(props) {
           color: '#fff'
         }
       },
-      children: (_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.version
+      children: window?.blocklet?.version
     })]
   });
 }
 Footer.propTypes = {
-  dark: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  copyStart: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  brand: _propTypes.default.string,
-  style: _propTypes.default.object,
-  addon: _propTypes.default.node
+  dark: PropTypes.bool,
+  className: PropTypes.string,
+  copyStart: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  brand: PropTypes.string,
+  style: PropTypes.object,
+  addon: PropTypes.node
 };
 Footer.defaultProps = {
   dark: false,
@@ -113,12 +104,69 @@ Footer.defaultProps = {
   style: {},
   addon: null
 };
-const Container = (0, _Theme.styled)('div', {
+const Container = styled('div', {
   shouldForwardProp: prop => prop !== 'dark'
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  margin-top: 64px;\n  padding: 24px 0 32px;\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  width: 100%;\n\n  @media (max-width: 540px) {\n    padding: 8px 0;\n  }\n\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    .footer-item {\n      color: ", ";\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      font-size: 0.9rem;\n    }\n\n    .footer-brand {\n      margin-left: 8px;\n      margin-right: 8px;\n    }\n\n    .logo-container {\n      margin-left: 24px;\n      width: 90px;\n      opacity: 0.5;\n    }\n\n    @media (max-width: 540px) {\n      .footer-item {\n        font-size: 0.7rem;\n      }\n\n      .logo-container {\n        margin: 0 0 0 16px;\n        width: 70px;\n        height: 40px;\n      }\n    }\n\n    @media (max-width: 380px) {\n      .footer-item {\n        font-size: 0.65rem;\n      }\n\n      .logo-container {\n        margin: 0 0 0 8px;\n        height: 24px;\n      }\n    }\n  }\n"])), props => props.dark ? props.theme.palette.grey[900] : '#dee2e7', _ref => {
-  let {
-    theme,
-    dark
-  } = _ref;
-  return dark ? theme.palette.grey[500] : theme.palette.grey[900];
-});
+})`
+  position: relative;
+  margin-top: 64px;
+  padding: 24px 0 32px;
+  border-top: 1px solid ${props => props.dark ? props.theme.palette.grey[900] : '#dee2e7'};
+  box-sizing: border-box;
+  width: 100%;
+
+  @media (max-width: 540px) {
+    padding: 8px 0;
+  }
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .footer-item {
+      color: ${({
+  theme,
+  dark
+}) => dark ? theme.palette.grey[500] : theme.palette.grey[900]};
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      font-size: 0.9rem;
+    }
+
+    .footer-brand {
+      margin-left: 8px;
+      margin-right: 8px;
+    }
+
+    .logo-container {
+      margin-left: 24px;
+      width: 90px;
+      opacity: 0.5;
+    }
+
+    @media (max-width: 540px) {
+      .footer-item {
+        font-size: 0.7rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 16px;
+        width: 70px;
+        height: 40px;
+      }
+    }
+
+    @media (max-width: 380px) {
+      .footer-item {
+        font-size: 0.65rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 8px;
+        height: 24px;
+      }
+    }
+  }
+`;

package/lib/Header/auto-hidden.js

@@ -1,38 +1,35 @@
-"use strict";
+import PropTypes from 'prop-types';
+import Box from '@mui/material/Box';
+import { styled } from '../Theme';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["height"];
 /**
  * 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function AutoHidden(_ref) {
-  let {
-      height
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread({
-    height: height
-  }, rest));
+import { jsx as _jsx } from "react/jsx-runtime";
+function AutoHidden({
+  height,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Root, {
+    height: height,
+    ...rest
+  });
 }
 AutoHidden.propTypes = {
-  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
 };
-const Root = (0, _Theme.styled)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n  &:before {\n    content: '';\n    display: inline-block;\n    width: 1px;\n    height: 100%;\n    float: left;\n  }\n  > * {\n    float: left;\n    white-space: nowrap;\n  }\n"])));
-var _default = exports.default = AutoHidden;
+const Root = styled(Box)`
+  overflow: hidden;
+  &:before {
+    content: '';
+    display: inline-block;
+    width: 1px;
+    height: 100%;
+    float: left;
+  }
+  > * {
+    float: left;
+    white-space: nowrap;
+  }
+`;
+export default AutoHidden;