@arcblock/ux 2.9.91 → 2.10.0

package/lib/BlockletNFT/index.js

@@ -1,40 +1,25 @@
-"use strict";
+import { useRef } from 'react';
+import PropTypes from 'prop-types';
+import Portal from '@mui/material/Portal';
+import Typography from '@mui/material/Typography';
+import CircularProgress from '@mui/material/CircularProgress';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Avatar from '../Avatar';
+import Icon from '../Icon';
+import Button from '../Button';
+import Img from '../Img';
+import { useTheme, styled } from '../Theme';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockletNFT;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Portal = _interopRequireDefault(require("@mui/material/Portal"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-var _Avatar = _interopRequireDefault(require("../Avatar"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Img = _interopRequireDefault(require("../Img"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["title", "did", "description", "cover", "size", "addons", "button", "buttonText", "buttonDisabled", "buttonLoading", "isStickyButton", "onButtonClick", "onMainClick", "onTagClick", "className", "scaleClickZone"];
-var _templateObject;
 /**
  * 美化数字 1000-->1k
  * @param {*} _size
  * @param {*} digits
  * @returns
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function prettySize(_size) {
-  let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+function prettySize(_size, digits = 1) {
   let size = _size;
   const list = ['', 'k', 'm', 'b'];
   let index = 0;
@@ -42,14 +27,175 @@ function prettySize(_size) {
     size = (size / 1000).toFixed(digits);
     index += 1;
   }
-  return _size && "".concat(size).concat(list[index]);
+  return _size && `${size}${list[index]}`;
 }
-const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.arcblock-blocklet {\n    padding: 0 16px;\n    background: ", ";\n    overflow: hidden;\n    box-shadow: 0px 0px 8px #f0f0f0;\n    &:hover {\n      box-shadow: 0px 2px 12px #f0f0f0;\n    }\n  }\n  .arcblock-blocklet__content {\n    padding: 16px 0 0 0;\n  }\n  .arcblock-blocklet__content--main {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n  .arcblock-blocklet__content--body {\n    overflow: hidden;\n    flex: 1;\n    display: flex;\n    align-items: flex-start;\n  }\n  .arcblock-blocklet__addons {\n    padding: 16px 0;\n  }\n  .arcblock-blocklet__cover {\n    width: 80px;\n    height: 80px;\n    margin-right: 12px;\n    overflow: hidden;\n    border-radius: 12px;\n    /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */\n    transform: translateZ(0);\n  }\n  .arcblock-blocklet__button--hover {\n    &:not(.Mui-disabled) {\n      position: relative;\n      z-index: 1;\n      &::before {\n        content: '';\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        left: 0;\n        top: 0;\n        transition: opacity 0.3s;\n      }\n      &:hover::before {\n        opacity: 0;\n      }\n      &::after {\n        content: '';\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        top: 0;\n        left: 0;\n        background-color: ", ";\n        transform: scale(0.1);\n        opacity: 0;\n        z-index: -1;\n        transition: transform 0.3s, opacity 0.3s, background-color 0.3s;\n      }\n      &:hover::after {\n        opacity: 1;\n        transform-origin: center;\n        transform: scale(1);\n      }\n    }\n\n    &:not(.Mui-disabled) {\n      background-color: transparent !important;\n      color: ", ";\n    }\n    &:not(.Mui-disabled) {\n      &:hover {\n        color: ", ";\n      }\n    }\n  }\n  .arcblock-blocklet__info {\n    flex: 1;\n    overflow: hidden;\n    .arcblock-blocklet__button {\n      margin-top: 16px;\n      display: inline-block;\n    }\n  }\n  .arcblock-blocklet__title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .arcblock-blocklet__describe {\n    margin: 0 0 2px 0;\n    color: #999;\n    font-size: 14px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .arcblock-blocklet__addons {\n    display: flex;\n    justify-content: space-between;\n    color: #999;\n    font-size: 14px;\n    position: relative;\n  }\n  .arcblock-blocklet__addons--item {\n    white-space: nowrap;\n  }\n  &.arcblock-blocklet--size-md {\n    &:hover {\n      position: relative;\n    }\n    .arcblock-blocklet__title {\n      height: 2.3em;\n      margin-bottom: 3px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      text-overflow: initial;\n      white-space: initial;\n      word-break: break-all;\n    }\n    .arcblock-blocklet__describe {\n      white-space: normal;\n      height: 2.86em;\n    }\n    .arcblock-blocklet__button {\n      margin-top: 5px;\n    }\n  }\n  &.arcblock-blocklet--size-sm,\n  &.arcblock-blocklet--size-xs {\n    .arcblock-blocklet__cover {\n      width: 40px;\n      height: 40px;\n      border-radius: 6px;\n    }\n    .arcblock-blocklet__content {\n      padding: 16px 0;\n    }\n    .arcblock-blocklet__addons {\n      padding: 8px 0;\n      .arcblock-blocklet__addons--item {\n        font-size: 12px;\n      }\n    }\n  }\n  &.arcblock-blocklet--size-xs {\n    .arcblock-blocklet__addons {\n      display: none !important;\n    }\n  }\n"])), props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white);
-function BlockletIcon(_ref) {
-  let {
-    name
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+const Div = styled('div')`
+  &.arcblock-blocklet {
+    padding: 0 16px;
+    background: ${props => props.theme.palette.common.white};
+    overflow: hidden;
+    box-shadow: 0px 0px 8px #f0f0f0;
+    &:hover {
+      box-shadow: 0px 2px 12px #f0f0f0;
+    }
+  }
+  .arcblock-blocklet__content {
+    padding: 16px 0 0 0;
+  }
+  .arcblock-blocklet__content--main {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+  }
+  .arcblock-blocklet__content--body {
+    overflow: hidden;
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+  }
+  .arcblock-blocklet__addons {
+    padding: 16px 0;
+  }
+  .arcblock-blocklet__cover {
+    width: 80px;
+    height: 80px;
+    margin-right: 12px;
+    overflow: hidden;
+    border-radius: 12px;
+    /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */
+    transform: translateZ(0);
+  }
+  .arcblock-blocklet__button--hover {
+    &:not(.Mui-disabled) {
+      position: relative;
+      z-index: 1;
+      &::before {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        left: 0;
+        top: 0;
+        transition: opacity 0.3s;
+      }
+      &:hover::before {
+        opacity: 0;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        top: 0;
+        left: 0;
+        background-color: ${props => props.theme.palette.primary.main};
+        transform: scale(0.1);
+        opacity: 0;
+        z-index: -1;
+        transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
+      }
+      &:hover::after {
+        opacity: 1;
+        transform-origin: center;
+        transform: scale(1);
+      }
+    }
+
+    &:not(.Mui-disabled) {
+      background-color: transparent !important;
+      color: ${props => props.theme.palette.primary.main};
+    }
+    &:not(.Mui-disabled) {
+      &:hover {
+        color: ${props => props.theme.palette.common.white};
+      }
+    }
+  }
+  .arcblock-blocklet__info {
+    flex: 1;
+    overflow: hidden;
+    .arcblock-blocklet__button {
+      margin-top: 16px;
+      display: inline-block;
+    }
+  }
+  .arcblock-blocklet__title {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .arcblock-blocklet__describe {
+    margin: 0 0 2px 0;
+    color: #999;
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .arcblock-blocklet__addons {
+    display: flex;
+    justify-content: space-between;
+    color: #999;
+    font-size: 14px;
+    position: relative;
+  }
+  .arcblock-blocklet__addons--item {
+    white-space: nowrap;
+  }
+  &.arcblock-blocklet--size-md {
+    &:hover {
+      position: relative;
+    }
+    .arcblock-blocklet__title {
+      height: 2.3em;
+      margin-bottom: 3px;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      text-overflow: initial;
+      white-space: initial;
+      word-break: break-all;
+    }
+    .arcblock-blocklet__describe {
+      white-space: normal;
+      height: 2.86em;
+    }
+    .arcblock-blocklet__button {
+      margin-top: 5px;
+    }
+  }
+  &.arcblock-blocklet--size-sm,
+  &.arcblock-blocklet--size-xs {
+    .arcblock-blocklet__cover {
+      width: 40px;
+      height: 40px;
+      border-radius: 6px;
+    }
+    .arcblock-blocklet__content {
+      padding: 16px 0;
+    }
+    .arcblock-blocklet__addons {
+      padding: 8px 0;
+      .arcblock-blocklet__addons--item {
+        font-size: 12px;
+      }
+    }
+  }
+  &.arcblock-blocklet--size-xs {
+    .arcblock-blocklet__addons {
+      display: none !important;
+    }
+  }
+`;
+function BlockletIcon({
+  name
+}) {
+  return /*#__PURE__*/_jsx(Icon, {
     name: name,
     color: "inherit",
     size: 15,
@@ -59,7 +205,7 @@ function BlockletIcon(_ref) {
   });
 }
 BlockletIcon.propTypes = {
-  name: _propTypes.default.string.isRequired
+  name: PropTypes.string.isRequired
 };
 
 /**
@@ -89,41 +235,34 @@ BlockletIcon.propTypes = {
  * @param {BlockletNFTProps} props
  * @returns {JSX.Element}
  */
-function BlockletNFT(_ref2) {
-  let {
-      title,
-      did,
-      description,
-      cover,
-      size,
-      addons,
-      button,
-      buttonText,
-      buttonDisabled,
-      buttonLoading,
-      isStickyButton,
-      onButtonClick,
-      onMainClick,
-      onTagClick,
-      className,
-      scaleClickZone
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  const wrapHandler = function wrapHandler(handler) {
-    let stopFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
-    return function (e) {
-      if (stopFn()) {
-        e.preventDefault();
-        e.stopPropagation();
-      } else if (handler instanceof Function) {
-        e.preventDefault();
-        e.stopPropagation();
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        handler(...args);
-      }
-    };
+export default function BlockletNFT({
+  title,
+  did,
+  description,
+  cover,
+  size,
+  addons,
+  button,
+  buttonText,
+  buttonDisabled,
+  buttonLoading,
+  isStickyButton,
+  onButtonClick,
+  onMainClick,
+  onTagClick,
+  className,
+  scaleClickZone,
+  ...rest
+}) {
+  const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
+    if (stopFn()) {
+      e.preventDefault();
+      e.stopPropagation();
+    } else if (handler instanceof Function) {
+      e.preventDefault();
+      e.stopPropagation();
+      handler(...args);
+    }
   };
   const _onButtonClick = wrapHandler(onButtonClick, () => {
     // stop click while custom button or buttonDisabled or buttondLoading
@@ -133,63 +272,64 @@ function BlockletNFT(_ref2) {
     return false;
   });
   const _onMainClick = wrapHandler(onMainClick);
-  const theme = (0, _Theme.useTheme)();
-  const isDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
-  const isDownMd = (0, _useMediaQuery.default)(theme.breakpoints.down('lg'));
-  const isUpLg = (0, _useMediaQuery.default)(theme.breakpoints.up('lg'));
+  const theme = useTheme();
+  const isDownSm = useMediaQuery(theme.breakpoints.down('md'));
+  const isDownMd = useMediaQuery(theme.breakpoints.down('lg'));
+  const isUpLg = useMediaQuery(theme.breakpoints.up('lg'));
 
   // If size is auto, need calculate actual size according to screen size
   // eslint-disable-next-line no-nested-ternary
   const actualSize = size === 'auto' ? isDownSm ? 'xs' : isDownMd ? 'sm' : 'md' : size;
   // eslint-disable-next-line no-nested-ternary
   const didAvatarSize = size === 'auto' ? isUpLg ? 80 : 40 : size === 'md' ? 80 : 40;
-  const container = (0, _react.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
+  const container = useRef(null);
+  return /*#__PURE__*/_jsxs(Div, {
+    ...rest,
     scaleClickZone: scaleClickZone,
-    className: "".concat(className, " arcblock-blocklet arcblock-blocklet--size-").concat(actualSize),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${className} arcblock-blocklet arcblock-blocklet--size-${actualSize}`,
+    children: [/*#__PURE__*/_jsx("div", {
       className: "arcblock-blocklet__content",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/_jsx("div", {
         className: "arcblock-blocklet__content--main",
         onClick: _onMainClick,
         ref: container,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "arcblock-blocklet__content--body",
-          children: [cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [cover ? /*#__PURE__*/_jsx("div", {
             className: "arcblock-blocklet__cover",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
+            children: /*#__PURE__*/_jsx(Img, {
               src: cover
             })
-          }) : did && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }) : did && /*#__PURE__*/_jsx("div", {
             className: "arcblock-blocklet__cover",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+            children: /*#__PURE__*/_jsx(Avatar, {
               did: did,
               size: didAvatarSize
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), /*#__PURE__*/_jsxs("div", {
             className: "arcblock-blocklet__info",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            children: [/*#__PURE__*/_jsx(Typography, {
               component: "h3",
               variant: "h3",
               className: "arcblock-blocklet__title",
               title: title,
               children: title
-            }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            }), description && /*#__PURE__*/_jsx(Typography, {
               component: "div",
               variant: "body2",
               className: "arcblock-blocklet__describe",
               title: description,
               children: description
-            }), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
+            }), ['md', 'sm', 'xs'].includes(actualSize) && /*#__PURE__*/_jsx(Portal, {
               container: container.current,
               disablePortal: actualSize === 'md',
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/_jsx("div", {
                 className: "arcblock-blocklet__button",
                 onClick: _onButtonClick,
                 style: {
                   display: isStickyButton ? 'block' : ''
                 },
-                children: button || onButtonClick && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+                children: button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
                   className: "arcblock-blocklet__button--hover",
                   variant: "outlined",
                   color: "primary",
@@ -203,7 +343,7 @@ function BlockletNFT(_ref2) {
                     minWidth: '54px',
                     fontSize: '13px'
                   },
-                  children: [buttonLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+                  children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
                     size: actualSize === 'md' ? 15 : 13,
                     style: {
                       marginRight: 3,
@@ -216,9 +356,9 @@ function BlockletNFT(_ref2) {
           })]
         })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: "arcblock-blocklet__addons",
-      children: addons.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: addons.map((item, index) => /*#__PURE__*/_jsx(Typography, {
         component: "span",
         variant: "caption",
         className: "arcblock-blocklet__addons--item"
@@ -226,32 +366,32 @@ function BlockletNFT(_ref2) {
         ,
 
         title: item.title,
-        children: item.empty ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletIcon, {
+        children: item.empty ? null : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(BlockletIcon, {
             name: item.icon
           }), item.pretty ? prettySize(item.value) : item.value]
         })
       }, index))
     })]
-  }));
+  });
 }
 BlockletNFT.propTypes = {
-  title: _propTypes.default.string.isRequired,
-  did: _propTypes.default.string,
-  isStickyButton: _propTypes.default.bool,
-  description: _propTypes.default.string,
-  cover: _propTypes.default.string,
-  buttonText: _propTypes.default.string,
-  buttonDisabled: _propTypes.default.bool,
-  buttonLoading: _propTypes.default.bool,
-  button: _propTypes.default.element,
-  addons: _propTypes.default.arrayOf(_propTypes.default.object),
-  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'auto']),
-  onButtonClick: _propTypes.default.func,
-  onMainClick: _propTypes.default.func,
-  onTagClick: _propTypes.default.func,
-  className: _propTypes.default.string,
-  scaleClickZone: _propTypes.default.number
+  title: PropTypes.string.isRequired,
+  did: PropTypes.string,
+  isStickyButton: PropTypes.bool,
+  description: PropTypes.string,
+  cover: PropTypes.string,
+  buttonText: PropTypes.string,
+  buttonDisabled: PropTypes.bool,
+  buttonLoading: PropTypes.bool,
+  button: PropTypes.element,
+  addons: PropTypes.arrayOf(PropTypes.object),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'auto']),
+  onButtonClick: PropTypes.func,
+  onMainClick: PropTypes.func,
+  onTagClick: PropTypes.func,
+  className: PropTypes.string,
+  scaleClickZone: PropTypes.number
 };
 BlockletNFT.defaultProps = {
   description: null,

package/lib/Button/index.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _wrap = _interopRequireDefault(require("./wrap"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // @ts-check
 
+import Button from '@mui/material/Button';
+import wrap from './wrap';
+
 /** @type {import('./wrap').ButtonComponent} */
-const ButtonComponent = (0, _wrap.default)(_Button.default);
-var _default = exports.default = ButtonComponent;
+const ButtonComponent = wrap(Button);
+export default ButtonComponent;

package/lib/Button/wrap.js

@@ -1,45 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Colors = _interopRequireDefault(require("../Colors"));
-var _Util = require("../Util");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "rounded", "loading", "disabled", "style", "forwardedRef", "color"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable func-names */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
+import { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import CircularProgress from '@mui/material/CircularProgress';
+import colors from '../Colors';
+import { mergeProps } from '../Util';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const extendedColors = {
   did: {
     contained: {
-      backgroundColor: _Colors.default.did.primary,
-      color: _Colors.default.common.white
+      backgroundColor: colors.did.primary,
+      color: colors.common.white
     },
     outlined: {
-      borderColor: _Colors.default.did.primary,
-      color: _Colors.default.did.primary
+      borderColor: colors.did.primary,
+      color: colors.did.primary
     }
   },
   reverse: {
     contained: {
       backgroundColor: 'rgba(255, 255, 255, 0.9)',
-      color: _Colors.default.grey[900]
+      color: colors.grey[900]
     },
     outlined: {
-      borderColor: _Colors.default.grey[900],
-      color: _Colors.default.grey[900]
+      borderColor: colors.grey[900],
+      color: colors.grey[900]
     }
   }
 };
@@ -63,7 +49,7 @@ const extendedColors = {
  * @param {import('@mui/material').ExtendButtonBase<import('@mui/material').ButtonTypeMap<{}, "button">>} BaseComponent
  * @return {ButtonComponent}
  */
-function _default(BaseComponent) {
+export default function (BaseComponent) {
   /**
    *
    * @param {ButtonProps} props
@@ -73,17 +59,17 @@ function _default(BaseComponent) {
     /**
      * @type {ButtonProps}
      */
-    const newProps = (0, _Util.mergeProps)(props, WrappedComponent, ['style']);
+    const newProps = mergeProps(props, WrappedComponent, ['style']);
     const {
-        children,
-        rounded,
-        loading,
-        disabled,
-        style,
-        forwardedRef,
-        color
-      } = newProps,
-      rest = _objectWithoutProperties(newProps, _excluded);
+      children,
+      rounded,
+      loading,
+      disabled,
+      style,
+      forwardedRef,
+      color,
+      ...rest
+    } = newProps;
     const isDisabled = disabled || loading;
     let loadingSize = 16;
     switch (rest.size) {
@@ -104,40 +90,42 @@ function _default(BaseComponent) {
     /**
      * @type {import('react').CSSProperties}
      */
-    const styles = Object.assign({}, style, _objectSpread({
+    const styles = Object.assign({}, style, {
       boxShadow: 'none',
-      textTransform: 'capitalize'
-    }, matched));
+      textTransform: 'capitalize',
+      ...matched
+    });
     let _rest = rest;
     if (!matched) {
       // mui button 本身支持的 color 交由 mui 处理
-      _rest = _objectSpread(_objectSpread({}, _rest), {}, {
+      _rest = {
+        ..._rest,
         color
-      });
+      };
     }
     if (rounded) {
       // styles.borderRadius = { small: 16, medium: 18, large: 20 }[rest.size];
       styles.borderRadius = '100vw';
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseComponent, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsxs(BaseComponent, {
       style: styles,
       ref: forwardedRef,
-      disabled: isDisabled
-    }, _rest), {}, {
-      children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      disabled: isDisabled,
+      ..._rest,
+      children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
         size: loadingSize,
         style: {
           marginRight: 5
         }
       }), children]
-    }));
+    });
   }
   WrappedComponent.propTypes = {
-    children: _propTypes.default.any.isRequired,
-    style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),
-    size: _propTypes.default.oneOf(['large', 'medium', 'small']),
-    forwardedRef: _propTypes.default.any,
-    rounded: _propTypes.default.bool
+    children: PropTypes.any.isRequired,
+    style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+    size: PropTypes.oneOf(['large', 'medium', 'small']),
+    forwardedRef: PropTypes.any,
+    rounded: PropTypes.bool
   };
   WrappedComponent.defaultProps = {
     rounded: false,
@@ -145,7 +133,8 @@ function _default(BaseComponent) {
     forwardedRef: null,
     style: {}
   };
-  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(WrappedComponent, {
+    ...props,
     forwardedRef: ref
-  })));
+  }));
 }