@arcblock/ux 2.5.58 → 2.5.60

package/lib/BlockletNFT/index.js

@@ -4,71 +4,47 @@ 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("@arcblock/did-connect/lib/Avatar"));
-
+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;
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 /**
  * 美化数字 1000-->1k
  * @param {*} _size
  * @param {*} digits
  * @returns
  */
+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) { 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) } })); }
 function prettySize(_size) {
   let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   let size = _size;
   const list = ['', 'k', 'm', 'b'];
   let index = 0;
-
   while (size > 1000 && index < list.length - 1) {
     size = (size / 1000).toFixed(digits);
     index += 1;
   }
-
   return _size && "".concat(size).concat(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
@@ -82,10 +58,10 @@ function BlockletIcon(_ref) {
     }
   });
 }
-
 BlockletIcon.propTypes = {
   name: _propTypes.default.string.isRequired
 };
+
 /**
  * BlockletNFT 组件
  * @typedef {{
@@ -113,28 +89,26 @@ 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);
-
+      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) {
@@ -144,35 +118,30 @@ function BlockletNFT(_ref2) {
       } 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 _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')); // 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 isUpLg = (0, _useMediaQuery.default)(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), {}, {
@@ -252,8 +221,10 @@ function BlockletNFT(_ref2) {
       children: addons.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
         component: "span",
         variant: "caption",
-        className: "arcblock-blocklet__addons--item" // eslint-disable-next-line react/no-array-index-key
+        className: "arcblock-blocklet__addons--item"
+        // eslint-disable-next-line react/no-array-index-key
         ,
+
         title: item.title,
         children: item.empty ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletIcon, {
@@ -264,7 +235,6 @@ function BlockletNFT(_ref2) {
     })]
   }));
 }
-
 BlockletNFT.propTypes = {
   title: _propTypes.default.string.isRequired,
   did: _propTypes.default.string,

package/lib/Button/index.js

@@ -4,13 +4,9 @@ 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
 
 /** @type {import('./wrap').ButtonComponent} */

package/lib/Button/wrap.js

@@ -4,33 +4,23 @@ 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(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 extendedColors = {
   did: {
     contained: {
@@ -53,6 +43,7 @@ const extendedColors = {
     }
   }
 };
+
 /**
  * @typedef {{
  *  rounded?: boolean,
@@ -72,7 +63,6 @@ const extendedColors = {
  * @param {import('@mui/material').ExtendButtonBase<import('@mui/material').ButtonTypeMap<{}, "button">>} BaseComponent
  * @return {ButtonComponent}
  */
-
 function _default(BaseComponent) {
   /**
    *
@@ -84,59 +74,51 @@ function _default(BaseComponent) {
      * @type {ButtonProps}
      */
     const newProps = (0, _Util.mergeProps)(props, WrappedComponent, ['style']);
-
     const {
-      children,
-      rounded,
-      loading,
-      disabled,
-      style,
-      forwardedRef,
-      color
-    } = newProps,
-          rest = _objectWithoutProperties(newProps, _excluded);
-
+        children,
+        rounded,
+        loading,
+        disabled,
+        style,
+        forwardedRef,
+        color
+      } = newProps,
+      rest = _objectWithoutProperties(newProps, _excluded);
     const isDisabled = disabled || loading;
     let loadingSize = 16;
-
     switch (rest.size) {
       case 'small':
         loadingSize = 14;
         break;
-
       case 'large':
         loadingSize = 18;
         break;
-
       default:
-    } // mui v4 只支持 4 种 color 值: default/inherit/primary/secondary (传入这 4 种之外的值会报 warning),
+    }
+
+    // mui v4 只支持 4 种 color 值: default/inherit/primary/secondary (传入这 4 种之外的值会报 warning),
     // 这里扩展 danger/warning/reverse/did 四种 color
     // !! 已升级到 mui v5, error/warning 等 color 已经默认支持, extendedColors 只扩展了 did/reverse
-
-
     const matched = extendedColors[color] && extendedColors[color][rest.variant];
+
     /**
      * @type {import('react').CSSProperties}
      */
-
     const styles = Object.assign({}, style, _objectSpread({
       boxShadow: 'none',
       textTransform: 'capitalize'
     }, matched));
     let _rest = rest;
-
     if (!matched) {
       // mui button 本身支持的 color 交由 mui 处理
       _rest = _objectSpread(_objectSpread({}, _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({
       style: styles,
       ref: forwardedRef,
@@ -150,7 +132,6 @@ function _default(BaseComponent) {
       }), children]
     }));
   }
-
   WrappedComponent.propTypes = {
     children: _propTypes.default.any.isRequired,
     style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),

package/lib/ButtonGroup/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
-
 var _wrap = _interopRequireDefault(require("../Button/wrap"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // deprecated, ux ButtonGroup 组件废弃, 建议直接使用 @mui/material/ButtonGroup
 // (该定制组件原本目的是调整 ButtonGroup 的圆角, 但最新设计规范已经不再使用较大的圆角, 改为使用 mui button 默认的圆角)
 var _default = (0, _wrap.default)(_ButtonGroup.default);
-
 exports.default = _default;

package/lib/CardSelector/index.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CardSelector;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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 CardSelector(_ref) {
   let {
     list,
@@ -30,40 +22,36 @@ function CardSelector(_ref) {
   } = _ref;
   const [selectedId, setSelectedId] = (0, _react.useState)(0);
   const [translateX, setTranslateX] = (0, _react.useState)(0);
-  const outterCon = (0, _react.useRef)(null); // 选择卡片
+  const outterCon = (0, _react.useRef)(null);
 
+  // 选择卡片
   const selectedItem = i => {
     if (i < 0 || i > list.length - 1) {
       return;
     }
+    setSelectedId(i);
 
-    setSelectedId(i); // 外部容器大小
-
+    // 外部容器大小
     const outerWidth = outterCon.current.clientWidth;
     setTranslateX(i * (width + cardSpace) - (outerWidth - width) / 2 + cardSpace * 0.5);
     onSelect(i);
   };
-
   (0, _react.useEffect)(() => {
     selectedItem(defaultIndex);
-
     const func = e => e.preventDefault();
-
     outterCon.current.addEventListener('touchmove', func, {
       passive: false
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   let startX;
-
   const touchstart = e => {
     const point = e.touches[0];
     startX = point.clientX;
   };
-
   const touchend = e => {
     const point = e.changedTouches[0];
     const diffX = startX - point.clientX;
-
     if (Math.abs(diffX) > 60) {
       if (diffX > 0) {
         selectedItem(selectedId + 1);
@@ -72,7 +60,6 @@ function CardSelector(_ref) {
       }
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Contianer, {
     ref: outterCon,
     onTouchStart: touchstart,
@@ -89,8 +76,10 @@ function CardSelector(_ref) {
             width,
             height,
             margin: cardSpace / 2
-          } // eslint-disable-next-line react/no-array-index-key
+          }
+          // eslint-disable-next-line react/no-array-index-key
           ,
+
           onClick: () => selectedItem(i),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
             src: e.src,
@@ -101,9 +90,7 @@ function CardSelector(_ref) {
     })
   });
 }
-
 const Contianer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      img {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));
-
 CardSelector.propTypes = {
   list: _propTypes.default.array,
   width: _propTypes.default.number,

package/lib/Center/index.js

@@ -4,44 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Center;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
-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) } })); }
-
 /**
  *
  * @param {string} relative 容器相对尺寸，默认相对屏幕(screen)，可设置为父容器(parent)
  * @returns react component 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 Center(_ref) {
   let {
     children,
     relative
   } = _ref;
   let style = {};
-
   if (relative === 'parent') {
     style = {
       width: '100%',
       height: '100%'
     };
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
     style: style,
     children: children
   });
 }
-
 const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  width: 100vw;\n  height: 100vh;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 Center.propTypes = {
   children: _propTypes.default.any.isRequired,

package/lib/ClickToCopy/copy-button.js

@@ -4,44 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CopyButton;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _colors = require("@mui/material/colors");
-
 var _ContentCopy = _interopRequireDefault(require("@mui/icons-material/ContentCopy"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _hook = _interopRequireDefault(require("./hook"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["content", "locale", "render", "showTooltip"];
-
 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 CopyButton(_ref) {
   let {
-    content,
-    locale,
-    render,
-    showTooltip
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      content,
+      locale,
+      render,
+      showTooltip
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     containerRef,
     copied,
@@ -77,17 +63,14 @@ function CopyButton(_ref) {
       })
     })
   }));
-
   if (render) {
     return render({
       copyButton,
       containerRef
     });
   }
-
   return copyButton;
 }
-
 CopyButton.propTypes = {
   content: _propTypes.default.string,
   locale: _propTypes.default.oneOf(['en', 'zh']),

package/lib/ClickToCopy/hook.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useCopy;
-
 var _react = require("react");
-
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const translations = {
   en: {
     copy: 'Click To Copy',
@@ -21,7 +17,6 @@ const translations = {
     copied: '已复制!'
   }
 };
-
 function useCopy(_ref) {
   let {
     content,
@@ -29,23 +24,18 @@ function useCopy(_ref) {
   } = _ref;
   const [copied, setCopied] = (0, _react.useState)(false);
   const containerRef = (0, _react.useRef)();
-
   const copy = e => {
     if (e) {
       e.stopPropagation();
     }
-
     (0, _copyToClipboard.default)(content || containerRef.current.textContent);
     setCopied(true);
   };
-
   (0, _react.useEffect)(() => {
     let timer = null;
-
     if (copied) {
       timer = setTimeout(() => setCopied(false), 2000);
     }
-
     return () => clearTimeout(timer);
   }, [copied]);
   return {