@arcblock/ux 2.5.58 → 2.5.60

package/lib/Avatar/index.js

@@ -4,47 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AvatarWithErrorBoundary;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactErrorBoundary = require("react-error-boundary");
-
 var _didMotif = require("@arcblock/did-motif");
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Img = _interopRequireDefault(require("../Img"));
-
 var _Util = require("../Util");
-
 var _Theme = require("../Theme");
-
 var _didMotif2 = _interopRequireDefault(require("./did-motif"));
-
 var _etherscanBlockies = _interopRequireDefault(require("./etherscan-blockies"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["did", "size", "src", "variant", "animation", "shape", "blockiesPadding", "responsive"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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; }
-
+/* eslint-disable react/no-unused-prop-types */
 /**
  * Avatar component
  * @typedef {{
@@ -57,30 +30,37 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  *  responsive?: boolean;
  * }} AvatarProps
  */
-
 /**
  * Avatar component
  * @see 参考: https://github.com/blocklet/block-explorer/issues/478#issuecomment-1038954976
  * @param {AvatarProps} props
  * @returns {JSX.Element}
  */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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) { 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 Avatar(props) {
   const [imgError, setImgError] = (0, _react.useState)(false);
   const newProps = (0, _Util.mergeProps)(props, Avatar, []);
-
   const {
-    did = '',
-    size,
-    src,
-    variant,
-    animation,
-    shape,
-    blockiesPadding,
-    responsive
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded); // ethereum blockies
-
-
+      did = '',
+      size,
+      src,
+      variant,
+      animation,
+      shape,
+      blockiesPadding,
+      responsive
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
+
+  // ethereum blockies
   const blockyIcon = (0, _react.useMemo)(() => {
     if ((0, _Util.isEthereumDid)(did)) {
       return _etherscanBlockies.default.createIcon({
@@ -89,10 +69,10 @@ function Avatar(props) {
         scale: 16
       }).toDataURL();
     }
-
     return null;
-  }, [did, size]); // 如果显式传入 src 则直接使用 src
+  }, [did, size]);
 
+  // 如果显式传入 src 则直接使用 src
   if (src && !imgError) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, _objectSpread(_objectSpread({
       width: size,
@@ -102,9 +82,8 @@ function Avatar(props) {
     }, rest), {}, {
       className: "avatar-img--".concat(variant, " ").concat(rest.className)
     }));
-  } // 对于 eth address, 渲染成 blocky icon, 形状与 account role type 的 did motif 相似都为矩形, 高宽比为 0.7
-
-
+  }
+  // 对于 eth address, 渲染成 blocky icon, 形状与 account role type 的 did motif 相似都为矩形, 高宽比为 0.7
   if (blockyIcon) {
     if (blockiesPadding) {
       // blocky icon 要与灰色卡片矩形留有空间
@@ -122,7 +101,6 @@ function Avatar(props) {
         })
       }));
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
       width: size,
       src: blockyIcon,
@@ -132,7 +110,6 @@ function Avatar(props) {
       }
     });
   }
-
   if (did) {
     // 渲染 did motif
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didMotif2.default, _objectSpread({
@@ -143,10 +120,8 @@ function Avatar(props) {
       responsive: responsive
     }, rest));
   }
-
   throw new Error("Invalid DID: ".concat(did));
 }
-
 Avatar.propTypes = {
   did: _propTypes.default.string.isRequired,
   size: _propTypes.default.number,
@@ -168,14 +143,14 @@ Avatar.defaultProps = {
 };
 const BlockyIconContainer = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: ", "px;\n  height: ", "px;\n  .blocky-icon-inner {\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: ", "px;\n    height: ", "px;\n    border-radius: ", "px;\n    background: #ddd;\n  }\n"])), props => props.$size, props => props.$size, props => props.$size, props => props.$size * 0.7, props => Math.min(10, Math.floor(0.1 * props.$size + 2)));
 const StyledImg = (0, _Theme.styled)(_Img.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.avatar-img--rounded {\n    border-radius: 4px;\n    overflow: hidden;\n  }\n  &.avatar-img--circle {\n    border-radius: 100%;\n    overflow: hidden;\n  }\n"])));
-
 function AvatarWithErrorBoundary(props) {
   const size = props.size || 36;
   const borderRadius = {
     rounded: '4px',
     circle: '100%'
   }[props.variant] || 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary // eslint-disable-next-line react/no-unstable-nested-components
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary
+  // eslint-disable-next-line react/no-unstable-nested-components
   , {
     fallbackRender: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       width: size,
@@ -186,5 +161,4 @@ function AvatarWithErrorBoundary(props) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Avatar, _objectSpread({}, props))
   });
 }
-
 AvatarWithErrorBoundary.propTypes = Avatar.propTypes;

package/lib/Badge/index.js

@@ -4,41 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _Colors = _interopRequireDefault(require("../Colors"));
-
 var _Util = require("../Util");
-
 var _deprecate = require("../Util/deprecate");
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 types = {
   error: {
     color: _Colors.default.common.white,
@@ -61,6 +45,7 @@ const types = {
     backgroundColor: _Colors.default.grey[900]
   }
 };
+
 /**
  * Badge component to display notification badge
  * @typedef {{
@@ -77,20 +62,17 @@ const types = {
  * @param {BadgeProps} props
  * @returns {JSX.Element}
  */
-
 function Badge(props) {
   const newProps = (0, _Util.mergeProps)(props, Badge, ['style']);
-
   const {
-    type,
-    content,
-    children,
-    style,
-    className,
-    forwardedRef
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded);
-
+      type,
+      content,
+      children,
+      style,
+      className,
+      forwardedRef
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
   const styles = Object.assign(types[type] || types.primary, style);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
     ref: forwardedRef,
@@ -101,7 +83,6 @@ function Badge(props) {
     children: content || children
   }));
 }
-
 Badge.propTypes = {
   children: _propTypes.default.any.isRequired,
   content: _propTypes.default.string,
@@ -115,13 +96,11 @@ Badge.defaultProps = {
   className: '',
   style: '{}'
 };
-
 var _default = (0, _deprecate.withDeprecated)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, _objectSpread(_objectSpread({}, props), {}, {
   forwardedRef: ref
 }))), {
   name: 'Badge',
   alternative: '@arcblock/ux/lib/Tag'
 });
-
 exports.default = _default;
 const Span = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    padding: 2px 10px;\n    height: 24px;\n    line-height: 24px;\n  }\n"])));

package/lib/Blocklet/blocklet.js

@@ -4,48 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletStore;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
-var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-
+var _Avatar = _interopRequireDefault(require("../Avatar"));
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Img = _interopRequireDefault(require("../Img"));
-
 var _Theme = require("../Theme");
-
 var _utils = require("./utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["title", "did", "description", "cover", "version", "button", "buttonText", "buttonDisabled", "buttonLoading", "onButtonClick", "onMainClick", "className"];
-
 var _templateObject;
-
+/* eslint-disable react/no-danger */
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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) } })); }
-
 const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.arcblock-blocklet {\n    padding: ", " ", " 0\n      ", ";\n  }\n  .arcblock-blocklet__content {\n    cursor: pointer;\n    display: flex;\n    ", " {\n      align-items: center;\n    }\n  }\n  .arcblock-blocklet__cover {\n    width: 64px;\n    height: 64px;\n    margin-right: ", ";\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      width: 80px;\n      height: 80px;\n      margin-bottom: 12px;\n    }\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        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    border-bottom: 1px solid ", ";\n    padding-bottom: ", ";\n  }\n  .arcblock-blocklet__text {\n    height: 57px;\n    overflow: hidden;\n  }\n  /* \u8BBE\u7F6E\u591A\u884C\u6587\u672C\u6EA2\u51FA\u663E\u793A\u7701\u7565\u53F7 \u517C\u5BB9fireFox\u3001safari */\n  .arcblock-blocklet__title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .arcblock-blocklet__describe {\n    margin-top: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 17px;\n    max-height: 34px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    word-break: break-word;\n  }\n  .arcblock-blocklet__version {\n    color: ", ";\n    font-size: 12px;\n  }\n"])), props => props.theme.spacing(2), props => props.theme.spacing(2), props => props.theme.spacing(2), props => props.theme.breakpoints.up('sm'), props => props.theme.spacing(2), props => props.theme.breakpoints.up('sm'), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.divider, props => props.theme.spacing(2), props => props.theme.spacing(0.5), props => props.theme.palette.grey[600], props => props.theme.palette.grey[600]);
+
 /**
  * BlockletStore component
  * @typedef {{
@@ -69,24 +52,22 @@ const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _tag
  * @param {BlockletStoreProps} props
  * @returns {JSX.Element}
  */
-
 function BlockletStore(_ref) {
   let {
-    title,
-    did,
-    description,
-    cover,
-    version,
-    button,
-    buttonText,
-    buttonDisabled,
-    buttonLoading,
-    onButtonClick,
-    onMainClick,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      did,
+      description,
+      cover,
+      version,
+      button,
+      buttonText,
+      buttonDisabled,
+      buttonLoading,
+      onButtonClick,
+      onMainClick,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const wrapHandler = function wrapHandler(handler) {
     let stopFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
     return function (e) {
@@ -96,30 +77,23 @@ function BlockletStore(_ref) {
       } 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);
       }
     };
   };
-
   const _onButtonClick = wrapHandler(onButtonClick, () => {
     // stop click while custom button or buttonDisabled or buttondLoading
     if (button || buttonDisabled || buttonLoading) {
       return true;
     }
-
     return false;
   });
-
   const theme = (0, _Theme.useTheme)();
   const isUpSm = (0, _useMediaQuery.default)(theme.breakpoints.up('sm'));
-
   const _onMainClick = wrapHandler(onMainClick);
-
   const didAvatarSize = isUpSm ? 80 : 64;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
     className: "".concat(className, " arcblock-blocklet")
@@ -210,7 +184,6 @@ function BlockletStore(_ref) {
     })
   }));
 }
-
 BlockletStore.propTypes = {
   title: _propTypes.default.string || _propTypes.default.node,
   did: _propTypes.default.string,

package/lib/Blocklet/index.js

@@ -16,16 +16,10 @@ Object.defineProperty(exports, "strippedString", {
     return _utils.strippedString;
   }
 });
-
 var _utils = _interopRequireWildcard(require("./utils"));
-
 var _blocklet = _interopRequireDefault(require("./blocklet"));
-
 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; }
-
 var _default = _blocklet.default;
 exports.default = _default;

package/lib/Blocklet/utils.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strippedString = exports.default = void 0;
-
 var _Theme = require("../Theme");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const ActionButton = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent !important;\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      border-radius: 2px;\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  & > :not(.Mui-disabled) {\n    background-color: transparent !important;\n    color: ", "!important;\n  }\n  & > :not(.Mui-disabled) {\n    &:hover {\n      color: ", "!important;\n    }\n  }\n"])), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white);
 var _default = ActionButton;
 exports.default = _default;
-
 const strippedString = function strippedString() {
   let originalString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return originalString.replace(/(<([^>]+)>)/gi, '').trim();
 };
-
 exports.strippedString = strippedString;