@arcblock/ux 1.16.45 → 1.16.46

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.16.45",
+  "version": "1.16.46",
   "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": "3497b898dbf6619de6ae65656cb00609ff95567c",
   "dependencies": {
-    "@arcblock/icons": "^1.16.45",
-    "@arcblock/react-hooks": "^1.16.45",
+    "@arcblock/icons": "^1.16.46",
+    "@arcblock/react-hooks": "^1.16.46",
     "@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',
+};