@arcblock/ux 1.16.45 → 1.16.48

package/lib/Center/index.js

@@ -9,17 +9,43 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// eslint-disable-next-line react/prop-types
+/**
+ *
+ * @param {string} relative 容器相对尺寸，默认相对屏幕(screen)，可设置为父容器(parent)
+ * @returns react component element
+ */
 function Center(_ref) {
   let {
-    children
+    children,
+    relative
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(Div, null, children);
+  let style = {};
+
+  if (relative === 'parent') {
+    style = {
+      width: '100%',
+      height: '100%'
+    };
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Div, {
+    style: style
+  }, children);
 }
 
 const Div = _styledComponents.default.div.withConfig({
   displayName: "Center__Div",
   componentId: "sc-1kmxe8v-0"
-})(["flex:1;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;"]);
+})(["flex:1;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;"]);
+
+Center.propTypes = {
+  children: _propTypes.default.any.isRequired,
+  relative: _propTypes.default.string
+};
+Center.defaultProps = {
+  relative: 'screen'
+};

package/lib/Theme/index.js

@@ -61,7 +61,16 @@ const create = function create() {
         main: mode === 'light' ? '#222222' : _Colors.default.common.white,
         gray: mode === 'light' ? _Colors.default.grey[500] : _Colors.default.grey[300]
       },
-      fontFamily: ['Lato', 'Avenir', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(',')
+      fontFamily: ['Lato', 'Avenir', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(','),
+      // 按最新设计规范, 只使用 400/700
+      fontWeightLight: 400,
+      fontWeightRegular: 400,
+      fontWeightMedium: 700,
+      fontWeightBold: 700,
+      // button 默认使用粗体
+      button: {
+        fontWeight: 700
+      }
     }, typography || {}),
     overrides: Object.assign({
       MuiButton: {
@@ -69,6 +78,11 @@ const create = function create() {
           boxShadow: 'none'
         }
       },
+      MuiButtonGroup: {
+        contained: {
+          boxShadow: 'none'
+        }
+      },
       MuiAppBar: {
         root: {
           height: 80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.16.45",
+  "version": "1.16.48",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -53,10 +53,10 @@
     "react": ">=16.12.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "2158b9836301fd2f258b0603f9bbaed41a367466",
+  "gitHead": "6fb13a2226018acdb6c94afa583aec471f007530",
   "dependencies": {
-    "@arcblock/icons": "^1.16.45",
-    "@arcblock/react-hooks": "^1.16.45",
+    "@arcblock/icons": "^1.16.48",
+    "@arcblock/react-hooks": "^1.16.48",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@fontsource/lato": "^4.5.3",
     "@material-ui/core": "^4.12.3",

package/src/Center/index.js

@@ -1,9 +1,23 @@
 import React from 'react';
 import styled from 'styled-components';
+import PropTypes from 'prop-types';
 
-// eslint-disable-next-line react/prop-types
-export default function Center({ children }) {
-  return <Div>{children}</Div>;
+/**
+ *
+ * @param {string} relative 容器相对尺寸，默认相对屏幕(screen)，可设置为父容器(parent)
+ * @returns react component element
+ */
+export default function Center({ children, relative }) {
+  let style = {};
+
+  if (relative === 'parent') {
+    style = {
+      width: '100%',
+      height: '100%',
+    };
+  }
+
+  return <Div style={style}>{children}</Div>;
 }
 
 const Div = styled.div`
@@ -15,3 +29,12 @@ const Div = styled.div`
   justify-content: center;
   align-items: center;
 `;
+
+Center.propTypes = {
+  children: PropTypes.any.isRequired,
+  relative: PropTypes.string,
+};
+
+Center.defaultProps = {
+  relative: 'screen',
+};

package/src/Theme/index.js

@@ -53,6 +53,15 @@ export const create = ({
           '"Segoe UI Emoji"',
           '"Segoe UI Symbol"',
         ].join(','),
+        // 按最新设计规范, 只使用 400/700
+        fontWeightLight: 400,
+        fontWeightRegular: 400,
+        fontWeightMedium: 700,
+        fontWeightBold: 700,
+        // button 默认使用粗体
+        button: {
+          fontWeight: 700,
+        },
       },
       typography || {}
     ),
@@ -63,6 +72,11 @@ export const create = ({
             boxShadow: 'none',
           },
         },
+        MuiButtonGroup: {
+          contained: {
+            boxShadow: 'none',
+          },
+        },
         MuiAppBar: {
           root: {
             height: 80,