@arcblock/ux 2.1.18 → 2.1.21

package/lib/Footer/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Footer;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -17,6 +15,8 @@ var _Util = require("../Util");
 
 var _Logo = _interopRequireDefault(require("../Logo"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable react/no-unused-prop-types */
@@ -31,32 +31,38 @@ function Footer(props) {
   } = newProps;
   const endYear = new Date().getFullYear();
   const copyYear = endYear === copyStart ? endYear : "".concat(copyStart, "-").concat(endYear);
-  return /*#__PURE__*/_react.default.createElement(Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
     className: className,
     style: style,
-    dark: dark
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "div",
-    className: "footer"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "p",
-    className: "footer-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "footer-copy"
-  }, "Copyright \xA9 ", copyYear, " "), /*#__PURE__*/_react.default.createElement("span", {
-    className: "footer-brand"
-  }, brand)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "p",
-    className: "footer-item",
-    style: {
-      justifyContent: 'flex-end',
-      flexShrink: 0
-    }
-  }, "Powered by", /*#__PURE__*/_react.default.createElement(_Logo.default, {
-    mode: dark ? 'light' : 'dark',
-    layout: "horizontal",
-    className: "logo-container"
-  }))));
+    dark: dark,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+      component: "div",
+      className: "footer",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        component: "p",
+        className: "footer-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: "footer-copy",
+          children: ["Copyright \xA9 ", copyYear, " "]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "footer-brand",
+          children: brand
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        component: "p",
+        className: "footer-item",
+        style: {
+          justifyContent: 'flex-end',
+          flexShrink: 0
+        },
+        children: ["Powered by", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
+          mode: dark ? 'light' : 'dark',
+          layout: "horizontal",
+          className: "logo-container"
+        })]
+      })]
+    })
+  });
 }
 
 Footer.propTypes = {

package/lib/Header/header.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -17,10 +15,18 @@ var _Container = _interopRequireDefault(require("@mui/material/Container"));
 
 var _useTheme = _interopRequireDefault(require("@mui/styles/useTheme"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["logo", "brand", "brandAddon", "description", "children", "addons", "prepend"];
 
 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; }
@@ -42,25 +48,35 @@ function Header(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   const theme = (0, _useTheme.default)();
-  return /*#__PURE__*/_react.default.createElement(Root, Object.assign({}, rest, {
-    $theme: theme
-  }), /*#__PURE__*/_react.default.createElement(_Container.default, {
-    className: "header-container"
-  }, prepend, logo && /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-logo"
-  }, logo), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-brand"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-brand-title"
-  }, /*#__PURE__*/_react.default.createElement("h2", null, brand), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-brand-addon"
-  }, brandAddon)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-brand-desc"
-  }, description)), children, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    flexGrow: 1
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-addons"
-  }, addons)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
+    $theme: theme,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
+      className: "header-container",
+      children: [prepend, logo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "header-logo",
+        children: logo
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "header-brand",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "header-brand-title",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+            children: brand
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "header-brand-addon",
+            children: brandAddon
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "header-brand-desc",
+          children: description
+        })]
+      }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        flexGrow: 1
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "header-addons",
+        children: addons
+      })]
+    })
+  }));
 }
 
 Header.propTypes = {

package/lib/Header/responsive-header.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -23,14 +23,12 @@ var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
 
 var _header = _interopRequireDefault(require("./header"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["menu", "prepend", "children"];
 
 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; }
-
 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; }
@@ -73,39 +71,51 @@ function ResponsiveHeader(_ref) {
   } = rest; // 如果 children 没有值, 则使用普通的 Header 组件渲染 (此时并没有什么内容需要在 menu 中显示)
 
   if (!children) {
-    return /*#__PURE__*/_react.default.createElement(_header.default, Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, _objectSpread({
       prepend: prepend
     }, rest));
   }
 
-  return /*#__PURE__*/_react.default.createElement(Root, Object.assign({
-    prepend: prepend || /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({
+    prepend: prepend || /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       color: "inherit",
       edge: "start",
       className: "header-menu",
-      onClick: () => setDrawerOpen(true)
-    }, /*#__PURE__*/_react.default.createElement(_Menu.default, null))
-  }, rest, {
+      onClick: () => setDrawerOpen(true),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {})
+    })
+  }, rest), {}, {
     logo: isMobile ? null : logo,
-    $theme: theme
-  }), !isMobile && _children, isMobile && /*#__PURE__*/_react.default.createElement(_Drawer.default, {
-    open: drawerOpen,
-    onClose: () => setDrawerOpen(false),
-    ModalProps: {
-      disablePortal: false,
-      keepMounted: true
-    }
-  }, /*#__PURE__*/_react.default.createElement(Sidebar, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-sidebar-head"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-sidebar-logo"
-  }, logo), brand && /*#__PURE__*/_react.default.createElement("h2", null, brand), description && /*#__PURE__*/_react.default.createElement("p", {
-    className: "header-sidebar-description"
-  }, description), brandAddon && /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-sidebar-brandaddon"
-  }, brandAddon)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-sidebar-content"
-  }, _children))));
+    $theme: theme,
+    children: [!isMobile && _children, isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+      open: drawerOpen,
+      onClose: () => setDrawerOpen(false),
+      ModalProps: {
+        disablePortal: false,
+        keepMounted: true
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Sidebar, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "header-sidebar-head",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "header-sidebar-logo",
+            children: logo
+          }), brand && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+            children: brand
+          }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            className: "header-sidebar-description",
+            children: description
+          }), brandAddon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "header-sidebar-brandaddon",
+            children: brandAddon
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "header-sidebar-content",
+          children: _children
+        })]
+      })
+    })]
+  }));
 }
 
 ResponsiveHeader.propTypes = _objectSpread(_objectSpread({}, _header.default.PropTypes), {}, {

package/lib/Icon/image.js

@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ImageIcon;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Img = _interopRequireDefault(require("../Img"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["name", "size", "alt", "color", "style", "prefix", "showBadge"];
 
 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; }
@@ -34,22 +40,23 @@ function ImageIcon(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   const src = "".concat(prefix, "/").concat(name, "-").concat(color.replace(/^#/, ''), ".png");
-  return /*#__PURE__*/_react.default.createElement(Div, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     style: {
       width: size,
       height: size
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Img.default, Object.assign({
-    width: size,
-    height: size,
-    alt: alt || name,
-    src: src,
-    style: Object.assign({
-      width: size
-    }, style)
-  }, rest)), showBadge && /*#__PURE__*/_react.default.createElement("i", {
-    className: "badge-point"
-  }));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, _objectSpread({
+      width: size,
+      height: size,
+      alt: alt || name,
+      src: src,
+      style: Object.assign({
+        width: size
+      }, style)
+    }, rest)), showBadge && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: "badge-point"
+    })]
+  });
 }
 
 ImageIcon.propTypes = {

package/lib/Icon/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -13,10 +13,18 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Colors = _interopRequireDefault(require("../Colors"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["name", "color", "size", "variant", "rounded", "style", "className", "forwardedRef"];
 
 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; }
@@ -27,7 +35,7 @@ const variants = {
   solid: 'fas'
 }; // eslint-disable-next-line react/prop-types
 
-const Icon = _ref => {
+function Icon(_ref) {
   let {
     name,
     color,
@@ -40,7 +48,7 @@ const Icon = _ref => {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  const content = /*#__PURE__*/_react.default.createElement("i", {
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
     ref: forwardedRef,
     className: "".concat(variants[variant], " fa-").concat(name, " ").concat(rounded ? '' : className),
     style: Object.assign({
@@ -50,16 +58,18 @@ const Icon = _ref => {
   });
 
   if (rounded) {
-    return /*#__PURE__*/_react.default.createElement(Span, Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
       ref: forwardedRef,
       size: size,
       color: color,
       className: className
-    }, rest), content);
+    }, rest), {}, {
+      children: content
+    }));
   }
 
   return content;
-};
+}
 
 Icon.propTypes = {
   name: _propTypes.default.string.isRequired,
@@ -84,7 +94,7 @@ const Span = _styledComponents.default.span.withConfig({
   componentId: "sc-3s68zh-0"
 })(["width:", "px;height:", "px;border-radius:50%;border:1px solid ", ";display:flex;justify-content:center;align-items:center;.fa,.fas,.fal,.far{line-height:", "px;}"], props => props.size * 2, props => props.size * 2, props => props.color, props => props.size);
 
-var _default = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Icon, Object.assign({}, props, {
+var _default = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, _objectSpread(_objectSpread({}, props), {}, {
   forwardedRef: ref
 })));
 

package/lib/Img/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styles = require("@mui/material/styles");
 
@@ -19,14 +19,12 @@ var _Alert = _interopRequireDefault(require("mdi-material-ui/Alert"));
 
 var _Image = _interopRequireDefault(require("mdi-material-ui/Image"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["lazy", "width", "height", "repeat", "ratio", "alt", "size", "position", "src", "placeholder", "fallback", "style", "className", "onError", "onSuccess"];
 
 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; }
-
 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; }
@@ -94,6 +92,7 @@ function Img(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [ref, inView] = lazy ? (0, _reactIntersectionObserver.useInView)({
     threshold: 0,
     triggerOnce: true
@@ -115,17 +114,15 @@ function Img(_ref) {
         return null;
     }
   }, [placeholder, fallback, src, imgState]);
-  const actualRatio = (0, _react.useMemo)(() => {
-    if (width && height) return 100 * height / width;
-    return ratio * 100;
-  });
+  const actualRatio = width && height ? 100 * height / width : ratio * 100;
   const mergedStyle = (0, _react.useMemo)(() => ({
     backgroundImage: actualSrc ? "url(".concat(actualSrc, ")") : '',
     backgroundPosition: position,
     backgroundSize: size,
     backgroundRepeat: repeat,
     paddingTop: "".concat(actualRatio, "%")
-  }), [actualSrc, position, size, imgState]);
+  }), // eslint-disable-next-line react-hooks/exhaustive-deps
+  [actualSrc, position, size, imgState]);
 
   const outerStyle = _objectSpread(_objectSpread({}, style), {}, {
     display: 'inline-block',
@@ -149,34 +146,39 @@ function Img(_ref) {
   }
 
   (0, _react.useEffect)(() => {
-    if (inView) loadImg();
+    if (inView) loadImg(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inView]);
   return (
     /*#__PURE__*/
     // paddingTop 要求元素本身的宽度为 100%，所以只能加一个外层元素去限制宽度
-    _react.default.createElement(Root, Object.assign({
+    (0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
       ref: ref,
       style: outerStyle
-    }, rest), /*#__PURE__*/_react.default.createElement("div", {
-      className: "image ".concat(className, " ").concat(classes.root),
-      style: mergedStyle
-    }, !fallback && imgState === 'error' && /*#__PURE__*/_react.default.createElement("div", {
-      className: "image--state",
-      title: "loading image"
-    }, /*#__PURE__*/_react.default.createElement(_material.SvgIcon, {
-      component: _Alert.default,
-      className: "image--icon"
-    })), !placeholder && imgState === 'loading' && /*#__PURE__*/_react.default.createElement("div", {
-      className: "image--state",
-      title: "Image load error"
-    }, /*#__PURE__*/_react.default.createElement(_material.SvgIcon, {
-      component: _Image.default,
-      className: "image--icon"
-    })), imgState === 'loaded' && /*#__PURE__*/_react.default.createElement("img", {
-      className: "image--img",
-      src: src,
-      alt: alt
-    })))
+    }, rest), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "image ".concat(className, " ").concat(classes.root),
+        style: mergedStyle,
+        children: [!fallback && imgState === 'error' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "image--state",
+          title: "loading image",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
+            component: _Alert.default,
+            className: "image--icon"
+          })
+        }), !placeholder && imgState === 'loading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "image--state",
+          title: "Image load error",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
+            component: _Image.default,
+            className: "image--icon"
+          })
+        }), imgState === 'loaded' && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          className: "image--img",
+          src: src,
+          alt: alt
+        })]
+      })
+    }))
   );
 }
 

package/lib/InfoRow/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
@@ -17,15 +15,23 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["name", "nameFormatter", "layout", "children", "valueComponent", "nameWidth"];
 
 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; }
 
-const InfoRow = _ref => {
+function InfoRow(_ref) {
   let {
     name,
     nameFormatter,
@@ -36,18 +42,22 @@ const InfoRow = _ref => {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
     layout: layout,
     width: nameWidth
-  }, rest), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "textSecondary",
-    className: "info-row__name"
-  }, nameFormatter(name)), children && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "textPrimary",
-    component: valueComponent,
-    className: "info-row__value"
-  }, children));
-};
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      color: "textSecondary",
+      className: "info-row__name",
+      children: nameFormatter(name)
+    }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      color: "textPrimary",
+      component: valueComponent,
+      className: "info-row__value",
+      children: children
+    })]
+  }));
+}
 
 InfoRow.propTypes = {
   name: _propTypes.default.any.isRequired,