@arcblock/ux 0.78.26 → 1.6.60

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"));
@@ -45,10 +47,20 @@ var _plaintext = _interopRequireDefault(require("highlight.js/lib/languages/plai
 
 require("highlight.js/styles/atom-one-dark.css");
 
-var _Icon = _interopRequireDefault(require("../Icon"));
+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; }
@@ -95,8 +107,7 @@ _highlight.default.registerLanguage('swift', _swift.default);
 
 _highlight.default.registerLanguage('objectivec', _objectivec.default);
 
-_highlight.default.registerLanguage('oc', _objectivec.default); // eslint-disable-next-line object-curly-newline
-
+_highlight.default.registerLanguage('oc', _objectivec.default);
 
 function CodeBlock(_ref) {
   let {
@@ -104,29 +115,45 @@ 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("code", {
+  return /*#__PURE__*/_react.default.createElement(Pre, rest, /*#__PURE__*/_react.default.createElement("span", {
+    className: "codeblock__inner"
+  }, /*#__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(_Icon.default, {
-    name: "copy",
-    size: 16,
+    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'
+      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"
-})(["overflow:scroll;max-height:46.25rem;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;.copy-button{display:none;position:absolute;top:8px;right:8px;}&: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"));
 
@@ -119,7 +119,6 @@ class ContactForm extends _react.default.Component {
   }
 
   render() {
-    // eslint-disable-next-line object-curly-newline
     const {
       className,
       style,
@@ -132,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",
@@ -152,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",
@@ -169,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%;}}"]);

package/lib/CountDown/index.js

@@ -13,6 +13,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Util = require("../Util");
 
+const _excluded = ["dark", "endTime"];
+
 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; }
@@ -53,15 +55,17 @@ function FixWidthNumber(_ref) {
   }
 
   const numbers = str.split('');
-  return _react.default.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: "num-group"
-  }, _react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "num-items"
-  }, numbers.map((x, i) => // eslint-disable-next-line react/no-array-index-key
+  }, numbers.map((x, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
   _react.default.createElement("strong", {
     key: "num-".concat(i),
     className: "num-item"
-  }, x))), _react.default.createElement("span", {
+  }, x))), /*#__PURE__*/_react.default.createElement("span", {
     className: "num-label"
   }, label));
 }
@@ -100,7 +104,7 @@ class CountDown extends _react.default.Component {
       dark,
       endTime
     } = _this$props,
-          rest = _objectWithoutProperties(_this$props, ["dark", "endTime"]);
+          rest = _objectWithoutProperties(_this$props, _excluded);
 
     const {
       days,
@@ -108,24 +112,24 @@ class CountDown extends _react.default.Component {
       minutes,
       seconds
     } = this.state;
-    return _react.default.createElement(Container, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
       dark: dark
-    }, rest), _react.default.createElement(FixWidthNumber, {
+    }, rest), /*#__PURE__*/_react.default.createElement(FixWidthNumber, {
       number: days,
       label: "D"
-    }), _react.default.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "num-sep"
-    }, ":"), _react.default.createElement(FixWidthNumber, {
+    }, ":"), /*#__PURE__*/_react.default.createElement(FixWidthNumber, {
       number: hours,
       label: "H"
-    }), _react.default.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "num-sep"
-    }, ":"), _react.default.createElement(FixWidthNumber, {
+    }, ":"), /*#__PURE__*/_react.default.createElement(FixWidthNumber, {
       number: minutes,
       label: "M"
-    }), _react.default.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "num-sep"
-    }, ":"), _react.default.createElement(FixWidthNumber, {
+    }, ":"), /*#__PURE__*/_react.default.createElement(FixWidthNumber, {
       number: seconds,
       label: "S"
     }));
@@ -148,5 +152,5 @@ const textBackground = "linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0
 
 const Container = _styledComponents.default.div.withConfig({
   displayName: "CountDown__Container",
-  componentId: "i2a9gr-0"
+  componentId: "sc-i2a9gr-0"
 })(["color:", ";font-size:50px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;.num-group{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 60px;@media (max-width:", "px){margin:0 20px;}@media (max-width:", "px){margin:0;}.num-items{display:flex;flex-direction:row;}.num-item{display:inline-block;width:40px;height:60px;line-height:60px;background-image:", ";text-align:center;&:first-of-type{margin-right:10px;@media (max-width:", "px){margin:0;}}}.num-label{margin-top:20px;font-size:24px;color:", ";}}"], props => (0, _Util.getColor)(props), props => props.theme.breakpoints.values.md, props => props.theme.breakpoints.values.sm, props => props.dark ? textBackground : 'none', props => props.theme.breakpoints.values.sm, props => (0, _Util.getColor)(props));

package/lib/Dialog/confirm.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Confirm;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _dialog = _interopRequireDefault(require("./dialog"));
+
+const _excluded = ["title", "children", "onConfirm", "onCancel", "showCancelButton", "confirmButton", "cancelButton", "PaperProps"];
+
+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; }
+
+// 注意排在 {...rest} 之后的 props 优先级更高
+function Confirm(_ref) {
+  let {
+    title,
+    children,
+    onConfirm,
+    onCancel,
+    showCancelButton,
+    confirmButton,
+    cancelButton,
+    PaperProps
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  // 去除 dialog 默认的 300 最小高度
+  PaperProps.style = Object.assign({
+    minHeight: 0
+  }, PaperProps.style);
+  return /*#__PURE__*/_react.default.createElement(_dialog.default, Object.assign({
+    title: title,
+    PaperProps: PaperProps
+  }, rest, {
+    onClose: () => onCancel(),
+    actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showCancelButton && /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({
+      onClick: () => onCancel(),
+      color: "primary"
+    }, cancelButton.props), cancelButton.text), /*#__PURE__*/_react.default.createElement(_Button.default, Object.assign({
+      onClick: () => onConfirm(),
+      color: "primary",
+      autoFocus: true
+    }, confirmButton.props), confirmButton.text))
+  }), children);
+}
+
+Confirm.propTypes = {
+  title: _propTypes.default.node.isRequired,
+  children: _propTypes.default.node.isRequired,
+  onConfirm: _propTypes.default.func.isRequired,
+  onCancel: _propTypes.default.func.isRequired,
+  showCancelButton: _propTypes.default.bool,
+  // 可以传入 {text: ..., props: ...}
+  confirmButton: _propTypes.default.shape({
+    text: _propTypes.default.string.isRequired,
+    props: _propTypes.default.object
+  }),
+  cancelButton: _propTypes.default.shape({
+    text: _propTypes.default.string.isRequired,
+    props: _propTypes.default.object
+  }),
+  PaperProps: _propTypes.default.object
+};
+Confirm.defaultProps = {
+  showCancelButton: true,
+  confirmButton: {
+    text: 'Confirm'
+  },
+  cancelButton: {
+    text: 'Cancel'
+  },
+  PaperProps: {}
+};