@blocklet/ui-react 2.4.12 → 2.4.15

package/lib/Footer/index.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Theme = require("@arcblock/ux/lib/Theme");
 
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+
 var _reactErrorBoundary = require("react-error-boundary");
 
 var _context = require("@arcblock/ux/lib/Locale/context");
@@ -51,7 +53,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * 专门用于 (composable) blocklet 的 Footer 组件, 基于 blocklet meta 中的数据渲染
  */
 function Footer(_ref) {
-  var _formattedBlocklet$na, _formattedBlocklet$na2, _formattedBlocklet$na3, _theme$background;
+  var _formattedBlocklet$na, _formattedBlocklet$na2, _formattedBlocklet$na3, _theme$background, _window, _window$blocklet;
 
   let {
     meta,
@@ -105,11 +107,23 @@ function Footer(_ref) {
       label: item.title
     }))
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_overridableThemeProvider.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_overridableThemeProvider.default, {
     theme: themeOverrides,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInternalFooter, _objectSpread(_objectSpread(_objectSpread({}, props), rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInternalFooter, _objectSpread(_objectSpread(_objectSpread({}, props), rest), {}, {
       $bgcolor: theme === null || theme === void 0 ? void 0 : (_theme$background = theme.background) === null || _theme$background === void 0 ? void 0 : _theme$background.footer
-    }))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      position: "absolute",
+      right: 0,
+      bottom: 0,
+      sx: {
+        color: 'transparent',
+        '::selection': {
+          background: '#000',
+          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
+    })]
   });
 }
 
@@ -122,7 +136,7 @@ Footer.defaultProps = {
   meta: {},
   theme: null
 };
-const StyledInternalFooter = (0, _Theme.styled)(_internalFooter.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top: 1px solid #eee;\n  color: ", ";\n  ", "\n  font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n"])), props => props.theme.palette.grey[600], _ref2 => {
+const StyledInternalFooter = (0, _Theme.styled)(_internalFooter.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  border-top: 1px solid #eee;\n  color: ", ";\n  ", "\n  font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n"])), props => props.theme.palette.grey[600], _ref2 => {
   let {
     $bgcolor
   } = _ref2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.4.12",
+  "version": "2.4.15",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -30,8 +30,8 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.12",
-    "@arcblock/ux": "^2.4.12",
+    "@arcblock/did-connect": "^2.4.15",
+    "@arcblock/ux": "^2.4.15",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify/iconify": "^2.2.1",
@@ -53,5 +53,5 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^24.9.0"
   },
-  "gitHead": "67b9da0555a2ee6ddd151b2e0dd1e7bdae6108ef"
+  "gitHead": "c07a38a4575a4f41e116743b2450e468c19d55f3"
 }

package/src/Footer/index.js

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@arcblock/ux/lib/Theme';
+import Box from '@mui/material/Box';
 import { withErrorBoundary } from 'react-error-boundary';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { ErrorFallback } from '@arcblock/ux/lib/ErrorBoundary';
@@ -61,6 +62,13 @@ function Footer({ meta, theme: themeOverrides, ...rest }) {
   return (
     <OverridableThemeProvider theme={themeOverrides}>
       <StyledInternalFooter {...props} {...rest} $bgcolor={theme?.background?.footer} />
+      <Box
+        position="absolute"
+        right={0}
+        bottom={0}
+        sx={{ color: 'transparent', '::selection': { background: '#000', color: '#fff' } }}>
+        {window?.blocklet?.version}
+      </Box>
     </OverridableThemeProvider>
   );
 }
@@ -77,6 +85,7 @@ Footer.defaultProps = {
 };
 
 const StyledInternalFooter = styled(InternalFooter)`
+  position: relative;
   border-top: 1px solid #eee;
   color: ${(props) => props.theme.palette.grey[600]};
   ${({ $bgcolor }) => $bgcolor && `background-color: ${$bgcolor};`}