@arcblock/ux 2.5.58 → 2.5.60
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 +20 -47
- package/lib/Blocklet/index.js +0 -6
- package/lib/Blocklet/utils.js +0 -6
- package/lib/BlockletNFT/index.js +37 -67
- 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/federated-login-detecter.js +171 -0
- package/lib/SessionManager/index.js +189 -271
- package/lib/SessionManager/user-popper.js +83 -0
- 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/Blocklet/blocklet.js +1 -1
- package/src/BlockletNFT/index.js +1 -1
- package/src/NFTDisplay/index.js +4 -4
- package/src/SessionManager/federated-login-detecter.jsx +138 -0
- package/src/SessionManager/index.jsx +140 -233
- package/src/SessionManager/user-popper.jsx +121 -0
package/lib/Tag/index.js
CHANGED
@@ -4,39 +4,24 @@ 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 _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
13
|
-
|
14
10
|
var _Util = require("../Util");
|
15
|
-
|
16
11
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
17
|
-
|
18
12
|
var _Theme = require("../Theme");
|
19
|
-
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
-
|
22
14
|
var _templateObject;
|
23
|
-
|
24
15
|
const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
|
25
|
-
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27
|
-
|
28
17
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
29
|
-
|
30
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; }
|
31
|
-
|
32
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; }
|
33
|
-
|
34
|
-
function
|
35
|
-
|
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); }
|
36
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; }
|
37
|
-
|
38
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; }
|
39
|
-
|
40
25
|
const types = {
|
41
26
|
error: {
|
42
27
|
color: _Colors.default.common.white,
|
@@ -59,6 +44,7 @@ const types = {
|
|
59
44
|
backgroundColor: '#222'
|
60
45
|
}
|
61
46
|
};
|
47
|
+
|
62
48
|
/**
|
63
49
|
* @typedef {{
|
64
50
|
* type: 'error' | 'warning' | 'success' | 'primary' | 'reverse',
|
@@ -74,32 +60,27 @@ const types = {
|
|
74
60
|
* @param {TagProps} props
|
75
61
|
* @return {import('react').ReactNode}
|
76
62
|
*/
|
77
|
-
|
78
63
|
function Tag(props) {
|
79
64
|
const newProps = (0, _Util.mergeProps)(props, Tag, ['style']);
|
80
|
-
|
81
65
|
const {
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
66
|
+
type,
|
67
|
+
content,
|
68
|
+
children,
|
69
|
+
style,
|
70
|
+
className,
|
71
|
+
forwardedRef
|
72
|
+
} = newProps,
|
73
|
+
rest = _objectWithoutProperties(newProps, _excluded);
|
91
74
|
const {
|
92
75
|
palette
|
93
76
|
} = (0, _Theme.useTheme)();
|
94
77
|
const styles = Object.assign({}, types[type] || types.primary, style);
|
95
|
-
|
96
78
|
if (palette[type]) {
|
97
79
|
Object.assign(styles, {
|
98
80
|
color: palette[type].contrastText || _Colors.default.common.white,
|
99
81
|
backgroundColor: palette[type].main
|
100
82
|
});
|
101
83
|
}
|
102
|
-
|
103
84
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
|
104
85
|
ref: forwardedRef,
|
105
86
|
component: "span",
|
@@ -109,7 +90,6 @@ function Tag(props) {
|
|
109
90
|
children: content || children
|
110
91
|
}));
|
111
92
|
}
|
112
|
-
|
113
93
|
Tag.propTypes = {
|
114
94
|
children: _propTypes.default.any.isRequired,
|
115
95
|
type: _propTypes.default.oneOf(Object.keys(types)),
|
@@ -123,8 +103,8 @@ Tag.defaultProps = {
|
|
123
103
|
className: '',
|
124
104
|
style: {}
|
125
105
|
};
|
126
|
-
/** @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>} */
|
127
106
|
|
107
|
+
/** @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>} */
|
128
108
|
const TagComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, _objectSpread(_objectSpread({}, props), {}, {
|
129
109
|
forwardedRef: ref
|
130
110
|
})));
|
@@ -4,53 +4,39 @@ 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 _Theme = require("../Theme");
|
13
|
-
|
14
10
|
var _deprecate = require("../Util/deprecate");
|
15
|
-
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
|
-
|
18
12
|
var _templateObject;
|
19
|
-
|
20
13
|
const _excluded = ["children", "startChars", "endChars", "scaleFactor", "maxWidth", "style", "fontType"];
|
21
|
-
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
|
-
|
24
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25
|
-
|
26
16
|
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; }
|
27
|
-
|
28
17
|
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
|
-
|
30
|
-
function
|
31
|
-
|
18
|
+
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; }
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
20
|
+
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
21
|
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
|
-
|
34
22
|
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; }
|
35
|
-
|
36
23
|
function TextCollapse(_ref) {
|
37
24
|
let {
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
25
|
+
children,
|
26
|
+
startChars,
|
27
|
+
endChars,
|
28
|
+
scaleFactor,
|
29
|
+
maxWidth,
|
30
|
+
style,
|
31
|
+
fontType
|
32
|
+
} = _ref,
|
33
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
48
34
|
if (typeof children !== 'string') {
|
49
35
|
return null;
|
50
36
|
}
|
37
|
+
const isMonospace = fontType === 'monospace';
|
51
38
|
|
52
|
-
|
53
|
-
|
39
|
+
// 由于 css 样式产生的省略号长度是不确定的,所以目前 startChars 的长度只能让开发者自己去加上‘省略号’的宽度去设置这个值,要想完美的实现目标功能,最好是改用 js 动态修改文本内容来实现
|
54
40
|
const startWidth = isMonospace ? "".concat(startChars, "ch") : "".concat(scaleFactor * (startChars + 3), "em");
|
55
41
|
const endWidth = isMonospace ? "".concat(endChars, "ch") : "".concat(scaleFactor * endChars, "em");
|
56
42
|
const styles = Object.assign(isMonospace ? {
|
@@ -77,7 +63,6 @@ function TextCollapse(_ref) {
|
|
77
63
|
})]
|
78
64
|
}));
|
79
65
|
}
|
80
|
-
|
81
66
|
TextCollapse.propTypes = {
|
82
67
|
children: _propTypes.default.string.isRequired,
|
83
68
|
maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
|
@@ -94,10 +79,8 @@ TextCollapse.defaultProps = {
|
|
94
79
|
scaleFactor: 0.45,
|
95
80
|
fontType: 'normal'
|
96
81
|
};
|
97
|
-
|
98
82
|
var _default = (0, _deprecate.withDeprecated)(TextCollapse, {
|
99
83
|
name: 'TextCollapse'
|
100
84
|
});
|
101
|
-
|
102
85
|
exports.default = _default;
|
103
86
|
const Container = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n justify-content: start;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n\n .start-part,\n .end-part {\n display: inline-block;\n vertical-align: bottom;\n white-space: nowrap;\n overflow: hidden;\n }\n .start-part {\n max-width: calc(100% - ", ");\n min-width: ", ";\n text-overflow: ellipsis;\n }\n .end-part {\n max-width: calc(100% - ", ");\n direction: rtl;\n }\n"])), props => props.endwidth, props => props.startwidth, props => props.startwidth);
|
package/lib/Theme/index.js
CHANGED
@@ -21,11 +21,8 @@ Object.defineProperty(exports, "useTheme", {
|
|
21
21
|
return _styles.useTheme;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
|
25
24
|
var _styles = require("@mui/material/styles");
|
26
|
-
|
27
25
|
var _theme = require("./theme");
|
28
|
-
|
29
26
|
Object.keys(_theme).forEach(function (key) {
|
30
27
|
if (key === "default" || key === "__esModule") return;
|
31
28
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -37,19 +34,14 @@ Object.keys(_theme).forEach(function (key) {
|
|
37
34
|
}
|
38
35
|
});
|
39
36
|
});
|
40
|
-
|
41
37
|
var _themeProvider = _interopRequireDefault(require("./theme-provider"));
|
42
|
-
|
43
38
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
44
|
-
|
45
39
|
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; }
|
46
|
-
|
47
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; }
|
48
|
-
|
49
|
-
function
|
50
|
-
|
41
|
+
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; }
|
42
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
43
|
+
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); }
|
51
44
|
const isTransientProp = prop => prop.startsWith('$');
|
52
|
-
|
53
45
|
const styled = function styled(component) {
|
54
46
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
55
47
|
return (0, _styles.styled)(component, _objectSpread(_objectSpread({}, options), {}, {
|
@@ -57,10 +49,8 @@ const styled = function styled(component) {
|
|
57
49
|
if (options.shouldForwardProp) {
|
58
50
|
return options.shouldForwardProp(prop) && !isTransientProp(prop);
|
59
51
|
}
|
60
|
-
|
61
52
|
return !isTransientProp(prop);
|
62
53
|
}
|
63
54
|
}));
|
64
55
|
};
|
65
|
-
|
66
56
|
exports.styled = styled;
|
@@ -4,26 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = ThemeProvider;
|
7
|
-
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
9
|
-
|
10
8
|
var _styles = require("@mui/material/styles");
|
11
|
-
|
12
9
|
var _StyledEngineProvider = _interopRequireDefault(require("@mui/material/StyledEngineProvider"));
|
13
|
-
|
14
10
|
var _CssBaseline = _interopRequireDefault(require("@mui/material/CssBaseline"));
|
15
|
-
|
16
11
|
var _theme = require("./theme");
|
17
|
-
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
-
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
-
|
22
14
|
const defaultTheme = (0, _theme.createTheme)();
|
15
|
+
|
23
16
|
/**
|
24
17
|
* 默认的 theme provider, 可以为 webapp/blocklet 快捷的配置好 mui theme provider
|
25
18
|
*/
|
26
|
-
|
27
19
|
function ThemeProvider(_ref) {
|
28
20
|
let {
|
29
21
|
children,
|
@@ -42,7 +34,6 @@ function ThemeProvider(_ref) {
|
|
42
34
|
})
|
43
35
|
);
|
44
36
|
}
|
45
|
-
|
46
37
|
ThemeProvider.propTypes = {
|
47
38
|
children: _propTypes.default.any,
|
48
39
|
theme: _propTypes.default.any,
|
package/lib/Theme/theme.js
CHANGED
@@ -4,47 +4,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.createTheme = exports.create = void 0;
|
7
|
-
|
8
7
|
var _styles = require("@mui/material/styles");
|
9
|
-
|
10
8
|
require("@fontsource/lato/400.css");
|
11
|
-
|
12
9
|
require("@fontsource/lato/700.css");
|
13
|
-
|
14
10
|
var _Colors = _interopRequireDefault(require("../Colors"));
|
15
|
-
|
16
|
-
const _excluded = ["mode", "pageWidth", "palette", "typography", "overrides"];
|
17
|
-
|
11
|
+
const _excluded = ["mode", "pageWidth", "palette", "typography", "overrides"]; // https://app.zeplin.io/styleguide/5d1436f1e97c2156f49c0725/colors
|
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
|
const muiDarkTheme = (0, _styles.createTheme)({
|
31
21
|
palette: {
|
32
22
|
mode: 'dark'
|
33
23
|
}
|
34
|
-
});
|
35
|
-
// eslint-disable-next-line import/prefer-default-export
|
24
|
+
});
|
36
25
|
|
26
|
+
// https://material-ui.com/customization/default-theme/
|
27
|
+
// eslint-disable-next-line import/prefer-default-export
|
37
28
|
const create = function create() {
|
38
29
|
let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
30
|
+
{
|
31
|
+
mode = 'light',
|
32
|
+
pageWidth = 'md',
|
33
|
+
palette,
|
34
|
+
typography,
|
35
|
+
overrides
|
36
|
+
} = _ref,
|
37
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
48
38
|
// palette 考虑 light & dark mode, dark mode 需要持续完善
|
49
39
|
// - 能配合 ColorModeContext 使用
|
50
40
|
// - 为 dark mode 系统的设计整个 palette, 不要单个 color 设置
|
@@ -61,7 +51,6 @@ const create = function create() {
|
|
61
51
|
},
|
62
52
|
mode
|
63
53
|
}), palette || {});
|
64
|
-
|
65
54
|
const theme = (0, _styles.createTheme)(_objectSpread({
|
66
55
|
themeName: 'ArcBlock',
|
67
56
|
palette: _palette,
|
@@ -153,7 +142,6 @@ const create = function create() {
|
|
153
142
|
});
|
154
143
|
return enhanced;
|
155
144
|
};
|
156
|
-
|
157
145
|
exports.create = create;
|
158
146
|
const createTheme = create;
|
159
147
|
exports.createTheme = createTheme;
|
package/lib/Toast/index.js
CHANGED
@@ -5,36 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.ToastProvider = ToastProvider;
|
7
7
|
exports.default = void 0;
|
8
|
-
|
9
8
|
var _react = require("react");
|
10
|
-
|
11
9
|
var _notistack = require("notistack");
|
12
|
-
|
13
10
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
14
|
-
|
15
11
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
16
|
-
|
17
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
|
-
|
19
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20
|
-
|
21
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; }
|
22
|
-
|
23
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; }
|
24
|
-
|
25
|
-
function
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
/**
|
34
|
-
* @type {import('notistack').ProviderContext['enqueueSnackbar']}
|
35
|
-
*/
|
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); } /**
|
19
|
+
*
|
20
|
+
* @typedef {(message: import('notistack').SnackbarMessage, options?: import('notistack').OptionsObject, ...args: any[]) => import('notistack').SnackbarKey} EnqueueSnackbarFunc
|
21
|
+
*
|
22
|
+
*/ /**
|
23
|
+
* @type {import('notistack').ProviderContext['enqueueSnackbar']}
|
24
|
+
*/
|
36
25
|
const noop = () => {};
|
37
|
-
|
38
26
|
let _success = noop;
|
39
27
|
let _error = noop;
|
40
28
|
let _warning = noop;
|
@@ -46,32 +34,30 @@ let _info = noop;
|
|
46
34
|
* @param {import('notistack').VariantType} variant
|
47
35
|
* @returns {import('notistack').ProviderContext['enqueueSnackbar']}
|
48
36
|
*/
|
49
|
-
|
50
37
|
const genFn = (enqueueSnackbar, variant) => function (message) {
|
51
38
|
let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
52
39
|
enqueueSnackbar(message, _objectSpread({
|
53
40
|
autoHideDuration: 3000,
|
54
41
|
variant
|
55
42
|
}, opts));
|
56
|
-
};
|
57
|
-
|
43
|
+
};
|
58
44
|
|
45
|
+
// eslint-disable-next-line react/prop-types
|
59
46
|
function ToastProvider(_ref) {
|
60
47
|
let {
|
61
48
|
children
|
62
49
|
} = _ref;
|
63
50
|
const notistackRef = /*#__PURE__*/(0, _react.createRef)();
|
64
|
-
|
65
51
|
const onClickDismiss = key => () => {
|
66
52
|
notistackRef.current.closeSnackbar(key);
|
67
53
|
};
|
68
|
-
|
69
54
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_notistack.SnackbarProvider, {
|
70
55
|
anchorOrigin: {
|
71
56
|
vertical: 'top',
|
72
57
|
horizontal: 'right'
|
73
58
|
},
|
74
|
-
ref: notistackRef
|
59
|
+
ref: notistackRef
|
60
|
+
// eslint-disable-next-line react/no-unstable-nested-components
|
75
61
|
,
|
76
62
|
action: key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
|
77
63
|
"aria-label": "close",
|
@@ -87,7 +73,6 @@ function ToastProvider(_ref) {
|
|
87
73
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Toast, {}), children]
|
88
74
|
});
|
89
75
|
}
|
90
|
-
|
91
76
|
function Toast() {
|
92
77
|
const {
|
93
78
|
enqueueSnackbar
|
@@ -98,57 +83,45 @@ function Toast() {
|
|
98
83
|
_info = genFn(enqueueSnackbar, 'info');
|
99
84
|
return null;
|
100
85
|
}
|
101
|
-
|
102
86
|
var _default = {
|
103
87
|
/**
|
104
88
|
* @type {EnqueueSnackbarFunc}
|
105
89
|
*/
|
106
90
|
success: function success(message) {
|
107
91
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
108
|
-
|
109
92
|
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
110
93
|
args[_key - 2] = arguments[_key];
|
111
94
|
}
|
112
|
-
|
113
95
|
return _success(message, options, ...args);
|
114
96
|
},
|
115
|
-
|
116
97
|
/**
|
117
98
|
* @type {EnqueueSnackbarFunc}
|
118
99
|
*/
|
119
100
|
error: function error(message) {
|
120
101
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
121
|
-
|
122
102
|
for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
|
123
103
|
args[_key2 - 2] = arguments[_key2];
|
124
104
|
}
|
125
|
-
|
126
105
|
return _error(message, options, ...args);
|
127
106
|
},
|
128
|
-
|
129
107
|
/**
|
130
108
|
* @type {EnqueueSnackbarFunc}
|
131
109
|
*/
|
132
110
|
warning: function warning(message) {
|
133
111
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
134
|
-
|
135
112
|
for (var _len3 = arguments.length, args = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
|
136
113
|
args[_key3 - 2] = arguments[_key3];
|
137
114
|
}
|
138
|
-
|
139
115
|
return _warning(message, options, ...args);
|
140
116
|
},
|
141
|
-
|
142
117
|
/**
|
143
118
|
* @type {EnqueueSnackbarFunc}
|
144
119
|
*/
|
145
120
|
info: function info(message) {
|
146
121
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
147
|
-
|
148
122
|
for (var _len4 = arguments.length, args = new Array(_len4 > 2 ? _len4 - 2 : 0), _key4 = 2; _key4 < _len4; _key4++) {
|
149
123
|
args[_key4 - 2] = arguments[_key4];
|
150
124
|
}
|
151
|
-
|
152
125
|
return _info(message, options, ...args);
|
153
126
|
}
|
154
127
|
};
|
package/lib/Util/deprecate.js
CHANGED
@@ -4,24 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.withDeprecated = exports.warn = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
11
|
-
|
12
9
|
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; }
|
13
|
-
|
14
10
|
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; }
|
15
|
-
|
16
|
-
function
|
17
|
-
|
11
|
+
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; }
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
13
|
+
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); }
|
18
14
|
const warn = (name, alternative) => {
|
19
15
|
var _console;
|
20
|
-
|
21
16
|
if (process.env.NODE_ENV === 'production') {
|
22
17
|
return;
|
23
18
|
}
|
24
|
-
|
25
19
|
if (typeof ((_console = console) === null || _console === void 0 ? void 0 : _console.warn) === 'function') {
|
26
20
|
if (alternative) {
|
27
21
|
console.warn("DEPRECATED: ".concat(name, " is deprecated, use ").concat(alternative, " instead."));
|
@@ -30,9 +24,7 @@ const warn = (name, alternative) => {
|
|
30
24
|
}
|
31
25
|
}
|
32
26
|
};
|
33
|
-
|
34
27
|
exports.warn = warn;
|
35
|
-
|
36
28
|
const withDeprecated = (Component, _ref) => {
|
37
29
|
let {
|
38
30
|
name,
|
@@ -45,5 +37,4 @@ const withDeprecated = (Component, _ref) => {
|
|
45
37
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props));
|
46
38
|
};
|
47
39
|
};
|
48
|
-
|
49
40
|
exports.withDeprecated = withDeprecated;
|