@arcblock/ux 2.9.91 → 2.10.0

package/lib/Passport/passport.js

@@ -1,44 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Passport;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-var _material = require("@mui/material");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _RevokeIcon = _interopRequireDefault(require("@arcblock/icons/lib/RevokeIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["passport", "user", "color", "width", "icon", "children", "createPassportSvg"];
-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 Passport(_ref) {
-  let {
-      passport,
-      user,
-      color,
-      width,
-      icon,
-      children,
-      createPassportSvg
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import PropTypes from 'prop-types';
+import upperFirst from 'lodash/upperFirst';
+import { Box } from '@mui/material';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import RevokeIcon from '@arcblock/icons/lib/RevokeIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function Passport({
+  passport,
+  user,
+  color,
+  width,
+  icon,
+  children,
+  createPassportSvg,
+  ...rest
+}) {
   const {
     t
-  } = (0, _context.useLocaleContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, _objectSpread(_objectSpread({}, rest), {}, {
-    sx: _objectSpread({
+  } = useLocaleContext();
+  return /*#__PURE__*/_jsxs(Box, {
+    ...rest,
+    sx: {
       display: 'flex',
-      alignItems: 'center'
-    }, rest === null || rest === void 0 ? void 0 : rest.sx),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      alignItems: 'center',
+      ...rest?.sx
+    },
+    children: [/*#__PURE__*/_jsx(Box, {
       className: "passport-item__display"
       // eslint-disable-next-line react/no-danger
       ,
@@ -55,14 +42,14 @@ function Passport(_ref) {
           width
         })
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    }), /*#__PURE__*/_jsxs(Box, {
       className: "passport-item__body",
       sx: {
         p: 0,
         ml: 3,
         mt: 0
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      children: [/*#__PURE__*/_jsxs(Box, {
         className: "passport-item__title",
         sx: {
           display: 'flex',
@@ -72,7 +59,7 @@ function Passport(_ref) {
           lineHeight: 1.1875,
           color: '#222222'
         },
-        children: [(0, _upperFirst.default)(passport.title), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        children: [upperFirst(passport.title), /*#__PURE__*/_jsxs(Box, {
           className: "passport-item__status-icon",
           sx: {
             svg: {
@@ -81,9 +68,9 @@ function Passport(_ref) {
               marginLeft: '0.4em'
             }
           },
-          children: [icon, passport.revoked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RevokeIcon.default, {})]
+          children: [icon, passport.revoked && /*#__PURE__*/_jsx(RevokeIcon, {})]
         })]
-      }), passport.expirationDate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      }), passport.expirationDate && /*#__PURE__*/_jsx(Box, {
         className: "passport-item__title",
         sx: {
           display: 'flex',
@@ -98,16 +85,16 @@ function Passport(_ref) {
         })
       }), children]
     })]
-  }));
+  });
 }
 Passport.propTypes = {
-  passport: _propTypes.default.any.isRequired,
-  user: _propTypes.default.any.isRequired,
-  color: _propTypes.default.string.isRequired,
-  createPassportSvg: _propTypes.default.func.isRequired,
-  icon: _propTypes.default.any,
-  children: _propTypes.default.any,
-  width: _propTypes.default.number
+  passport: PropTypes.any.isRequired,
+  user: PropTypes.any.isRequired,
+  color: PropTypes.string.isRequired,
+  createPassportSvg: PropTypes.func.isRequired,
+  icon: PropTypes.any,
+  children: PropTypes.any,
+  width: PropTypes.number
 };
 Passport.defaultProps = {
   icon: null,

package/lib/PoweredByArcBlock/index.js

@@ -1,44 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PoweredByArcBlock;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["linkProps"];
-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 PoweredByArcBlock(_ref) {
-  let {
-      linkProps
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, _objectSpread(_objectSpread({}, props), {}, {
-    children: ["Powered by", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({
+import PropTypes from 'prop-types';
+import { Link, Typography } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function PoweredByArcBlock({
+  linkProps,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(Typography, {
+    ...props,
+    children: ["Powered by", ' ', /*#__PURE__*/_jsx(Link, {
       href: "https://www.arcblock.io",
       target: "_blank",
-      underline: "hover"
-    }, linkProps), {}, {
+      underline: "hover",
+      ...linkProps,
       children: "ArcBlock"
-    })), "'s", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({
+    }), "'s", ' ', /*#__PURE__*/_jsx(Link, {
       href: "https://www.blocklet.io",
       target: "_blank",
-      underline: "hover"
-    }, linkProps), {}, {
+      underline: "hover",
+      ...linkProps,
       children: "Blocklet Technology"
-    })), ", the decentralized web engine."]
-  }));
+    }), ", the decentralized web engine."]
+  });
 }
 PoweredByArcBlock.propTypes = {
-  linkProps: _propTypes.default.object
+  linkProps: PropTypes.object
 };
 PoweredByArcBlock.defaultProps = {
   linkProps: {}

package/lib/PricingTable/PricingPlan.js

@@ -1,55 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Card = _interopRequireDefault(require("@mui/material/Card"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-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) } })); }
-function PricingPlan(_ref) {
-  let {
-    plan
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PlanCard, {
+import PropTypes from 'prop-types';
+import Card from '@mui/material/Card';
+import Button from '@mui/material/Button';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function PricingPlan({
+  plan
+}) {
+  return /*#__PURE__*/_jsxs(PlanCard, {
     $shadow: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: "card-header",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/_jsx("div", {
         className: "title",
         children: plan.name
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CardContent.default, {
+    }), /*#__PURE__*/_jsxs(CardContent, {
       className: "card-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "plan-content",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "plan-pricing",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          children: /*#__PURE__*/_jsx(Typography, {
             component: "h2",
             variant: "h5",
             className: "price-number",
             children: plan.price
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "plan-services",
-          children: plan.featureList.map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          children: plan.featureList.map(line => /*#__PURE__*/_jsx(Typography, {
             component: "p",
             variant: "body1",
             align: "center",
             children: line
           }, line))
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "plan-actions",
-        children: plan.showButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        children: plan.showButton && /*#__PURE__*/_jsx(Button, {
           fullWidth: true,
           variant: "outlined",
           color: "primary",
@@ -61,8 +52,73 @@ function PricingPlan(_ref) {
     })]
   });
 }
-var _default = exports.default = PricingPlan;
+export default PricingPlan;
 PricingPlan.propTypes = {
-  plan: _propTypes.default.object.isRequired
+  plan: PropTypes.object.isRequired
 };
-const PlanCard = (0, _Theme.styled)(_Card.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 500px;\n  display: flex;\n  flex-direction: column;\n  @media (max-width: 320px) {\n    margin-top: 20px;\n  }\n\n  && {\n    ", "\n  }\n\n  .card-header {\n    height: 80px;\n    background-color: #f1fbfb;\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    .title {\n      font-size: 18px;\n      font-weight: 600;\n      text-align: center;\n      color: #404040;\n      margin: 0;\n    }\n  }\n\n  .card-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    flex-grow: 1;\n  }\n\n  .plan-content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .plan-pricing {\n      display: flex;\n      justify-content: center;\n      align-items: baseline;\n      margin-bottom: 12px;\n      color: #4e6af6;\n      text-align: center;\n    }\n\n    .price-number {\n      font-size: 30px;\n      font-weight: 600;\n      color: #4e6af6;\n    }\n\n    .plan-services strong {\n      color: #4e6af6;\n      font-weight: 500;\n    }\n  }\n\n  .plan-actions {\n    width: 100%;\n  }\n"])), props => props.$shadow ? '' : 'box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1)');
+const PlanCard = styled(Card)`
+  height: 500px;
+  display: flex;
+  flex-direction: column;
+  @media (max-width: 320px) {
+    margin-top: 20px;
+  }
+
+  && {
+    ${props => props.$shadow ? '' : 'box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1)'}
+  }
+
+  .card-header {
+    height: 80px;
+    background-color: #f1fbfb;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+    .title {
+      font-size: 18px;
+      font-weight: 600;
+      text-align: center;
+      color: #404040;
+      margin: 0;
+    }
+  }
+
+  .card-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    flex-grow: 1;
+  }
+
+  .plan-content {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+
+    .plan-pricing {
+      display: flex;
+      justify-content: center;
+      align-items: baseline;
+      margin-bottom: 12px;
+      color: #4e6af6;
+      text-align: center;
+    }
+
+    .price-number {
+      font-size: 30px;
+      font-weight: 600;
+      color: #4e6af6;
+    }
+
+    .plan-services strong {
+      color: #4e6af6;
+      font-weight: 500;
+    }
+  }
+
+  .plan-actions {
+    width: 100%;
+  }
+`;

package/lib/PricingTable/index.js

@@ -1,39 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _PricingPlan = _interopRequireDefault(require("./PricingPlan"));
-var _Theme = require("../Theme");
-var _deprecate = require("../Util/deprecate");
-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 PricingTable(_ref) {
-  let {
-    plans
-  } = _ref;
+import PropTypes from 'prop-types';
+import Grid from '@mui/material/Grid';
+import PricingPlan from './PricingPlan';
+import { styled } from '../Theme';
+import { withDeprecated } from '../Util/deprecate';
+import { jsx as _jsx } from "react/jsx-runtime";
+function PricingTable({
+  plans
+}) {
   if (plans && plans.length > 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
+    return /*#__PURE__*/_jsx(Div, {
       variant: "even",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+      children: /*#__PURE__*/_jsx(Grid, {
         container: true,
         spacing: 2,
         justifyContent: "center",
         children: plans.map((x, index) =>
         /*#__PURE__*/
         // eslint-disable-next-line react/no-array-index-key
-        (0, _jsxRuntime.jsx)(_Grid.default, {
+        _jsx(Grid, {
           item: true,
           className: "plan-item",
           xs: 12,
           sm: 6,
           md: 3,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PricingPlan.default, {
+          children: /*#__PURE__*/_jsx(PricingPlan, {
             plan: x
           })
         }, index))
@@ -42,10 +32,22 @@ function PricingTable(_ref) {
   }
   return null;
 }
-var _default = exports.default = (0, _deprecate.withDeprecated)(PricingTable, {
+export default withDeprecated(PricingTable, {
   name: 'PricingTable'
 });
 PricingTable.propTypes = {
-  plans: _propTypes.default.array.isRequired
+  plans: PropTypes.array.isRequired
 };
-const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 100px 0;\n  text-align: center;\n  background-color: ", ";\n  @media (max-width: 320px) {\n    padding: 50px 0;\n  }\n  .plan-item {\n    @media (max-width: 320px) {\n      margin-bottom: 30px;\n    }\n  }\n"])), props => props.variant === 'even' ? '#fbfbfb' : '#ffffff');
+const Div = styled('div')`
+  padding: 100px 0;
+  text-align: center;
+  background-color: ${props => props.variant === 'even' ? '#fbfbfb' : '#ffffff'};
+  @media (max-width: 320px) {
+    padding: 50px 0;
+  }
+  .plan-item {
+    @media (max-width: 320px) {
+      margin-bottom: 30px;
+    }
+  }
+`;

package/lib/QRCode/index.js

@@ -1,23 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _qrCodeStyling = _interopRequireDefault(require("@solana/qr-code-styling"));
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["data", "size", "image", "config"];
-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 { useRef, useEffect, useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import QRCodeStyling from '@solana/qr-code-styling';
+import { Box } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 const defaults = {
   margin: 0,
   dotsOptions: {
@@ -33,53 +18,56 @@ const defaults = {
 
 // 该组件用于生成与 android wallet 样式风格相似的 qrcode
 // 注意: 依赖的 @solana/qr-code-styling 是一份 fork 版本, 原版本的 margin 配置存在 bug
-function QRCode(_ref) {
-  let {
-      data,
-      size,
-      image,
-      config
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const ref = (0, _react.useRef)(null);
-  const options = (0, _react.useMemo)(() => {
-    return _objectSpread(_objectSpread(_objectSpread({}, defaults), {}, {
+function QRCode({
+  data,
+  size,
+  image,
+  config,
+  ...rest
+}) {
+  const ref = useRef(null);
+  const options = useMemo(() => {
+    return {
+      ...defaults,
       data,
       width: size,
-      height: size
-    }, image && {
-      image,
-      imageOptions: {
-        crossOrigin: 'anonymous',
-        margin: 0
-      }
-    }), config);
+      height: size,
+      ...(image && {
+        image,
+        imageOptions: {
+          crossOrigin: 'anonymous',
+          margin: 0
+        }
+      }),
+      ...config
+    };
   }, [data, size, image, config]);
-  const [qrCode] = (0, _react.useState)(new _qrCodeStyling.default(options));
-  (0, _react.useEffect)(() => {
+  const [qrCode] = useState(new QRCodeStyling(options));
+  useEffect(() => {
     if (ref.current) {
       qrCode.append(ref.current);
     }
   }, [qrCode, ref]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!qrCode) return;
     qrCode.update(options);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [data, size, image, config]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread({
-    ref: ref
-  }, rest));
+  return /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    ...rest
+  });
 }
 QRCode.propTypes = {
   // 一般情况下仅使用 data/size/image 即可
-  data: _propTypes.default.string.isRequired,
-  size: _propTypes.default.number.isRequired,
-  image: _propTypes.default.string,
+  data: PropTypes.string.isRequired,
+  size: PropTypes.number.isRequired,
+  image: PropTypes.string,
   // 覆盖 qr-code-styling 配置
-  config: _propTypes.default.object
+  config: PropTypes.object
 };
 QRCode.defaultProps = {
   image: null,
   config: {}
 };
-var _default = exports.default = QRCode;
+export default QRCode;