@arcblock/ux 2.9.90 → 2.10.0

package/lib/Address/did-address.js

@@ -1,34 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("@fontsource/ubuntu-mono/400.css");
-var _colors = require("@mui/material/colors");
-var _material = require("@mui/material");
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-var _iconsMaterial = require("@mui/icons-material");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _Theme = require("../Theme");
-var _Util = require("../Util");
-var _compactText = _interopRequireDefault(require("./compact-text"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["component", "size", "copyable", "content", "children", "prepend", "append", "compact", "startChars", "endChars", "locale", "showCopyButtonInTooltip"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _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; }
+import React, { useRef, useState, forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import '@fontsource/ubuntu-mono/400.css';
+import { green } from '@mui/material/colors';
+import { Tooltip, Box } from '@mui/material';
+import copy from 'copy-to-clipboard';
+import { ContentCopy as CopyIcon, Check as CheckIcon } from '@mui/icons-material';
+import noop from 'lodash/noop';
+import { styled } from '../Theme';
+import { getFontSize } from '../Util';
+import CompactText from './compact-text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const translations = {
   en: {
     copy: 'Click To Copy',
@@ -53,32 +35,31 @@ const translations = {
  *   - 为保证 copy 功能正常工作, 原 children 始终渲染, 但在紧凑式下会隐藏
  *   - 可配合 useMediaQuery 使用
  */
-const DidAddress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      component,
-      size,
-      copyable,
-      content,
-      children,
-      prepend,
-      append,
-      compact,
-      startChars,
-      endChars,
-      locale,
-      showCopyButtonInTooltip
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const DidAddress = /*#__PURE__*/forwardRef(({
+  component,
+  size,
+  copyable,
+  content,
+  children,
+  prepend,
+  append,
+  compact,
+  startChars,
+  endChars,
+  locale,
+  showCopyButtonInTooltip,
+  ...rest
+}, ref) => {
   if (!translations[locale]) {
     // eslint-disable-next-line no-param-reassign
     locale = 'en';
   }
-  const [copied, setCopied] = (0, _react.useState)(false);
-  const textRef = (0, _react.useRef)();
+  const [copied, setCopied] = useState(false);
+  const textRef = useRef();
   const onCopy = e => {
     e.stopPropagation();
     e.preventDefault();
-    (0, _copyToClipboard.default)(content || textRef.current.textContent);
+    copy(content || textRef.current.textContent);
     setCopied(true);
     // 恢复 copied 状态
     setTimeout(() => {
@@ -87,88 +68,88 @@ const DidAddress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
   let copyElement = null;
   if (copyable) {
-    copyElement = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    copyElement = /*#__PURE__*/_jsx("span", {
       className: "did-address-copy-wrapper",
       title: copied ? '' : translations[locale].copy,
-      children: copied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+      children: copied ? /*#__PURE__*/_jsx(Tooltip, {
         title: translations[locale].copied,
         placement: "bottom",
         arrow: true,
         open: copied,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Check, {
+        children: /*#__PURE__*/_jsx(CheckIcon, {
           className: "did-address-copy",
           style: {
-            color: _colors.green[500]
+            color: green[500]
           }
         })
       }) :
       /*#__PURE__*/
       /* title prop 直接加在 icon 上不生效 */
-      (0, _jsxRuntime.jsx)(_iconsMaterial.ContentCopy, {
+      _jsx(CopyIcon, {
         className: "did-address-copy",
         onClick: onCopy
       })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, {
     as: component,
-    size: size
-  }, rest), {}, {
+    size: size,
+    ...rest,
     ref: ref,
-    children: [prepend, /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    children: [prepend, /*#__PURE__*/_jsx(Box, {
       sx: {
         display: 'none'
       },
       ref: textRef,
       children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+    }), /*#__PURE__*/_jsx(Tooltip, {
       title: copyable ? '' : translations[locale].copied,
       placement: "bottom",
       arrow: true,
       open: copied,
-      children: compact ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      children: compact ? /*#__PURE__*/_jsx(Box, {
         component: "span",
         className: "did-address-text",
         sx: {
           cursor: copyable ? 'unset' : 'pointer'
         },
-        onDoubleClick: copyable ? _noop.default : onCopy,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_compactText.default, {
+        onDoubleClick: copyable ? noop : onCopy,
+        children: /*#__PURE__*/_jsx(CompactText, {
           startChars: startChars,
           endChars: endChars,
           showCopyButtonInTooltip: showCopyButtonInTooltip,
           children: children
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      }) : /*#__PURE__*/_jsx(Box, {
         component: "span",
         className: "did-address-text did-address-truncate",
         sx: {
           display: compact ? 'none' : 'inline',
           cursor: copyable ? 'unset' : 'pointer'
         },
-        onDoubleClick: copyable ? _noop.default : onCopy,
+        onDoubleClick: copyable ? noop : onCopy,
         children: children
       })
     }), copyElement, append]
-  }));
+  });
 });
-var _default = exports.default = DidAddress;
+export default DidAddress;
 DidAddress.propTypes = {
-  component: _propTypes.default.string,
-  size: _propTypes.default.number,
-  copyable: _propTypes.default.bool,
+  component: PropTypes.string,
+  size: PropTypes.number,
+  copyable: PropTypes.bool,
   // compact mode 下, hover 时会在 tooltip 中显示完整地址, showCopyButtonInTooltip = true 时会在完整地址后显示一个复制按钮
-  showCopyButtonInTooltip: _propTypes.default.bool,
-  children: _propTypes.default.any,
-  content: _propTypes.default.string,
-  inline: _propTypes.default.bool,
-  prepend: _propTypes.default.any,
-  append: _propTypes.default.any,
+  showCopyButtonInTooltip: PropTypes.bool,
+  children: PropTypes.any,
+  content: PropTypes.string,
+  inline: PropTypes.bool,
+  prepend: PropTypes.any,
+  append: PropTypes.any,
   // 紧凑模式
-  compact: _propTypes.default.bool,
-  startChars: _propTypes.default.number,
-  endChars: _propTypes.default.number,
-  locale: _propTypes.default.oneOf(['en', 'zh'])
+  compact: PropTypes.bool,
+  startChars: PropTypes.number,
+  endChars: PropTypes.number,
+  locale: PropTypes.oneOf(['en', 'zh'])
 };
 DidAddress.defaultProps = {
   component: 'span',
@@ -185,11 +166,57 @@ DidAddress.defaultProps = {
   endChars: 6,
   locale: 'en'
 };
-const Root = (0, _Theme.styled)(_material.Box, {
+const Root = styled(Box, {
   shouldForwardProp: prop => prop !== 'inline'
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: 'Ubuntu Mono', monospace;\n  && {\n    display: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow: hidden;\n    color: #ccc;\n    font-size: ", ";\n    font-weight: 400;\n\n    svg {\n      fill: currentColor;\n    }\n  }\n\n  .did-address-text {\n    color: #666;\n  }\n  /* truncate string with ellipsis */\n  .did-address-truncate {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .did-address-copy-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    margin-left: 8px;\n  }\n  .did-address-copy {\n    flex: 0 0 auto;\n    font-size: 1em;\n    color: #999;\n    cursor: pointer;\n  }\n\n  /* link */\n  a {\n    color: #666;\n  }\n  &:hover a {\n    color: #222;\n    text-decoration: underline;\n  }\n"])), _ref2 => {
-  let {
-    inline
-  } = _ref2;
-  return inline ? 'inline-flex' : 'flex';
-}, props => (0, _Util.getFontSize)(props.size));
+})`
+  font-family: 'Ubuntu Mono', monospace;
+  && {
+    display: ${({
+  inline
+}) => inline ? 'inline-flex' : 'flex'};
+    align-items: center;
+    max-width: 100%;
+    overflow: hidden;
+    color: #ccc;
+    font-size: ${props => getFontSize(props.size)};
+    font-weight: 400;
+
+    svg {
+      fill: currentColor;
+    }
+  }
+
+  .did-address-text {
+    color: #666;
+  }
+  /* truncate string with ellipsis */
+  .did-address-truncate {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .did-address-copy-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 1em;
+    height: 1em;
+    margin-left: 8px;
+  }
+  .did-address-copy {
+    flex: 0 0 auto;
+    font-size: 1em;
+    color: #999;
+    cursor: pointer;
+  }
+
+  /* link */
+  a {
+    color: #666;
+  }
+  &:hover a {
+    color: #222;
+    text-decoration: underline;
+  }
+`;

package/lib/Address/index.js

@@ -1,34 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DidAddressWrapper;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _didAddress = _interopRequireDefault(require("./did-address"));
-var _responsiveDidAddress = _interopRequireDefault(require("./responsive-did-address"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["responsive"];
-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 DidAddressWrapper(_ref) {
-  let {
-      responsive
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import PropTypes from 'prop-types';
+import DidAddress from './did-address';
+import ResponsiveDidAddress from './responsive-did-address';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function DidAddressWrapper({
+  responsive,
+  ...rest
+}) {
   if (responsive) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_responsiveDidAddress.default, _objectSpread({}, rest));
+    return /*#__PURE__*/_jsx(ResponsiveDidAddress, {
+      ...rest
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, _objectSpread({}, rest));
+  return /*#__PURE__*/_jsx(DidAddress, {
+    ...rest
+  });
 }
 DidAddressWrapper.propTypes = {
-  responsive: _propTypes.default.bool
+  responsive: PropTypes.bool
 };
 DidAddressWrapper.defaultProps = {
   responsive: true

package/lib/Address/responsive-did-address.js

@@ -1,17 +1,9 @@
-"use strict";
+import { useState, createRef, useEffect, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { useSize } from 'ahooks';
+import { styled } from '../Theme';
+import DidAddress from './did-address';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ResponsiveDidAddress;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ahooks = require("ahooks");
-var _Theme = require("../Theme");
-var _didAddress = _interopRequireDefault(require("./did-address"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const _excluded = ["style", "className", "component"];
 /**
  * 根据父容器宽度自动切换 compact 模式
  *
@@ -22,68 +14,74 @@ const _excluded = ["style", "className", "component"];
  * - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
  * - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
  */
-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 ResponsiveDidAddress(_ref) {
-  let {
-      style,
-      className,
-      component
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [compact, setCompact] = (0, _react.useState)(false);
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ResponsiveDidAddress({
+  style,
+  className,
+  component,
+  ...rest
+}) {
+  const [compact, setCompact] = useState(false);
   // did address 完整显示时的宽度
-  const [addressFullWidth, setAddressFullWidth] = (0, _react.useState)(null);
-  const containerRef = (0, _react.useRef)(null);
-  const size = (0, _ahooks.useSize)(containerRef);
-  const containerWidth = (size === null || size === void 0 ? void 0 : size.width) || 0;
-  const ref = /*#__PURE__*/(0, _react.createRef)();
+  const [addressFullWidth, setAddressFullWidth] = useState(null);
+  const containerRef = useRef(null);
+  const size = useSize(containerRef);
+  const containerWidth = size?.width || 0;
+  const ref = /*#__PURE__*/createRef();
   // 存储完整显示时 address 组件的宽度
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!compact && addressFullWidth === null) {
       setAddressFullWidth(ref.current.offsetWidth);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (containerWidth && addressFullWidth) {
       setCompact(containerWidth < addressFullWidth);
     }
   }, [containerWidth, addressFullWidth]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+  return /*#__PURE__*/_jsx(Root, {
     as: component,
     ref: containerRef,
     style: style,
     className: className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDidAddress, _objectSpread(_objectSpread({}, rest), {}, {
+    children: /*#__PURE__*/_jsx(StyledDidAddress, {
+      ...rest,
       component: component,
       inline: true,
       compact: compact,
       ref: ref
-    }))
+    })
   });
 }
 ResponsiveDidAddress.propTypes = {
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  component: _propTypes.default.string
+  style: PropTypes.object,
+  className: PropTypes.string,
+  component: PropTypes.string
 };
 ResponsiveDidAddress.defaultProps = {
   style: {},
   className: '',
   component: 'span'
 };
-const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  overflow: hidden;\n  ", "\n"])), _ref2 => {
-  let {
-    inline
-  } = _ref2;
-  return inline && "\n    display: inline-block;\n    width: 100%;\n  ";
-});
-const StyledDidAddress = (0, _Theme.styled)(_didAddress.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  && {\n    max-width: none;\n  }\n  .did-address-text {\n    /* \u7981\u6B62\u6587\u672C Ellipsis/\u622A\u65AD, \u4EE5\u4FBF\u6D4B\u91CF\u771F\u5B9E\u7684\u5BBD\u5EA6 */\n    white-space: nowrap;\n    overflow: visible;\n    text-overflow: unset;\n  }\n"])));
+const Root = styled('div')`
+  display: block;
+  overflow: hidden;
+  ${({
+  inline
+}) => inline && `
+    display: inline-block;
+    width: 100%;
+  `}
+`;
+const StyledDidAddress = styled(DidAddress)`
+  && {
+    max-width: none;
+  }
+  .did-address-text {
+    /* 禁止文本 Ellipsis/截断, 以便测量真实的宽度 */
+    white-space: nowrap;
+    overflow: visible;
+    text-overflow: unset;
+  }
+`;

package/lib/Alert/index.js

@@ -1,51 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _colors = require("@mui/material/colors");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Util = require("../Util");
-var _Colors = _interopRequireDefault(require("../Colors"));
-var _Theme = require("../Theme");
-var _deprecate = require("../Util/deprecate");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["type", "children", "style", "className", "variant"];
-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; }
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import { blueGrey } from '@mui/material/colors';
+import Icon from '../Icon';
+import { mergeProps } from '../Util';
+import colors from '../Colors';
+import { styled } from '../Theme';
+import { withDeprecated } from '../Util/deprecate';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const types = {
   error: {
     icon: 'exclamation-circle',
-    color: _Colors.default.error.main,
+    color: colors.error.main,
     borderColor: '#e35b54',
     backgroundColor: 'rgba(227, 91, 84, 0.2)'
   },
   warning: {
     icon: 'exclamation-triangle',
-    color: _Colors.default.warning.main,
+    color: colors.warning.main,
     borderColor: '#f7d040',
     backgroundColor: 'rgba(247, 208, 64, 0.2)'
   },
   success: {
     icon: 'check-circle',
-    color: _Colors.default.success.main,
+    color: colors.success.main,
     borderColor: '#89ddd9',
     backgroundColor: 'rgba(137, 221, 217, 0.2)'
   },
   tip: {
     icon: 'info-circle',
-    color: _Colors.default.grey[500],
+    color: colors.grey[500],
     borderColor: '#222222',
     backgroundColor: '#EEEEEE'
   }
@@ -69,15 +53,15 @@ const types = {
  */
 function Alert(props) {
   /** @type {AlertProps} */
-  const newProps = (0, _Util.mergeProps)(props, Alert, ['style']);
+  const newProps = mergeProps(props, Alert, ['style']);
   const {
-      type,
-      children,
-      style,
-      className,
-      variant
-    } = newProps,
-    rest = _objectWithoutProperties(newProps, _excluded);
+    type,
+    children,
+    style,
+    className,
+    variant,
+    ...rest
+  } = newProps;
   const {
     icon,
     color,
@@ -87,33 +71,34 @@ function Alert(props) {
 
   /** @type {import('react').CSSProperties} */
   const styles = Object.assign({
-    color: _colors.blueGrey[500],
+    color: blueGrey[500],
     backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
-    borderLeft: variant === 'border' ? "5px solid ".concat(borderColor) : 'none'
+    borderLeft: variant === 'border' ? `5px solid ${borderColor}` : 'none'
   }, style);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
-    className: "alert alert--".concat(type, " alert--").concat(variant, " ").concat(className).trim(),
+  return /*#__PURE__*/_jsxs(Container, {
+    ...rest,
+    className: `alert alert--${type} alert--${variant} ${className}`.trim(),
     style: styles,
-    children: [variant === 'icon' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+    children: [variant === 'icon' && /*#__PURE__*/_jsx(Icon, {
       className: "alert-icon",
       name: icon,
       size: 24,
       style: {
         color
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    }), /*#__PURE__*/_jsx(Typography, {
       component: "div",
       className: "alert-content",
       children: children
     })]
-  }));
+  });
 }
 Alert.propTypes = {
-  type: _propTypes.default.oneOf(Object.keys(types)),
-  children: _propTypes.default.any.isRequired,
-  className: _propTypes.default.string,
-  style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),
-  variant: _propTypes.default.oneOf(['border', 'icon'])
+  type: PropTypes.oneOf(Object.keys(types)),
+  children: PropTypes.any.isRequired,
+  className: PropTypes.string,
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  variant: PropTypes.oneOf(['border', 'icon'])
 };
 Alert.defaultProps = {
   type: 'tip',
@@ -121,8 +106,29 @@ Alert.defaultProps = {
   style: '{}',
   variant: 'border'
 };
-var _default = exports.default = (0, _deprecate.withDeprecated)(Alert, {
+export default withDeprecated(Alert, {
   name: 'Alert',
   alternative: '@mui/material/Alert'
 });
-const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  margin: 0;\n  padding: 16px;\n  margin: 16px 0;\n\n  strong {\n    margin: 0 5px;\n  }\n\n  .alert-icon {\n    margin-right: 16px;\n  }\n\n  .alert-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n"])));
+const Container = styled('div')`
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  margin: 0;
+  padding: 16px;
+  margin: 16px 0;
+
+  strong {
+    margin: 0 5px;
+  }
+
+  .alert-icon {
+    margin-right: 16px;
+  }
+
+  .alert-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+`;