@arcblock/ux 2.5.57 → 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 +30 -55
- 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 +27 -51
- 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/Avatar/index.js +2 -2
- package/src/Dialog/dialog.js +1 -1
- package/src/NFTDisplay/index.js +4 -4
@@ -4,37 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = ResponsiveDidAddress;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _useMeasure = _interopRequireDefault(require("react-use/lib/useMeasure"));
|
13
|
-
|
14
10
|
var _Theme = require("../Theme");
|
15
|
-
|
16
11
|
var _didAddress = _interopRequireDefault(require("./did-address"));
|
17
|
-
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
-
|
20
13
|
var _templateObject, _templateObject2;
|
21
|
-
|
22
14
|
const _excluded = ["style", "className", "component"];
|
23
|
-
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27
|
-
|
28
|
-
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
|
-
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 _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; }
|
33
|
-
|
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
|
-
|
36
|
-
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
15
|
/**
|
39
16
|
* 根据父容器宽度自动切换 compact 模式
|
40
17
|
*
|
@@ -45,27 +22,35 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
45
22
|
* - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
|
46
23
|
* - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
|
47
24
|
*/
|
25
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27
|
+
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; }
|
28
|
+
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; }
|
29
|
+
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; }
|
30
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
31
|
+
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); }
|
32
|
+
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; }
|
33
|
+
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; }
|
48
34
|
function ResponsiveDidAddress(_ref) {
|
49
35
|
let {
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
36
|
+
style,
|
37
|
+
className,
|
38
|
+
component
|
39
|
+
} = _ref,
|
40
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
41
|
+
const [compact, setCompact] = (0, _react.useState)(false);
|
42
|
+
// did address 完整显示时的宽度
|
58
43
|
const [addressFullWidth, setAddressFullWidth] = (0, _react.useState)(null);
|
59
44
|
const [containerRef, {
|
60
45
|
width: containerWidth
|
61
46
|
}] = (0, _useMeasure.default)();
|
62
|
-
const ref = /*#__PURE__*/(0, _react.createRef)();
|
63
|
-
|
47
|
+
const ref = /*#__PURE__*/(0, _react.createRef)();
|
48
|
+
// 存储完整显示时 address 组件的宽度
|
64
49
|
(0, _react.useEffect)(() => {
|
65
50
|
if (!compact && addressFullWidth === null) {
|
66
51
|
setAddressFullWidth(ref.current.offsetWidth);
|
67
|
-
}
|
68
|
-
|
52
|
+
}
|
53
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
69
54
|
}, []);
|
70
55
|
(0, _react.useEffect)(() => {
|
71
56
|
if (containerWidth && addressFullWidth) {
|
@@ -86,7 +71,6 @@ function ResponsiveDidAddress(_ref) {
|
|
86
71
|
}))
|
87
72
|
});
|
88
73
|
}
|
89
|
-
|
90
74
|
ResponsiveDidAddress.propTypes = {
|
91
75
|
style: _propTypes.default.object,
|
92
76
|
className: _propTypes.default.string,
|
package/lib/Alert/index.js
CHANGED
@@ -4,43 +4,26 @@ 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 _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
11
|
-
|
12
9
|
var _colors = require("@mui/material/colors");
|
13
|
-
|
14
10
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
15
|
-
|
16
11
|
var _Util = require("../Util");
|
17
|
-
|
18
12
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
19
|
-
|
20
13
|
var _Theme = require("../Theme");
|
21
|
-
|
22
14
|
var _deprecate = require("../Util/deprecate");
|
23
|
-
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
25
|
-
|
26
16
|
var _templateObject;
|
27
|
-
|
28
17
|
const _excluded = ["type", "children", "style", "className", "variant"];
|
29
|
-
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
|
-
|
32
19
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
33
|
-
|
34
20
|
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; }
|
35
|
-
|
36
21
|
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; }
|
37
|
-
|
38
|
-
function
|
39
|
-
|
22
|
+
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; }
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
24
|
+
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); }
|
40
25
|
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; }
|
41
|
-
|
42
26
|
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; }
|
43
|
-
|
44
27
|
const types = {
|
45
28
|
error: {
|
46
29
|
icon: 'exclamation-circle',
|
@@ -67,6 +50,7 @@ const types = {
|
|
67
50
|
backgroundColor: '#EEEEEE'
|
68
51
|
}
|
69
52
|
};
|
53
|
+
|
70
54
|
/**
|
71
55
|
* Alert notification component
|
72
56
|
* @typedef {{
|
@@ -83,28 +67,25 @@ const types = {
|
|
83
67
|
* @param {AlertProps} props
|
84
68
|
* @returns {JSX.Element}
|
85
69
|
*/
|
86
|
-
|
87
70
|
function Alert(props) {
|
88
71
|
/** @type {AlertProps} */
|
89
72
|
const newProps = (0, _Util.mergeProps)(props, Alert, ['style']);
|
90
|
-
|
91
73
|
const {
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
74
|
+
type,
|
75
|
+
children,
|
76
|
+
style,
|
77
|
+
className,
|
78
|
+
variant
|
79
|
+
} = newProps,
|
80
|
+
rest = _objectWithoutProperties(newProps, _excluded);
|
100
81
|
const {
|
101
82
|
icon,
|
102
83
|
color,
|
103
84
|
backgroundColor,
|
104
85
|
borderColor
|
105
86
|
} = types[type] || types.success;
|
106
|
-
/** @type {import('react').CSSProperties} */
|
107
87
|
|
88
|
+
/** @type {import('react').CSSProperties} */
|
108
89
|
const styles = Object.assign({
|
109
90
|
color: _colors.blueGrey[500],
|
110
91
|
backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
|
@@ -127,7 +108,6 @@ function Alert(props) {
|
|
127
108
|
})]
|
128
109
|
}));
|
129
110
|
}
|
130
|
-
|
131
111
|
Alert.propTypes = {
|
132
112
|
type: _propTypes.default.oneOf(Object.keys(types)),
|
133
113
|
children: _propTypes.default.any.isRequired,
|
@@ -141,11 +121,9 @@ Alert.defaultProps = {
|
|
141
121
|
style: '{}',
|
142
122
|
variant: 'border'
|
143
123
|
};
|
144
|
-
|
145
124
|
var _default = (0, _deprecate.withDeprecated)(Alert, {
|
146
125
|
name: 'Alert',
|
147
126
|
alternative: '@mui/material/Alert'
|
148
127
|
});
|
149
|
-
|
150
128
|
exports.default = _default;
|
151
129
|
const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-size: 16px;\n margin: 0;\n padding: 16px;\n margin: 16px 0;\n\n strong {\n margin: 0 5px;\n }\n\n .alert-icon {\n margin-right: 16px;\n }\n\n .alert-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n"])));
|
@@ -4,37 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = AnimationWaiter;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
11
|
-
|
12
9
|
var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
|
13
|
-
|
14
10
|
var _defaultAnimation = _interopRequireDefault(require("./default-animation.json"));
|
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 = ["animationData", "size", "message", "messageDuration", "messageLoop", "tips", "tipsDuration", "maybeDuration", "speed", "increaseSpeed"];
|
23
|
-
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27
|
-
|
28
|
-
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
|
-
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 _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; }
|
33
|
-
|
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
|
-
|
36
|
-
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
15
|
/**
|
39
16
|
* 用于长时间等待的用的动画组件
|
40
17
|
* 动画会随着时间的变化而逐步加快播放速度,好适应用户的等待心理
|
@@ -50,41 +27,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
50
27
|
* @param {Number} increaseSpeed 在 maybeDuration 时间下增加的速度,默认为0(不增加速度)
|
51
28
|
* @returns element
|
52
29
|
*/
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
32
|
+
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; }
|
33
|
+
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; }
|
34
|
+
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; }
|
35
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
36
|
+
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); }
|
37
|
+
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; }
|
38
|
+
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; }
|
53
39
|
function AnimationWaiter(_ref) {
|
54
40
|
let {
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
41
|
+
animationData,
|
42
|
+
size,
|
43
|
+
message,
|
44
|
+
messageDuration,
|
45
|
+
messageLoop,
|
46
|
+
tips,
|
47
|
+
tipsDuration,
|
48
|
+
maybeDuration,
|
49
|
+
speed,
|
50
|
+
increaseSpeed
|
51
|
+
} = _ref,
|
52
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
68
53
|
const [tipsId, setTipsId] = (0, _react.useState)(0);
|
69
54
|
const [currentSpeed, setCurrentSpeed] = (0, _react.useState)(speed);
|
70
|
-
const [messageId, setMessageId] = (0, _react.useState)(0);
|
71
|
-
|
55
|
+
const [messageId, setMessageId] = (0, _react.useState)(0);
|
56
|
+
// 动画的开始时间
|
72
57
|
const startTime = (0, _react.useRef)(new Date().getTime());
|
73
|
-
|
74
58
|
if (!Array.isArray(message)) {
|
75
59
|
// eslint-disable-next-line no-param-reassign
|
76
60
|
message = [message];
|
77
61
|
}
|
78
|
-
|
79
62
|
(0, _react.useEffect)(() => {
|
80
63
|
if (!message) {
|
81
64
|
return;
|
82
65
|
}
|
83
|
-
|
84
66
|
let msgIndex = 0;
|
85
67
|
const timer = setInterval(() => {
|
86
68
|
msgIndex++;
|
87
|
-
|
88
69
|
if (msgIndex >= message.length) {
|
89
70
|
if (messageLoop) {
|
90
71
|
msgIndex = 0;
|
@@ -92,59 +73,54 @@ function AnimationWaiter(_ref) {
|
|
92
73
|
msgIndex = message.length - 1;
|
93
74
|
}
|
94
75
|
}
|
95
|
-
|
96
76
|
setMessageId(msgIndex);
|
97
|
-
}, messageDuration);
|
77
|
+
}, messageDuration);
|
98
78
|
|
79
|
+
// eslint-disable-next-line consistent-return
|
99
80
|
return () => {
|
100
81
|
clearInterval(timer);
|
101
|
-
};
|
102
|
-
|
82
|
+
};
|
83
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
84
|
+
}, [message, messageDuration]);
|
103
85
|
|
86
|
+
// tips
|
104
87
|
(0, _react.useEffect)(() => {
|
105
88
|
if (!tips.length) {
|
106
89
|
return () => {};
|
107
90
|
}
|
108
|
-
|
109
91
|
const timer = setTimeout(() => {
|
110
92
|
let nextId = tipsId + 1;
|
111
|
-
|
112
93
|
if (nextId >= tips.length) {
|
113
94
|
nextId = 0;
|
114
95
|
}
|
115
|
-
|
116
96
|
setTipsId(nextId);
|
117
97
|
}, tipsDuration);
|
118
98
|
return () => clearTimeout(timer);
|
119
|
-
}, [tips, tipsDuration, tipsId]);
|
99
|
+
}, [tips, tipsDuration, tipsId]);
|
120
100
|
|
101
|
+
// 动画speed
|
121
102
|
(0, _react.useEffect)(() => {
|
122
103
|
const timer = setTimeout(() => {
|
123
104
|
const diffTime = new Date().getTime() - startTime.current;
|
124
105
|
let percentage = diffTime / maybeDuration;
|
125
|
-
|
126
106
|
if (percentage > 1) {
|
127
107
|
percentage = 1;
|
128
108
|
}
|
129
|
-
|
130
109
|
const newSpeed = speed + increaseSpeed * percentage;
|
131
110
|
setCurrentSpeed(newSpeed);
|
132
111
|
}, 1000);
|
133
|
-
return () => clearTimeout(timer);
|
112
|
+
return () => clearTimeout(timer);
|
113
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
134
114
|
}, [currentSpeed]);
|
135
|
-
|
136
115
|
const getMsgClassName = index => {
|
137
116
|
let className = 'message-before';
|
138
|
-
|
139
117
|
if (messageId === index) {
|
140
118
|
className = 'show-message';
|
141
119
|
} else if (messageId < index) {
|
142
120
|
className = 'message-after';
|
143
121
|
}
|
144
|
-
|
145
122
|
return className;
|
146
123
|
};
|
147
|
-
|
148
124
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, rest), {}, {
|
149
125
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLottiePlayer.default, {
|
150
126
|
loop: true,
|
@@ -173,7 +149,8 @@ function AnimationWaiter(_ref) {
|
|
173
149
|
className: "waiter-tips-container",
|
174
150
|
children: tips.map((e, index) => {
|
175
151
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
176
|
-
className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '')
|
152
|
+
className: "waiter-tips-block ".concat(tipsId === index ? 'show-tips' : '')
|
153
|
+
// eslint-disable-next-line react/no-array-index-key
|
177
154
|
,
|
178
155
|
children: e
|
179
156
|
}, index);
|
@@ -181,7 +158,6 @@ function AnimationWaiter(_ref) {
|
|
181
158
|
}) : '']
|
182
159
|
}));
|
183
160
|
}
|
184
|
-
|
185
161
|
AnimationWaiter.propTypes = {
|
186
162
|
animationData: _propTypes.default.any,
|
187
163
|
size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
package/lib/Async/index.js
CHANGED
@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = LoadAsyncComponent;
|
7
|
-
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
9
|
-
|
10
8
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
11
|
-
|
12
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
13
|
-
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
-
|
16
11
|
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); }
|
17
|
-
|
18
12
|
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; }
|
19
|
-
|
20
13
|
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; }
|
21
|
-
|
22
14
|
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; }
|
23
|
-
|
24
|
-
function
|
25
|
-
|
15
|
+
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; }
|
16
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
17
|
+
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); }
|
26
18
|
function LoadAsyncComponent(importComponent) {
|
27
19
|
let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
|
28
20
|
let showProgress = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
29
|
-
|
30
21
|
class AsyncComponent extends React.Component {
|
31
22
|
constructor(props) {
|
32
23
|
super(props);
|
@@ -35,7 +26,6 @@ function LoadAsyncComponent(importComponent) {
|
|
35
26
|
error: null
|
36
27
|
};
|
37
28
|
}
|
38
|
-
|
39
29
|
componentDidMount() {
|
40
30
|
importComponent().then(asyncModule => this.setState({
|
41
31
|
Component: asyncModule[key]
|
@@ -43,24 +33,20 @@ function LoadAsyncComponent(importComponent) {
|
|
43
33
|
error: "Failed to load async component: ".concat(err.message)
|
44
34
|
}));
|
45
35
|
}
|
46
|
-
|
47
36
|
render() {
|
48
37
|
const {
|
49
38
|
Component,
|
50
39
|
error
|
51
40
|
} = this.state;
|
52
|
-
|
53
41
|
if (error) {
|
54
42
|
return error;
|
55
|
-
}
|
56
|
-
|
43
|
+
}
|
57
44
|
|
45
|
+
// eslint-disable-next-line no-nested-ternary
|
58
46
|
return Component ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, this.props)) : showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
59
47
|
color: "primary"
|
60
48
|
}) : null;
|
61
49
|
}
|
62
|
-
|
63
50
|
}
|
64
|
-
|
65
51
|
return AsyncComponent;
|
66
52
|
}
|
package/lib/Avatar/did-motif.js
CHANGED
@@ -4,61 +4,48 @@ 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 _didMotif = require("@arcblock/did-motif");
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
const _excluded = ["did", "size", "animation", "shape", "responsive"];
|
17
|
-
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
|
-
|
20
13
|
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; }
|
21
|
-
|
22
14
|
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; }
|
23
|
-
|
24
|
-
function
|
25
|
-
|
15
|
+
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; }
|
16
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
17
|
+
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); }
|
26
18
|
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; }
|
27
|
-
|
28
19
|
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; }
|
29
|
-
|
30
20
|
function DIDMotif(_ref) {
|
31
21
|
let {
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
22
|
+
did,
|
23
|
+
size,
|
24
|
+
animation,
|
25
|
+
shape,
|
26
|
+
responsive
|
27
|
+
} = _ref,
|
28
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
40
29
|
const svgRef = (0, _react.useRef)(null);
|
41
30
|
(0, _react.useLayoutEffect)(() => {
|
42
31
|
(0, _didMotif.update)(svgRef.current, did, {
|
43
32
|
size,
|
44
33
|
animation,
|
45
34
|
shape
|
46
|
-
});
|
35
|
+
});
|
36
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
47
37
|
}, [did, size, shape]);
|
48
|
-
|
49
38
|
if (responsive) {
|
50
39
|
// fix avatar 显示问题 (safari 下父容器为 flex 时 inline svg 显示不出来, 需要明确指定 width)
|
51
40
|
const styles = _objectSpread(_objectSpread({}, rest.style), {}, {
|
52
41
|
width: '100%'
|
53
42
|
});
|
54
|
-
|
55
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
|
56
44
|
ref: svgRef
|
57
45
|
}, rest), {}, {
|
58
46
|
style: styles
|
59
47
|
}));
|
60
48
|
}
|
61
|
-
|
62
49
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, rest), {}, {
|
63
50
|
style: _objectSpread({
|
64
51
|
display: 'inline-block',
|
@@ -73,7 +60,6 @@ function DIDMotif(_ref) {
|
|
73
60
|
})
|
74
61
|
}));
|
75
62
|
}
|
76
|
-
|
77
63
|
DIDMotif.propTypes = {
|
78
64
|
did: _propTypes.default.string.isRequired,
|
79
65
|
size: _propTypes.default.number,
|
@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
/* eslint-disable prefer-destructuring */
|
9
|
-
|
10
8
|
/* eslint-disable no-bitwise */
|
11
9
|
// copy from https://etherscan.io/jss/blockies.js
|
12
10
|
const randseed = new Array(4);
|
13
|
-
|
14
11
|
function seedrand(seed) {
|
15
12
|
for (let i = 0; i < randseed.length; i++) {
|
16
13
|
randseed[i] = 0;
|
17
14
|
}
|
18
|
-
|
19
15
|
for (let i = 0; i < seed.length; i++) {
|
20
16
|
randseed[i % 4] = (randseed[i % 4] << 5) - randseed[i % 4] + seed.charCodeAt(i);
|
21
17
|
}
|
22
18
|
}
|
23
|
-
|
24
19
|
function rand() {
|
25
20
|
const t = randseed[0] ^ randseed[0] << 11;
|
26
21
|
randseed[0] = randseed[1];
|
@@ -29,7 +24,6 @@ function rand() {
|
|
29
24
|
randseed[3] = randseed[3] ^ randseed[3] >> 19 ^ t ^ t >> 8;
|
30
25
|
return (randseed[3] >>> 0) / (1 << 31 >>> 0);
|
31
26
|
}
|
32
|
-
|
33
27
|
function createColor() {
|
34
28
|
const h = Math.floor(rand() * 360);
|
35
29
|
const s = "".concat(rand() * 60 + 40, "%");
|
@@ -37,56 +31,45 @@ function createColor() {
|
|
37
31
|
const color = "hsl(".concat(h, ",").concat(s, ",").concat(l, ")");
|
38
32
|
return color;
|
39
33
|
}
|
40
|
-
|
41
34
|
function createImageData(size) {
|
42
35
|
const width = size;
|
43
36
|
const height = size;
|
44
37
|
const dataWidth = Math.ceil(width / 2);
|
45
38
|
const mirrorWidth = width - dataWidth;
|
46
39
|
const data = [];
|
47
|
-
|
48
40
|
for (let y = 0; y < height; y++) {
|
49
41
|
let row = [];
|
50
|
-
|
51
42
|
for (let x = 0; x < dataWidth; x++) {
|
52
43
|
row[x] = Math.floor(rand() * 2.3);
|
53
44
|
}
|
54
|
-
|
55
45
|
const r = row.slice(0, mirrorWidth);
|
56
46
|
r.reverse();
|
57
47
|
row = row.concat(r);
|
58
|
-
|
59
48
|
for (let i = 0; i < row.length; i++) {
|
60
49
|
data.push(row[i]);
|
61
50
|
}
|
62
51
|
}
|
63
|
-
|
64
52
|
return data;
|
65
53
|
}
|
66
|
-
|
67
54
|
function createCanvas(imageData, color, scale, bgcolor, spotcolor) {
|
68
55
|
const c = document.createElement('canvas');
|
69
|
-
const width = Math.sqrt(imageData.length);
|
70
|
-
|
56
|
+
const width = Math.sqrt(imageData.length);
|
57
|
+
// eslint-disable-next-line no-multi-assign
|
71
58
|
c.width = c.height = width * scale;
|
72
59
|
const cc = c.getContext('2d');
|
73
60
|
cc.fillStyle = bgcolor;
|
74
61
|
cc.fillRect(0, 0, c.width, c.height);
|
75
62
|
cc.fillStyle = color;
|
76
|
-
|
77
63
|
for (let i = 0; i < imageData.length; i++) {
|
78
64
|
const row = Math.floor(i / width);
|
79
65
|
const col = i % width;
|
80
66
|
cc.fillStyle = imageData[i] === 1 ? color : spotcolor;
|
81
|
-
|
82
67
|
if (imageData[i]) {
|
83
68
|
cc.fillRect(col * scale, row * scale, scale, scale);
|
84
69
|
}
|
85
70
|
}
|
86
|
-
|
87
71
|
return c;
|
88
72
|
}
|
89
|
-
|
90
73
|
function createIcon(opts) {
|
91
74
|
// eslint-disable-next-line no-param-reassign
|
92
75
|
opts = opts || {};
|
@@ -101,7 +84,6 @@ function createIcon(opts) {
|
|
101
84
|
const canvas = createCanvas(imageData, color, scale, bgcolor, spotcolor);
|
102
85
|
return canvas;
|
103
86
|
}
|
104
|
-
|
105
87
|
var _default = {
|
106
88
|
createIcon
|
107
89
|
};
|