@arcblock/ux 2.9.91 → 2.10.0

package/lib/ActionButton/index.js

@@ -1,15 +1,8 @@
-"use strict";
+import PropTypes from 'prop-types';
+import Button from '../Button';
+import { mergeProps } from '../Util';
+import { withDeprecated } from '../Util/deprecate';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Util = require("../Util");
-var _deprecate = require("../Util/deprecate");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["href", "icon", "size", "color", "theme", "variant", "gradient", "children", "text"];
 /**
  * Action button component
  * @typedef {{
@@ -26,34 +19,29 @@ const _excluded = ["href", "icon", "size", "color", "theme", "variant", "gradien
  *  width?: string;
  * }} ActionButtonProps
  */
+
 /**
  * Action button component
  * @param {ActionButtonProps} props
  * @returns {JSX.Element}
  */
-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 { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ActionButton(props) {
   /** @type {ActionButtonProps & {}} */
-  const newProps = (0, _Util.mergeProps)(props, ActionButton);
+  const newProps = mergeProps(props, ActionButton);
   const {
-      href,
-      icon,
-      size,
-      color,
-      theme,
-      variant,
-      gradient,
-      children,
-      text
-    } = newProps,
-    rest = _objectWithoutProperties(newProps, _excluded);
+    href,
+    icon,
+    size,
+    color,
+    theme,
+    variant,
+    gradient,
+    children,
+    text,
+    ...rest
+  } = newProps;
 
   /** @type {import('react').CSSProperties} */
   const styles = {};
@@ -67,32 +55,32 @@ function ActionButton(props) {
       styles[x] = newProps[x];
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Button, {
     color: theme,
     href: href,
     target: "_blank",
     variant: variant,
     style: styles,
     size: size,
-    className: "action-button"
-  }, rest), {}, {
-    children: [!!icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    className: "action-button",
+    ...rest,
+    children: [!!icon && /*#__PURE__*/_jsx("i", {
       className: icon
     }), text || children]
-  }));
+  });
 }
 ActionButton.propTypes = {
-  href: _propTypes.default.string.isRequired,
-  children: _propTypes.default.any,
-  gradient: _propTypes.default.string,
-  color: _propTypes.default.string,
-  icon: _propTypes.default.string,
-  border: _propTypes.default.string,
-  text: _propTypes.default.string,
-  theme: _propTypes.default.string,
-  variant: _propTypes.default.string,
-  size: _propTypes.default.string,
-  width: _propTypes.default.string
+  href: PropTypes.string.isRequired,
+  children: PropTypes.any,
+  gradient: PropTypes.string,
+  color: PropTypes.string,
+  icon: PropTypes.string,
+  border: PropTypes.string,
+  text: PropTypes.string,
+  theme: PropTypes.string,
+  variant: PropTypes.string,
+  size: PropTypes.string,
+  width: PropTypes.string
 };
 ActionButton.defaultProps = {
   gradient: '',
@@ -106,6 +94,6 @@ ActionButton.defaultProps = {
   size: 'large',
   children: null
 };
-var _default = exports.default = (0, _deprecate.withDeprecated)(ActionButton, {
+export default withDeprecated(ActionButton, {
   name: 'ActionButton'
 });

package/lib/ActivityIndicator/index.js

@@ -1,19 +1,10 @@
-"use strict";
+import { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { green, blue } from '@mui/material/colors';
+import Logo from '../Logo';
+import colors from '../Colors';
+import { styled } from '../Theme';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ActivityIndicator;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _colors = require("@mui/material/colors");
-var _Logo = _interopRequireDefault(require("../Logo"));
-var _Colors = _interopRequireDefault(require("../Colors"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const _excluded = ["messages", "interval"],
-  _excluded2 = ["size", "orbitColor", "atomColor", "duration"];
 /**
  * ActivityIndicator is used when we want to tell the user the request they made on the UI will take time.
  * @typedef {{
@@ -21,28 +12,21 @@ const _excluded = ["messages", "interval"],
  *  messages: string[];
  * } & import('react').ComponentPropsWithoutRef<"div"> } ActivityIndicatorProps
  */
+
 /**
  * @description ActivityIndicator is used when we want to tell the user the request they made on the UI will take time.
  * @param {ActivityIndicatorProps} 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(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 ActivityIndicator(_ref) {
-  let {
-      messages,
-      interval
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [index, setIndex] = (0, _react.useState)(0);
-  (0, _react.useEffect)(() => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function ActivityIndicator({
+  messages,
+  interval,
+  ...rest
+}) {
+  const [index, setIndex] = useState(0);
+  useEffect(() => {
     const timer = setInterval(() => {
       setIndex((index + 1) % messages.length);
     }, interval);
@@ -50,84 +34,147 @@ function ActivityIndicator(_ref) {
       clearTimeout(timer);
     };
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({}, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(Div, {
+    ...rest,
+    children: /*#__PURE__*/_jsxs("div", {
       className: "pm-loader-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "pm-loader-text",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: /*#__PURE__*/_jsx("p", {
           children: messages[index]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: "pm-loader-atoms",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
+        children: [/*#__PURE__*/_jsx(Logo, {
           style: {
             transform: 'scale(0.6)'
           },
           showText: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
+        }), /*#__PURE__*/_jsx(Orbit, {
           size: 56,
-          orbitColor: _colors.green[500],
-          atomColor: _colors.green[500],
+          orbitColor: green[500],
+          atomColor: green[500],
           duration: 1
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
+        }), /*#__PURE__*/_jsx(Orbit, {
           size: 80,
-          orbitColor: _colors.blue[800],
-          atomColor: _colors.blue[800],
+          orbitColor: blue[800],
+          atomColor: blue[800],
           duration: 1.5
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Orbit, {
+        }), /*#__PURE__*/_jsx(Orbit, {
           size: 100,
-          orbitColor: _Colors.default.grey[900],
-          atomColor: _Colors.default.grey[900]
+          orbitColor: colors.grey[900],
+          atomColor: colors.grey[900]
         })]
       })]
     })
-  }));
+  });
 }
 ActivityIndicator.propTypes = {
-  interval: _propTypes.default.number,
-  messages: _propTypes.default.arrayOf(_propTypes.default.string.isRequired)
+  interval: PropTypes.number,
+  messages: PropTypes.arrayOf(PropTypes.string.isRequired)
 };
 ActivityIndicator.defaultProps = {
   interval: 3000,
   messages: ['Loading data...']
 };
-const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && {\n    box-sizing: border-box;\n    padding: 20px;\n    width: 100%;\n    height: 100%;\n    min-height: 360px;\n    z-index: 100;\n    transition: opacity 0.5s linear;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .pm-loader-text {\n    color: ", ";\n    font-size: 14px;\n    text-align: center;\n    position: relative;\n    height: 70px;\n    -webkit-user-select: none;\n  }\n\n  .pm-loader-container {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n    flex: 1;\n  }\n\n  .pm-loader-atoms {\n    width: 100px;\n    height: 100px;\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n  }\n"])), _Colors.default.grey[900]);
-function Orbit(_ref2) {
-  let {
-      size,
-      orbitColor,
-      atomColor,
-      duration
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OrbitRoot, _objectSpread(_objectSpread({
+const Div = styled('div')`
+  && {
+    box-sizing: border-box;
+    padding: 20px;
+    width: 100%;
+    height: 100%;
+    min-height: 360px;
+    z-index: 100;
+    transition: opacity 0.5s linear;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .pm-loader-text {
+    color: ${colors.grey[900]};
+    font-size: 14px;
+    text-align: center;
+    position: relative;
+    height: 70px;
+    -webkit-user-select: none;
+  }
+
+  .pm-loader-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    flex: 1;
+  }
+
+  .pm-loader-atoms {
+    width: 100px;
+    height: 100px;
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+  }
+`;
+function Orbit({
+  size,
+  orbitColor,
+  atomColor,
+  duration,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(OrbitRoot, {
     $duration: duration,
     style: {
       width: size,
       height: size,
-      border: "1px solid ".concat(orbitColor)
-    }
-  }, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      border: `1px solid ${orbitColor}`
+    },
+    ...rest,
+    children: /*#__PURE__*/_jsx("div", {
       style: {
         background: atomColor
       }
     })
-  }));
+  });
 }
 Orbit.propTypes = {
-  size: _propTypes.default.number.isRequired,
-  orbitColor: _propTypes.default.string.isRequired,
-  atomColor: _propTypes.default.string.isRequired,
-  duration: _propTypes.default.number
+  size: PropTypes.number.isRequired,
+  orbitColor: PropTypes.string.isRequired,
+  atomColor: PropTypes.string.isRequired,
+  duration: PropTypes.number
 };
 Orbit.defaultProps = {
   duration: 2
 };
-const OrbitRoot = (0, _Theme.styled)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  @keyframes orbit {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  position: absolute;\n  border-radius: 50%;\n  animation: orbit ", "s infinite;\n  animation-timing-function: linear;\n  transform-origin: center;\n\n  > div {\n    position: absolute;\n    top: 50%;\n    width: 6px;\n    height: 6px;\n    transform: translateX(-50%);\n    border-radius: 50%;\n  }\n"])), _ref3 => {
-  let {
-    $duration
-  } = _ref3;
-  return $duration;
-});
+const OrbitRoot = styled('div')`
+  @keyframes orbit {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  position: absolute;
+  border-radius: 50%;
+  animation: orbit ${({
+  $duration
+}) => $duration}s infinite;
+  animation-timing-function: linear;
+  transform-origin: center;
+
+  > div {
+    position: absolute;
+    top: 50%;
+    width: 6px;
+    height: 6px;
+    transform: translateX(-50%);
+    border-radius: 50%;
+  }
+`;

package/lib/Address/compact-text.js

@@ -1,40 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CompactText;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Tooltip = _interopRequireWildcard(require("@mui/material/Tooltip"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Theme = require("../Theme");
-var _ClickToCopy = require("../ClickToCopy");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"],
-  _excluded2 = ["children"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-const StyledTooltip = (0, _Theme.styled)(_ref => {
-  let {
-      className
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({}, props), {}, {
-    classes: {
-      popper: className
-    }
-  }));
-})({
-  ["& .".concat(_Tooltip.tooltipClasses.tooltip)]: {
+import { Children } from 'react';
+import PropTypes from 'prop-types';
+import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
+import Box from '@mui/material/Box';
+import { styled } from '../Theme';
+import { CopyButton } from '../ClickToCopy';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const StyledTooltip = styled(({
+  className,
+  ...props
+}) => /*#__PURE__*/_jsx(Tooltip, {
+  ...props,
+  classes: {
+    popper: className
+  }
+}))({
+  [`& .${tooltipClasses.tooltip}`]: {
     maxWidth: 360,
     wordBreak: 'break-all'
   }
@@ -42,23 +23,25 @@ const StyledTooltip = (0, _Theme.styled)(_ref => {
 
 // 递归, 将 text (string) 部分替换为 CompactText (保持元素结构)
 // eslint-disable-next-line react/prop-types
-function RecursiveWrapper(_ref2) {
-  let {
-      children
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  const wrappedChildren = _react.Children.map(children, child => {
+function RecursiveWrapper({
+  children,
+  ...rest
+}) {
+  const wrappedChildren = Children.map(children, child => {
     if (typeof child === 'string') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CompactText, _objectSpread(_objectSpread({}, rest), {}, {
+      return /*#__PURE__*/_jsx(CompactText, {
+        ...rest,
         children: child
-      }));
+      });
     }
     if (child.props && child.props.children) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(child.type, _objectSpread(_objectSpread({}, child.props), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RecursiveWrapper, _objectSpread(_objectSpread({}, rest), {}, {
+      return /*#__PURE__*/_jsx(child.type, {
+        ...child.props,
+        children: /*#__PURE__*/_jsx(RecursiveWrapper, {
+          ...rest,
           children: child.props.children
-        }))
-      }));
+        })
+      });
     }
     return child;
   });
@@ -68,15 +51,14 @@ function RecursiveWrapper(_ref2) {
 /**
  * 紧凑文本组件 (显示首尾, 中间截断显示省略号), 仅考虑等宽字体的情况
  */
-function CompactText(_ref3) {
-  let {
-    startChars,
-    endChars,
-    children,
-    showCopyButtonInTooltip
-  } = _ref3;
+export default function CompactText({
+  startChars,
+  endChars,
+  children,
+  showCopyButtonInTooltip
+}) {
   if (typeof children !== 'string') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RecursiveWrapper, {
+    return /*#__PURE__*/_jsx(RecursiveWrapper, {
       startChars: startChars,
       endChars: endChars,
       showCopyButtonInTooltip: showCopyButtonInTooltip,
@@ -85,14 +67,14 @@ function CompactText(_ref3) {
   }
 
   // stopPropagation: 当 tooltip 处于 link 中时, 避免点击复制时触发链接跳转
-  const tooltipContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  const tooltipContent = /*#__PURE__*/_jsxs(Box, {
     display: "flex",
     alignItems: "center",
     lineHeight: 1,
     onClick: e => e.stopPropagation(),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    children: [/*#__PURE__*/_jsx(Box, {
       children: children
-    }), showCopyButtonInTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickToCopy.CopyButton, {
+    }), showCopyButtonInTooltip && /*#__PURE__*/_jsx(CopyButton, {
       content: children,
       showTooltip: false,
       style: {
@@ -101,20 +83,20 @@ function CompactText(_ref3) {
       }
     })]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTooltip, {
+  return /*#__PURE__*/_jsx(StyledTooltip, {
     title: tooltipContent,
     placement: "top",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    children: /*#__PURE__*/_jsxs("span", {
       children: [children.slice(0, startChars), "...", children.slice(children.length - endChars)]
     })
   });
 }
 CompactText.propTypes = {
-  startChars: _propTypes.default.number,
-  endChars: _propTypes.default.number,
-  children: _propTypes.default.node.isRequired,
+  startChars: PropTypes.number,
+  endChars: PropTypes.number,
+  children: PropTypes.node.isRequired,
   // 在 tooltip 中完整地址后显示复制按钮
-  showCopyButtonInTooltip: _propTypes.default.bool
+  showCopyButtonInTooltip: PropTypes.bool
 };
 CompactText.defaultProps = {
   startChars: 6,