@arcblock/ux 2.5.58 → 2.5.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ActionButton/index.js +20 -39
- package/lib/ActivityIndicator/index.js +20 -41
- package/lib/Address/compact-text.js +16 -38
- package/lib/Address/did-address.js +22 -51
- package/lib/Address/index.js +6 -19
- package/lib/Address/responsive-did-address.js +20 -36
- package/lib/Alert/index.js +12 -34
- package/lib/AnimationWaiter/index.js +35 -59
- package/lib/Async/index.js +5 -19
- package/lib/Avatar/did-motif.js +12 -26
- package/lib/Avatar/etherscan-blockies.js +2 -20
- package/lib/Avatar/index.js +28 -54
- package/lib/Badge/index.js +12 -33
- package/lib/Blocklet/blocklet.js +19 -46
- package/lib/Blocklet/index.js +0 -6
- package/lib/Blocklet/utils.js +0 -6
- package/lib/BlockletNFT/index.js +36 -66
- package/lib/Button/index.js +0 -4
- package/lib/Button/wrap.js +19 -38
- package/lib/ButtonGroup/index.js +0 -5
- package/lib/CardSelector/index.js +9 -22
- package/lib/Center/index.js +2 -12
- package/lib/ClickToCopy/copy-button.js +9 -26
- package/lib/ClickToCopy/hook.js +0 -10
- package/lib/ClickToCopy/index.js +13 -41
- package/lib/CodeBlock/LightBox.js +1 -6
- package/lib/CodeBlock/index.js +12 -80
- package/lib/Colors/index.js +0 -2
- package/lib/Colors/themes/default.js +2 -3
- package/lib/ContactForm/index.js +5 -35
- package/lib/CookieConsent/index.js +10 -32
- package/lib/CountDown/index.js +10 -35
- package/lib/DID/index.js +8 -32
- package/lib/Datatable/CustomToolbar.js +9 -56
- package/lib/Datatable/DatatableContext.js +2 -5
- package/lib/Datatable/TableSearch.js +0 -21
- package/lib/Datatable/index.js +76 -152
- package/lib/Datatable/utils.js +14 -27
- package/lib/Dialog/confirm.js +18 -31
- package/lib/Dialog/dialog.js +24 -50
- package/lib/Dialog/index.js +0 -3
- package/lib/DidLogo/index.js +0 -7
- package/lib/DriftBot/index.js +1 -12
- package/lib/Earth/index.js +17 -58
- package/lib/Earth/util.js +0 -7
- package/lib/Empty/index.js +9 -23
- package/lib/ErrorBoundary/fallback.js +0 -14
- package/lib/ErrorBoundary/index.js +0 -2
- package/lib/Footer/index.js +1 -14
- package/lib/Header/auto-hidden.js +9 -23
- package/lib/Header/header.js +19 -38
- package/lib/Header/index.js +0 -3
- package/lib/Header/responsive-header.js +16 -40
- package/lib/Icon/image.js +12 -26
- package/lib/Icon/index.js +15 -34
- package/lib/Img/index.js +32 -54
- package/lib/InfoRow/index.js +11 -27
- package/lib/Layout/dashboard/external-link.js +13 -30
- package/lib/Layout/dashboard/full-page.js +8 -24
- package/lib/Layout/dashboard/index.js +28 -72
- package/lib/Layout/dashboard/sidebar.js +11 -31
- package/lib/Layout/dashboard-legacy/header.js +14 -36
- package/lib/Layout/dashboard-legacy/index.js +19 -44
- package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
- package/lib/Layout/index.js +18 -52
- package/lib/Locale/browser-lang.js +6 -19
- package/lib/Locale/context.js +15 -51
- package/lib/Locale/languages.js +3 -7
- package/lib/Locale/selector.js +11 -44
- package/lib/Locale/util.js +0 -10
- package/lib/Logo/index.js +10 -33
- package/lib/Metric/index.js +1 -9
- package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
- package/lib/NFTDisplay/broken.js +0 -8
- package/lib/NFTDisplay/index.js +63 -110
- package/lib/NFTDisplay/loading.js +0 -6
- package/lib/NFTDisplay/svg-embedder/img.js +9 -22
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
- package/lib/NavMenu/index.js +0 -2
- package/lib/NavMenu/nav-menu.js +40 -69
- package/lib/NavMenu/style.js +1 -5
- package/lib/PageScroller/index.js +9 -39
- package/lib/PageScroller/story/FifthComponent.js +0 -2
- package/lib/PageScroller/story/FirstComponent.js +0 -2
- package/lib/PageScroller/story/FourthComponent.js +0 -2
- package/lib/PageScroller/story/FullPage.js +1 -14
- package/lib/PageScroller/story/PageContain.js +1 -14
- package/lib/PageScroller/story/SecondComponent.js +0 -2
- package/lib/PageScroller/story/ThirdComponent.js +0 -2
- package/lib/PageScroller/usePrevValue.js +1 -2
- package/lib/PricingTable/PricingPlan.js +0 -12
- package/lib/PricingTable/index.js +0 -14
- package/lib/QRCode/index.js +14 -24
- package/lib/RelativeTime/index.js +12 -45
- package/lib/Result/common.js +43 -63
- package/lib/Result/index.js +6 -23
- package/lib/Result/result.js +9 -23
- package/lib/Screenshot/BaseScreenshot/index.js +9 -26
- package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
- package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
- package/lib/Screenshot/index.js +32 -65
- package/lib/SessionManager/index.js +31 -83
- package/lib/Sparkline/index.js +40 -42
- package/lib/Spinner/index.js +12 -23
- package/lib/SplitButton/index.js +20 -48
- package/lib/Switch/index.js +7 -22
- package/lib/Tabs/index.js +8 -22
- package/lib/Tag/index.js +13 -33
- package/lib/TextCollapse/index.js +14 -31
- package/lib/Theme/index.js +3 -13
- package/lib/Theme/theme-provider.js +1 -10
- package/lib/Theme/theme.js +15 -27
- package/lib/Toast/index.js +13 -40
- package/lib/Util/deprecate.js +3 -12
- package/lib/Util/index.js +13 -74
- package/lib/Util/wallet.js +3 -10
- package/lib/Video/index.js +3 -19
- package/lib/Wallet/Action.js +9 -28
- package/lib/Wallet/Download.js +11 -36
- package/lib/Wallet/Open.js +0 -12
- package/lib/WebWalletSWKeeper/index.js +30 -55
- package/lib/WechatPrompt/index.js +0 -16
- package/lib/index.js +0 -38
- package/lib/withTheme/index.js +3 -15
- package/lib/withTracker/error_boundary.js +3 -14
- package/lib/withTracker/index.js +3 -24
- package/package.json +5 -5
- package/src/NFTDisplay/index.js +4 -4
package/lib/Empty/index.js
CHANGED
@@ -4,34 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _EmptyIcon = _interopRequireDefault(require("@arcblock/icons/lib/EmptyIcon"));
|
11
|
-
|
12
9
|
var _Theme = require("../Theme");
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
const _excluded = ["color", "size", "children"];
|
17
|
-
|
18
12
|
var _templateObject;
|
19
|
-
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
-
|
22
14
|
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; }
|
23
|
-
|
24
15
|
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; }
|
25
|
-
|
26
|
-
function
|
27
|
-
|
16
|
+
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; }
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
18
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
28
19
|
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; }
|
29
|
-
|
30
20
|
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; }
|
31
|
-
|
32
21
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
33
|
-
|
34
22
|
const Wrapper = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n height: 100%;\n min-height: 100px;\n color: #999;\n .empty-icon {\n margin: 10px 0;\n }\n"])));
|
23
|
+
|
35
24
|
/**
|
36
25
|
* Empty component to display empty state
|
37
26
|
* @typedef {{
|
@@ -46,15 +35,13 @@ const Wrapper = (0, _Theme.styled)('div')(_templateObject || (_templateObject =
|
|
46
35
|
* @param {EmptyProps} props
|
47
36
|
* @returns {JSX.Element}
|
48
37
|
*/
|
49
|
-
|
50
38
|
function Empty(_ref) {
|
51
39
|
let {
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
40
|
+
color,
|
41
|
+
size,
|
42
|
+
children
|
43
|
+
} = _ref,
|
44
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
58
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
59
46
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyIcon.default, {
|
60
47
|
style: {
|
@@ -69,7 +56,6 @@ function Empty(_ref) {
|
|
69
56
|
})]
|
70
57
|
}));
|
71
58
|
}
|
72
|
-
|
73
59
|
Empty.propTypes = {
|
74
60
|
color: _propTypes.default.string,
|
75
61
|
size: _propTypes.default.number,
|
@@ -5,23 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.ErrorFallback = ErrorFallback;
|
7
7
|
exports.ErrorFallbackRetry = ErrorFallbackRetry;
|
8
|
-
|
9
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
10
|
-
|
11
9
|
var _colors = require("@mui/material/colors");
|
12
|
-
|
13
10
|
var _Button = _interopRequireDefault(require("../Button"));
|
14
|
-
|
15
11
|
var _Theme = require("../Theme");
|
16
|
-
|
17
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
|
-
|
19
13
|
var _templateObject;
|
20
|
-
|
21
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22
|
-
|
23
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24
|
-
|
25
16
|
function InternalErrorFallback(_ref) {
|
26
17
|
let {
|
27
18
|
title,
|
@@ -43,7 +34,6 @@ function InternalErrorFallback(_ref) {
|
|
43
34
|
})]
|
44
35
|
});
|
45
36
|
}
|
46
|
-
|
47
37
|
InternalErrorFallback.propTypes = {
|
48
38
|
title: _propTypes.default.string,
|
49
39
|
desc: _propTypes.default.string.isRequired,
|
@@ -53,7 +43,6 @@ InternalErrorFallback.defaultProps = {
|
|
53
43
|
title: 'Something went wrong...',
|
54
44
|
retryFunc: null
|
55
45
|
};
|
56
|
-
|
57
46
|
function ErrorFallback(_ref2) {
|
58
47
|
let {
|
59
48
|
error
|
@@ -62,11 +51,9 @@ function ErrorFallback(_ref2) {
|
|
62
51
|
desc: error.message
|
63
52
|
});
|
64
53
|
}
|
65
|
-
|
66
54
|
ErrorFallback.propTypes = {
|
67
55
|
error: _propTypes.default.instanceOf(Error).isRequired
|
68
56
|
};
|
69
|
-
|
70
57
|
function ErrorFallbackRetry(_ref3) {
|
71
58
|
let {
|
72
59
|
error,
|
@@ -77,7 +64,6 @@ function ErrorFallbackRetry(_ref3) {
|
|
77
64
|
retryFunc: resetErrorBoundary
|
78
65
|
});
|
79
66
|
}
|
80
|
-
|
81
67
|
ErrorFallbackRetry.propTypes = {
|
82
68
|
error: _propTypes.default.instanceOf(Error).isRequired,
|
83
69
|
resetErrorBoundary: _propTypes.default.func.isRequired
|
@@ -3,9 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
6
|
var _fallback = require("./fallback");
|
8
|
-
|
9
7
|
Object.keys(_fallback).forEach(function (key) {
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
11
9
|
if (key in exports && exports[key] === _fallback[key]) return;
|
package/lib/Footer/index.js
CHANGED
@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = Footer;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
11
|
-
|
12
9
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
13
|
-
|
14
10
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
15
|
-
|
16
11
|
var _Util = require("../Util");
|
17
|
-
|
18
12
|
var _Logo = _interopRequireDefault(require("../Logo"));
|
19
|
-
|
20
13
|
var _Theme = require("../Theme");
|
21
|
-
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
23
|
-
|
24
15
|
var _templateObject;
|
25
|
-
|
16
|
+
/* eslint-disable react/no-unused-prop-types */
|
26
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27
|
-
|
28
18
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
29
|
-
|
30
19
|
function Footer(props) {
|
31
20
|
var _window, _window$blocklet;
|
32
|
-
|
33
21
|
const newProps = (0, _Util.mergeProps)(props, Footer, ['dark', 'style']);
|
34
22
|
const {
|
35
23
|
className,
|
@@ -109,7 +97,6 @@ function Footer(props) {
|
|
109
97
|
})]
|
110
98
|
});
|
111
99
|
}
|
112
|
-
|
113
100
|
Footer.propTypes = {
|
114
101
|
dark: _propTypes.default.bool,
|
115
102
|
className: _propTypes.default.string,
|
@@ -4,47 +4,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
11
|
-
|
12
9
|
var _Theme = require("../Theme");
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var _templateObject;
|
17
|
-
|
18
12
|
const _excluded = ["height"];
|
19
|
-
|
13
|
+
/**
|
14
|
+
* 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
|
15
|
+
*/
|
20
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
-
|
22
17
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23
|
-
|
24
18
|
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; }
|
25
|
-
|
26
19
|
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; }
|
27
|
-
|
28
|
-
function
|
29
|
-
|
20
|
+
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; }
|
21
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
22
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
30
23
|
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; }
|
31
|
-
|
32
24
|
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; }
|
33
|
-
|
34
|
-
/**
|
35
|
-
* 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
|
36
|
-
*/
|
37
25
|
function AutoHidden(_ref) {
|
38
26
|
let {
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
27
|
+
height
|
28
|
+
} = _ref,
|
29
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
43
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread({
|
44
31
|
height: height
|
45
32
|
}, rest));
|
46
33
|
}
|
47
|
-
|
48
34
|
AutoHidden.propTypes = {
|
49
35
|
height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
|
50
36
|
};
|
package/lib/Header/header.js
CHANGED
@@ -4,56 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
11
|
-
|
12
9
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
13
|
-
|
14
10
|
var _autoHidden = _interopRequireDefault(require("./auto-hidden"));
|
15
|
-
|
16
11
|
var _Theme = require("../Theme");
|
17
|
-
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
-
|
20
13
|
var _templateObject;
|
21
|
-
|
22
14
|
const _excluded = ["logo", "brand", "brandAddon", "description", "children", "addons", "prepend", "align", "maxWidth", "homeLink"];
|
23
|
-
|
15
|
+
/**
|
16
|
+
* Header 组件
|
17
|
+
* TODO: Layout/dashboard 可以复用此处的 header
|
18
|
+
*/
|
24
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27
|
-
|
28
21
|
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; }
|
29
|
-
|
30
22
|
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; }
|
31
|
-
|
32
|
-
function
|
33
|
-
|
23
|
+
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; }
|
24
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
25
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
34
26
|
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; }
|
35
|
-
|
36
27
|
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; }
|
37
|
-
|
38
|
-
/**
|
39
|
-
* Header 组件
|
40
|
-
* TODO: Layout/dashboard 可以复用此处的 header
|
41
|
-
*/
|
42
28
|
function Header(_ref) {
|
43
29
|
let {
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
30
|
+
logo,
|
31
|
+
brand,
|
32
|
+
brandAddon,
|
33
|
+
description,
|
34
|
+
children,
|
35
|
+
addons,
|
36
|
+
prepend,
|
37
|
+
align,
|
38
|
+
maxWidth,
|
39
|
+
homeLink
|
40
|
+
} = _ref,
|
41
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
57
42
|
const renderBrand = () => {
|
58
43
|
const brandContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
59
44
|
children: [logo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
@@ -80,17 +65,14 @@ function Header(_ref) {
|
|
80
65
|
})
|
81
66
|
})]
|
82
67
|
});
|
83
|
-
|
84
68
|
if (typeof homeLink === 'function') {
|
85
69
|
return homeLink(brandContent);
|
86
70
|
}
|
87
|
-
|
88
71
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
89
72
|
href: homeLink,
|
90
73
|
children: brandContent
|
91
74
|
});
|
92
75
|
};
|
93
|
-
|
94
76
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
|
95
77
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
|
96
78
|
maxWidth: maxWidth,
|
@@ -112,7 +94,6 @@ function Header(_ref) {
|
|
112
94
|
})
|
113
95
|
}));
|
114
96
|
}
|
115
|
-
|
116
97
|
Header.propTypes = {
|
117
98
|
// logo img/svg, 可以包裹一个 a 标签
|
118
99
|
logo: _propTypes.default.node,
|
package/lib/Header/index.js
CHANGED
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "ResponsiveHeader", {
|
|
15
15
|
return _responsiveHeader.default;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
|
19
18
|
var _header = _interopRequireDefault(require("./header"));
|
20
|
-
|
21
19
|
var _responsiveHeader = _interopRequireDefault(require("./responsive-header"));
|
22
|
-
|
23
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -4,47 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
|
13
|
-
|
14
10
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
15
|
-
|
16
11
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
17
|
-
|
18
12
|
var _Container = _interopRequireDefault(require("@mui/material/Container"));
|
19
|
-
|
20
13
|
var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
|
21
|
-
|
22
14
|
var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
|
23
|
-
|
24
15
|
var _header = _interopRequireDefault(require("./header"));
|
25
|
-
|
26
16
|
var _Theme = require("../Theme");
|
27
|
-
|
28
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
29
|
-
|
30
18
|
var _templateObject, _templateObject2;
|
31
|
-
|
32
19
|
const _excluded = ["menu", "prepend", "children"];
|
33
|
-
|
34
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
35
|
-
|
36
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
37
|
-
|
38
|
-
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; }
|
39
|
-
|
40
|
-
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; }
|
41
|
-
|
42
|
-
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; }
|
43
|
-
|
44
|
-
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; }
|
45
|
-
|
46
|
-
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; }
|
47
|
-
|
48
20
|
/**
|
49
21
|
* ResponsiveHeader
|
50
22
|
* - 窄屏下显示 burge menu
|
@@ -52,30 +24,35 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
52
24
|
*
|
53
25
|
* 注意: 暂时不要通过 display: none 隐藏 logo, https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
|
54
26
|
*/
|
27
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
29
|
+
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; }
|
30
|
+
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; }
|
31
|
+
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; }
|
32
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
33
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
34
|
+
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; }
|
35
|
+
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; }
|
55
36
|
function ResponsiveHeader(_ref) {
|
56
37
|
let {
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
38
|
+
menu,
|
39
|
+
prepend,
|
40
|
+
children
|
41
|
+
} = _ref,
|
42
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
63
43
|
const theme = (0, _Theme.useTheme)();
|
64
44
|
const isMobile = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
|
65
45
|
const [drawerOpen, setDrawerOpen] = (0, _react.useState)(false);
|
66
|
-
|
67
46
|
const _children = typeof children === 'function' ? children({
|
68
47
|
isMobile,
|
69
48
|
closeMenu: () => setDrawerOpen(false)
|
70
|
-
}) : children;
|
71
|
-
|
72
|
-
|
49
|
+
}) : children;
|
50
|
+
// 如果 children 没有值, 则使用普通的 Header 组件渲染 (此时并没有什么内容需要在 menu 中显示)
|
73
51
|
if (!children) {
|
74
52
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, _objectSpread({
|
75
53
|
prepend: prepend
|
76
54
|
}, rest));
|
77
55
|
}
|
78
|
-
|
79
56
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({
|
80
57
|
prepend: prepend || /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
|
81
58
|
sx: {
|
@@ -114,7 +91,6 @@ function ResponsiveHeader(_ref) {
|
|
114
91
|
})]
|
115
92
|
}));
|
116
93
|
}
|
117
|
-
|
118
94
|
ResponsiveHeader.propTypes = _objectSpread(_objectSpread({}, _header.default.PropTypes), {}, {
|
119
95
|
// 如果是 function, 则
|
120
96
|
// - 会传入一个 isMobile 参数, isMobile 为 true 时, 表示 children 会显示在 menu 中, 可以根据 isMobile 参数调整要渲染的内容, 比如如果 isMobile 为 true 则使用 inline 模式的 NavMenu (适用于移动端)
|
package/lib/Icon/image.js
CHANGED
@@ -4,45 +4,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = ImageIcon;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _Img = _interopRequireDefault(require("../Img"));
|
11
|
-
|
12
9
|
var _Theme = require("../Theme");
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var _templateObject;
|
17
|
-
|
18
12
|
const _excluded = ["name", "size", "alt", "color", "style", "prefix", "showBadge"];
|
19
|
-
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
-
|
22
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23
|
-
|
24
15
|
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; }
|
25
|
-
|
26
16
|
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; }
|
27
|
-
|
28
|
-
function
|
29
|
-
|
17
|
+
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; }
|
18
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
19
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
30
20
|
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; }
|
31
|
-
|
32
21
|
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; }
|
33
|
-
|
34
22
|
function ImageIcon(_ref) {
|
35
23
|
let {
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
24
|
+
name,
|
25
|
+
size,
|
26
|
+
alt,
|
27
|
+
color,
|
28
|
+
style,
|
29
|
+
prefix,
|
30
|
+
showBadge
|
31
|
+
} = _ref,
|
32
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
46
33
|
const src = "".concat(prefix, "/").concat(name, "-").concat(color.replace(/^#/, ''), ".png");
|
47
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
|
48
35
|
style: {
|
@@ -62,7 +49,6 @@ function ImageIcon(_ref) {
|
|
62
49
|
})]
|
63
50
|
});
|
64
51
|
}
|
65
|
-
|
66
52
|
ImageIcon.propTypes = {
|
67
53
|
name: _propTypes.default.string.isRequired,
|
68
54
|
size: _propTypes.default.number,
|
package/lib/Icon/index.js
CHANGED
@@ -4,56 +4,42 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
13
|
-
|
14
10
|
var _Theme = require("../Theme");
|
15
|
-
|
16
11
|
var _deprecate = require("../Util/deprecate");
|
17
|
-
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
-
|
20
13
|
var _templateObject;
|
21
|
-
|
22
14
|
const _excluded = ["name", "color", "size", "variant", "rounded", "style", "className", "forwardedRef"];
|
23
|
-
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
16
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27
|
-
|
28
17
|
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; }
|
29
|
-
|
30
18
|
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; }
|
31
|
-
|
32
|
-
function
|
33
|
-
|
19
|
+
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; }
|
20
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
21
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
34
22
|
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; }
|
35
|
-
|
36
23
|
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; }
|
37
|
-
|
38
24
|
const variants = {
|
39
25
|
light: 'fal',
|
40
26
|
regular: 'far',
|
41
27
|
solid: 'fas'
|
42
|
-
};
|
28
|
+
};
|
43
29
|
|
30
|
+
// eslint-disable-next-line react/prop-types
|
44
31
|
function Icon(_ref) {
|
45
32
|
let {
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
33
|
+
name,
|
34
|
+
color,
|
35
|
+
size,
|
36
|
+
variant,
|
37
|
+
rounded,
|
38
|
+
style,
|
39
|
+
className,
|
40
|
+
forwardedRef
|
41
|
+
} = _ref,
|
42
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
57
43
|
const content = /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
58
44
|
ref: forwardedRef,
|
59
45
|
className: "".concat(variants[variant], " fa-").concat(name, " ").concat(rounded ? '' : className),
|
@@ -62,7 +48,6 @@ function Icon(_ref) {
|
|
62
48
|
fontSize: "".concat(size, "px")
|
63
49
|
}, style || {})
|
64
50
|
});
|
65
|
-
|
66
51
|
if (rounded) {
|
67
52
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
|
68
53
|
ref: forwardedRef,
|
@@ -73,10 +58,8 @@ function Icon(_ref) {
|
|
73
58
|
children: content
|
74
59
|
}));
|
75
60
|
}
|
76
|
-
|
77
61
|
return content;
|
78
62
|
}
|
79
|
-
|
80
63
|
Icon.propTypes = {
|
81
64
|
name: _propTypes.default.string.isRequired,
|
82
65
|
className: _propTypes.default.string,
|
@@ -95,12 +78,10 @@ Icon.defaultProps = {
|
|
95
78
|
style: {}
|
96
79
|
};
|
97
80
|
const Span = (0, _Theme.styled)('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n border: 1px solid ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n\n .fa,\n .fas,\n .fal,\n .far {\n line-height: ", "px;\n }\n"])), props => props.size * 2, props => props.size * 2, props => props.color, props => props.size);
|
98
|
-
|
99
81
|
var _default = (0, _deprecate.withDeprecated)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, _objectSpread(_objectSpread({}, props), {}, {
|
100
82
|
forwardedRef: ref
|
101
83
|
}))), {
|
102
84
|
name: 'Icon',
|
103
85
|
alternative: 'SVG icons'
|
104
86
|
});
|
105
|
-
|
106
87
|
exports.default = _default;
|