@arcblock/ux 1.1.27 → 1.6.59

package/lib/Button/wrap.js

@@ -9,12 +9,22 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Theme = require("../Theme");
+var _Spinner = _interopRequireDefault(require("../Spinner"));
+
+var _Colors = _interopRequireDefault(require("../Colors"));
 
 var _Util = require("../Util");
 
+const _excluded = ["children", "rounded", "loading", "disabled", "style", "forwardedRef", "color"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -26,44 +36,85 @@ function _default(BaseComponent) {
     const {
       children,
       rounded,
+      loading,
+      disabled,
       style,
-      forwardedRef
+      forwardedRef,
+      color
     } = newProps,
-          rest = _objectWithoutProperties(newProps, ["children", "rounded", "style", "forwardedRef"]);
+          rest = _objectWithoutProperties(newProps, _excluded);
 
-    const styles = Object.assign({}, style, {
-      boxShadow: 'none',
-      textTransform: 'capitalize'
-    });
-
-    if (rest.color === 'danger') {
-      if (rest.variant === 'contained') {
-        styles.backgroundColor = _Theme.colors.danger;
-        styles.color = _Theme.colors.white;
-      } else {
-        styles.borderColor = _Theme.colors.danger;
-        styles.color = _Theme.colors.danger;
-      }
-    }
+    const isDisabled = disabled || loading;
+    let loadingSize = 16;
 
-    if (!rest.color || rest.color === 'default') {
-      if (rest.variant === 'contained') {
-        styles.backgroundColor = rest.disabled ? _Theme.colors.lightGrey : _Theme.colors.primary;
-        styles.color = _Theme.colors.white;
-      } else {
-        styles.borderColor = rest.disabled ? _Theme.colors.lightGrey : _Theme.colors.primary;
-        styles.color = rest.disabled ? _Theme.colors.lightGrey : _Theme.colors.primary;
-      }
+    switch (rest.size) {
+      case 'small':
+        loadingSize = 14;
+        break;
+
+      case 'large':
+        loadingSize = 18;
+        break;
+
+      default:
     }
 
-    if (rest.color === 'reverse') {
-      if (rest.variant === 'contained') {
-        styles.backgroundColor = 'rgba(255, 255, 255, 0.9)';
-        styles.color = _Theme.colors.primary;
-      } else {
-        styles.borderColor = _Theme.colors.primary;
-        styles.color = _Theme.colors.primary;
-      }
+    const styles = Object.assign({}, style, {
+      boxShadow: 'none',
+      textTransform: 'capitalize'
+    }); // mui 只支持 4 种 color 值: default/inherit/primary/secondary (传入这 4 种之外的值会报 warning),
+    // 这里扩展 danger/warning/reverse 三种 color
+
+    let _rest = rest;
+
+    switch (color) {
+      case 'error':
+      case 'danger':
+        {
+          if (rest.variant === 'contained') {
+            styles.backgroundColor = _Colors.default.error.main;
+            styles.color = _Colors.default.common.white;
+          } else {
+            styles.borderColor = _Colors.default.error.main;
+            styles.color = _Colors.default.error.main;
+          }
+
+          break;
+        }
+
+      case 'warning':
+        {
+          if (rest.variant === 'contained') {
+            styles.backgroundColor = _Colors.default.warning.main;
+            styles.color = _Colors.default.common.white;
+          } else {
+            styles.borderColor = _Colors.default.warning.main;
+            styles.color = _Colors.default.warning.main;
+          }
+
+          break;
+        }
+
+      case 'reverse':
+        {
+          if (rest.variant === 'contained') {
+            styles.backgroundColor = 'rgba(255, 255, 255, 0.9)';
+            styles.color = _Colors.default.grey[900];
+          } else {
+            styles.borderColor = _Colors.default.grey[900];
+            styles.color = _Colors.default.grey[900];
+          }
+
+          break;
+        }
+      // 除扩展的几种 color 外, 由 mui button 自己处理 color
+
+      default:
+        {
+          _rest = _objectSpread(_objectSpread({}, _rest), {}, {
+            color
+          });
+        }
     }
 
     if (rounded) {
@@ -71,10 +122,16 @@ function _default(BaseComponent) {
       styles.borderRadius = '100vw';
     }
 
-    return _react.default.createElement(BaseComponent, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(BaseComponent, Object.assign({
       style: styles,
-      ref: forwardedRef
-    }, rest), children);
+      ref: forwardedRef,
+      disabled: isDisabled
+    }, _rest), loading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      size: loadingSize,
+      style: {
+        marginRight: 5
+      }
+    }), children);
   }
 
   WrappedComponent.propTypes = {
@@ -90,7 +147,7 @@ function _default(BaseComponent) {
     forwardedRef: null,
     style: {}
   };
-  return _react.default.forwardRef((props, ref) => _react.default.createElement(WrappedComponent, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(WrappedComponent, Object.assign({}, props, {
     forwardedRef: ref
   })));
 }

package/lib/ButtonGroup/index.js

@@ -5,27 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ButtonGroup = _interopRequireDefault(require("@material-ui/core/ButtonGroup"));
 
 var _wrap = _interopRequireDefault(require("../Button/wrap"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const sizes = {
-  small: 16,
-  medium: 18,
-  large: 20
-};
-
-const getBorderRadius = size => sizes[size || 'medium'];
-
-const StyledButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default).withConfig({
-  displayName: "ButtonGroup__StyledButtonGroup",
-  componentId: "sc-1popzk9-0"
-})([".MuiButton-root:first-of-type{border-radius:", "px 0 0 ", "px;}.MuiButton-root:last-of-type{border-radius:0 ", "px ", "px 0;}"], props => getBorderRadius(props.size), props => getBorderRadius(props.size), props => getBorderRadius(props.size), props => getBorderRadius(props.size));
-
-var _default = (0, _wrap.default)(StyledButtonGroup);
+// deprecated, ux ButtonGroup 组件废弃, 建议直接使用 @material-ui/core/ButtonGroup
+// (该定制组件原本目的是调整 ButtonGroup 的圆角, 但最新设计规范已经不再使用较大的圆角, 改为使用 mui button 默认的圆角)
+var _default = (0, _wrap.default)(_ButtonGroup.default);
 
 exports.default = _default;

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 _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/ClickToCopy/index.js

@@ -23,11 +23,13 @@ var _Toast = _interopRequireDefault(require("../Toast"));
 
 var _Util = require("../Util");
 
+const _excluded = ["children", "content", "tip", "copiedTip", "tipPlacement", "style"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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; }
 
@@ -44,11 +46,11 @@ function ClickToCopy(props) {
     tipPlacement,
     style
   } = newProps,
-        rest = _objectWithoutProperties(newProps, ["children", "content", "tip", "copiedTip", "tipPlacement", "style"]);
+        rest = _objectWithoutProperties(newProps, _excluded);
 
   const [copied, setCopied] = (0, _react.useState)(false);
 
-  const childrenRef = _react.default.createRef();
+  const childrenRef = /*#__PURE__*/_react.default.createRef();
 
   const {
     width
@@ -74,12 +76,12 @@ function ClickToCopy(props) {
       }
     };
   });
-  return _react.default.createElement(_Tooltip.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, Object.assign({
     title: copied ? copiedTip : tip
   }, rest, {
     placement: tipPlacement,
     disableFocusListener: true
-  }), _react.default.createElement(Container, {
+  }), /*#__PURE__*/_react.default.createElement(Container, {
     ref: childrenRef,
     component: "span",
     style: Object.assign({
@@ -88,7 +90,7 @@ function ClickToCopy(props) {
       fontWeight: 'inherit'
     }, style),
     onClick: () => onCopy(childrenRef)
-  }, children || content, copied && width < 600 && _react.default.createElement(_Toast.default, {
+  }, children || content, copied && width < 600 && /*#__PURE__*/_react.default.createElement(_Toast.default, {
     variant: "success",
     message: copiedTip
   })));

package/lib/CodeBlock/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CodeBlock;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -15,6 +15,8 @@ var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
+var _useMountedState = _interopRequireDefault(require("react-use/lib/useMountedState"));
+
 var _highlight = _interopRequireDefault(require("highlight.js/lib/highlight"));
 
 var _javascript = _interopRequireDefault(require("highlight.js/lib/languages/javascript"));
@@ -47,8 +49,18 @@ require("highlight.js/styles/atom-one-dark.css");
 
 var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
 
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _Colors = _interopRequireDefault(require("../Colors"));
+
+const _excluded = ["code", "language", "children"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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; }
@@ -103,27 +115,42 @@ function CodeBlock(_ref) {
     language,
     children
   } = _ref,
-      rest = _objectWithoutProperties(_ref, ["code", "language", "children"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const isMounted = (0, _useMountedState.default)();
   const source = code || children;
 
   const onCopy = () => {
     (0, _copyToClipboard.default)(source);
+    setCopied(true); // 恢复 copied 状态
+
+    setTimeout(() => {
+      if (isMounted()) {
+        setCopied(false);
+      }
+    }, 1500);
   };
 
-  return _react.default.createElement(Pre, rest, _react.default.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement(Pre, rest, /*#__PURE__*/_react.default.createElement("span", {
     className: "codeblock__inner"
-  }, _react.default.createElement("code", {
+  }, /*#__PURE__*/_react.default.createElement("code", {
     className: "hljs ".concat(language),
     dangerouslySetInnerHTML: {
       __html: _highlight.default.highlightAuto(source, [language]).value
     }
-  })), _react.default.createElement(_IconButton.default, {
+  })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     className: "copy-button",
     onClick: onCopy,
     tabIndex: "-1",
-    color: "primary"
-  }, _react.default.createElement(_FileCopy.default, {
+    color: "primary",
+    disabled: copied
+  }, !copied && /*#__PURE__*/_react.default.createElement(_FileCopy.default, {
+    style: {
+      color: '#fff',
+      fontSize: 16
+    }
+  }), copied && /*#__PURE__*/_react.default.createElement(_Check.default, {
     style: {
       color: '#fff',
       fontSize: 16
@@ -146,4 +173,4 @@ const fontFamily = 'source-code-pro, Menlo, Monaco, Consolas, Courier New, monos
 const Pre = _styledComponents.default.pre.withConfig({
   displayName: "CodeBlock__Pre",
   componentId: "sc-1bpapaq-0"
-})(["font-family:", ";display:block;font-size:14px;line-height:1.42857143;margin:0 0 32px;word-break:break-word;word-wrap:break-word;text-align:left;border-radius:5px;border:1px solid #dedede;background:#222;color:#fff;position:relative;.codeblock__inner{display:block;width:100%;max-height:46.25rem;overflow:scroll;}.copy-button{display:none;position:absolute;top:8px;right:24px;}&:hover{.copy-button{display:block;}}code{counter-reset:line;counter-increment:line;padding:16px;font-family:", ";color:#fff;*{font-family:", ";}}.hljs *{white-space:normal;}"], fontFamily, fontFamily, fontFamily);
+})(["font-family:", ";display:block;font-size:14px;line-height:1.42857143;margin:0 0 32px;word-break:break-word;word-wrap:break-word;text-align:left;border-radius:5px;border:1px solid #dedede;background:#222;color:#fff;position:relative;.codeblock__inner{display:block;width:100%;max-height:46.25rem;overflow:scroll;}.copy-button{display:none;position:absolute;top:8px;right:24px;padding:4px;border-radius:4px;&,&:hover,&.Mui-disabled{background:", ";}}&:hover{.copy-button{display:block;}}code{counter-reset:line;counter-increment:line;padding:16px;font-family:", ";color:#fff;*{font-family:", ";}}.hljs *{white-space:normal;}"], fontFamily, _Colors.default.primary.main, fontFamily, fontFamily);

package/lib/Colors/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _default.default;
+  }
+});
+
+var _default = _interopRequireDefault(require("./themes/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Colors/themes/default.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * 默认 colors, ABT 系列
+ *
+ * - colors object 结构是在 mui theme#palette object 基础上调整后的结构
+ * - 色值在 mui default theme 基础上将 figma 中常用的 colors 进行覆盖
+ * - 扩展一些常用色值 (如 DID 系列)
+ * - figma: https://www.figma.com/file/1qHyMF137EXOQpSFVByszG/UX-Library?node-id=295%3A1518
+ */
+const colors = {
+  common: {
+    black: '#000',
+    white: '#fff'
+  },
+  primary: {
+    main: '#3773F2',
+    contrastText: '#fff'
+  },
+  // override
+  secondary: {
+    main: '#16CED1',
+    contrastText: '#fff'
+  },
+  // override
+  error: {
+    main: '#F16E6E',
+    contrastText: '#fff'
+  },
+  // override
+  warning: {
+    main: '#DE9E37',
+    contrastText: '#fff'
+  },
+  // override
+  info: {
+    main: '#0775F8',
+    contrastText: '#fff'
+  },
+  // override
+  success: {
+    main: '#34BE74',
+    contrastText: '#fff'
+  },
+  // override
+  grey: {
+    50: '#fafafa',
+    100: '#f5f5f5',
+    200: '#eeeeee',
+    300: '#e0e0e0',
+    400: '#bdbdbd',
+    500: '#9e9e9e',
+    600: '#757575',
+    700: '#616161',
+    800: '#424242',
+    900: '#212121',
+    A100: '#d5d5d5',
+    A200: '#aaaaaa',
+    A400: '#303030',
+    A700: '#616161'
+  },
+  text: {
+    primary: 'rgba(0, 0, 0, 0.87)',
+    secondary: 'rgba(0, 0, 0, 0.54)',
+    disabled: 'rgba(0, 0, 0, 0.38)',
+    hint: 'rgba(0, 0, 0, 0.38)'
+  },
+  divider: 'rgba(0, 0, 0, 0.12)',
+  background: {
+    default: '#fff'
+  },
+  // 扩展色值, 适用于 did 相关的组件, 如果某些产品整体风格是 did 系列, 可以扩展出一个 did 系列的 theme
+  did: {
+    primary: '#4598FA',
+    secondary: '#49C3AD'
+  } // TODO: 等设计规范稳定后, 考虑扩展 trade 相关的常用颜色 (send/receive/exchange/transfer)
+
+};
+var _default = colors;
+exports.default = _default;

package/lib/ContactForm/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.submitContactForm = submitContactForm;
 exports.default = void 0;
+exports.submitContactForm = submitContactForm;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -131,19 +131,19 @@ class ContactForm extends _react.default.Component {
       errorMessage,
       successMessage
     } = this.state;
-    return _react.default.createElement(Form, {
+    return /*#__PURE__*/_react.default.createElement(Form, {
       onSubmit: this.onSubmit,
       className: className,
       style: style,
       layout: layout,
       fieldCount: this.fields.length,
       name: "subscribe"
-    }, !!title && _react.default.createElement(_Typography.default, {
+    }, !!title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
       component: "p",
       className: "title"
-    }, title), _react.default.createElement("div", {
+    }, title), /*#__PURE__*/_react.default.createElement("div", {
       className: "form-controls"
-    }, this.fields.map(x => _react.default.createElement("input", {
+    }, this.fields.map(x => /*#__PURE__*/_react.default.createElement("input", {
       required: true,
       key: x,
       type: "text",
@@ -151,16 +151,16 @@ class ContactForm extends _react.default.Component {
       onChange: this.getInputHandler(x),
       className: "input",
       placeholder: x
-    })), _react.default.createElement(_Button.default, {
+    })), /*#__PURE__*/_react.default.createElement(_Button.default, {
       variant: "outlined",
       type: "submit",
       color: "default",
       size: "large",
       disabled: loading,
       className: "subscribe-btn-empty"
-    }, loading ? _react.default.createElement(_CircularProgress.default, {
+    }, loading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
       size: 28
-    }) : button)), !!errorMessage && _react.default.createElement(_Typography.default, {
+    }) : button)), !!errorMessage && /*#__PURE__*/_react.default.createElement(_Typography.default, {
       component: "p",
       variant: "body1",
       className: "error",
@@ -168,7 +168,7 @@ class ContactForm extends _react.default.Component {
       dangerouslySetInnerHTML: {
         __html: errorMessage
       }
-    }), !!successMessage && _react.default.createElement(_Typography.default, {
+    }), !!successMessage && /*#__PURE__*/_react.default.createElement(_Typography.default, {
       component: "p",
       variant: "body1",
       className: "success",

package/lib/CookieConsent/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DefaultCookieConsent;
+Object.defineProperty(exports, "resetCookieConsentValue", {
+  enumerable: true,
+  get: function get() {
+    return _reactCookieConsent.resetCookieConsentValue;
+  }
+});
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _reactCookieConsent = _interopRequireWildcard(require("react-cookie-consent"));
+
+const _excluded = ["children", "locale", "style"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const translations = {
+  en: {
+    content: 'We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content, to analyze our website traffic, and to understand where our visitors are coming from.',
+    agree: 'I Understand'
+  },
+  zh: {
+    content: '我们使用 cookies 和其他跟踪技术来改善您在我们网站上的浏览体验，向您展示个性化的内容，分析我们的网站流量，并了解我们的访问者来自哪里。',
+    agree: '我知道了'
+  }
+};
+/**
+ * DefaultCookieConsent, 对 react-cookie-consent package 封装, 以便 arcblock 内部产品可以快速使用
+ * - 默认内容
+ * - 默认配置/样式
+ */
+
+function DefaultCookieConsent(_ref) {
+  let {
+    children,
+    locale,
+    style
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  if (locale && !translations[locale]) {
+    // eslint-disable-next-line no-param-reassign
+    locale = 'en';
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Wrapper, {
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactCookieConsent.default, Object.assign({
+    disableStyles: true,
+    disableButtonStyles: true,
+    ButtonComponent: _Button.default,
+    buttonText: translations[locale].agree,
+    buttonClasses: "MuiButton-contained MuiButton-containedPrimary",
+    buttonStyle: {
+      marginTop: 16,
+      padding: '6px 16px'
+    }
+  }, rest), children || /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: 0
+    }
+  }, translations[locale].content)));
+}
+
+DefaultCookieConsent.propTypes = {
+  children: _propTypes.default.any,
+  style: _propTypes.default.object,
+  locale: _propTypes.default.string
+};
+DefaultCookieConsent.defaultProps = {
+  children: null,
+  style: {},
+  locale: 'en'
+};
+
+const Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "CookieConsent__Wrapper",
+  componentId: "sc-xilwg4-0"
+})(["box-sizing:border-box;position:fixed;right:20px;bottom:20px;z-index:999;max-width:440px;padding:16px 24px;font-size:16px;color:#666;background:#fff;border-radius:6px;box-shadow:0 0 18px rgba(0,0,0,0.2);&:empty{display:none;}button{min-width:200px;}@media screen and (max-width:480px){left:16px;right:16px;bottom:16px;width:auto;button{display:block;width:100%;}}"]);