@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.
Files changed (128) hide show
  1. package/lib/ActionButton/index.js +20 -39
  2. package/lib/ActivityIndicator/index.js +20 -41
  3. package/lib/Address/compact-text.js +16 -38
  4. package/lib/Address/did-address.js +22 -51
  5. package/lib/Address/index.js +6 -19
  6. package/lib/Address/responsive-did-address.js +20 -36
  7. package/lib/Alert/index.js +12 -34
  8. package/lib/AnimationWaiter/index.js +35 -59
  9. package/lib/Async/index.js +5 -19
  10. package/lib/Avatar/did-motif.js +12 -26
  11. package/lib/Avatar/etherscan-blockies.js +2 -20
  12. package/lib/Avatar/index.js +28 -54
  13. package/lib/Badge/index.js +12 -33
  14. package/lib/Blocklet/blocklet.js +19 -46
  15. package/lib/Blocklet/index.js +0 -6
  16. package/lib/Blocklet/utils.js +0 -6
  17. package/lib/BlockletNFT/index.js +36 -66
  18. package/lib/Button/index.js +0 -4
  19. package/lib/Button/wrap.js +19 -38
  20. package/lib/ButtonGroup/index.js +0 -5
  21. package/lib/CardSelector/index.js +9 -22
  22. package/lib/Center/index.js +2 -12
  23. package/lib/ClickToCopy/copy-button.js +9 -26
  24. package/lib/ClickToCopy/hook.js +0 -10
  25. package/lib/ClickToCopy/index.js +13 -41
  26. package/lib/CodeBlock/LightBox.js +1 -6
  27. package/lib/CodeBlock/index.js +12 -80
  28. package/lib/Colors/index.js +0 -2
  29. package/lib/Colors/themes/default.js +2 -3
  30. package/lib/ContactForm/index.js +5 -35
  31. package/lib/CookieConsent/index.js +10 -32
  32. package/lib/CountDown/index.js +10 -35
  33. package/lib/DID/index.js +8 -32
  34. package/lib/Datatable/CustomToolbar.js +9 -56
  35. package/lib/Datatable/DatatableContext.js +2 -5
  36. package/lib/Datatable/TableSearch.js +0 -21
  37. package/lib/Datatable/index.js +76 -152
  38. package/lib/Datatable/utils.js +14 -27
  39. package/lib/Dialog/confirm.js +18 -31
  40. package/lib/Dialog/dialog.js +24 -50
  41. package/lib/Dialog/index.js +0 -3
  42. package/lib/DidLogo/index.js +0 -7
  43. package/lib/DriftBot/index.js +1 -12
  44. package/lib/Earth/index.js +17 -58
  45. package/lib/Earth/util.js +0 -7
  46. package/lib/Empty/index.js +9 -23
  47. package/lib/ErrorBoundary/fallback.js +0 -14
  48. package/lib/ErrorBoundary/index.js +0 -2
  49. package/lib/Footer/index.js +1 -14
  50. package/lib/Header/auto-hidden.js +9 -23
  51. package/lib/Header/header.js +19 -38
  52. package/lib/Header/index.js +0 -3
  53. package/lib/Header/responsive-header.js +16 -40
  54. package/lib/Icon/image.js +12 -26
  55. package/lib/Icon/index.js +15 -34
  56. package/lib/Img/index.js +32 -54
  57. package/lib/InfoRow/index.js +11 -27
  58. package/lib/Layout/dashboard/external-link.js +13 -30
  59. package/lib/Layout/dashboard/full-page.js +8 -24
  60. package/lib/Layout/dashboard/index.js +28 -72
  61. package/lib/Layout/dashboard/sidebar.js +11 -31
  62. package/lib/Layout/dashboard-legacy/header.js +14 -36
  63. package/lib/Layout/dashboard-legacy/index.js +19 -44
  64. package/lib/Layout/dashboard-legacy/sidebar.js +10 -32
  65. package/lib/Layout/index.js +18 -52
  66. package/lib/Locale/browser-lang.js +6 -19
  67. package/lib/Locale/context.js +15 -51
  68. package/lib/Locale/languages.js +3 -7
  69. package/lib/Locale/selector.js +11 -44
  70. package/lib/Locale/util.js +0 -10
  71. package/lib/Logo/index.js +10 -33
  72. package/lib/Metric/index.js +1 -9
  73. package/lib/NFTDisplay/aspect-ratio-container.js +7 -20
  74. package/lib/NFTDisplay/broken.js +0 -8
  75. package/lib/NFTDisplay/index.js +63 -110
  76. package/lib/NFTDisplay/loading.js +0 -6
  77. package/lib/NFTDisplay/svg-embedder/img.js +9 -22
  78. package/lib/NFTDisplay/svg-embedder/inline-svg.js +9 -23
  79. package/lib/NavMenu/index.js +0 -2
  80. package/lib/NavMenu/nav-menu.js +40 -69
  81. package/lib/NavMenu/style.js +1 -5
  82. package/lib/PageScroller/index.js +9 -39
  83. package/lib/PageScroller/story/FifthComponent.js +0 -2
  84. package/lib/PageScroller/story/FirstComponent.js +0 -2
  85. package/lib/PageScroller/story/FourthComponent.js +0 -2
  86. package/lib/PageScroller/story/FullPage.js +1 -14
  87. package/lib/PageScroller/story/PageContain.js +1 -14
  88. package/lib/PageScroller/story/SecondComponent.js +0 -2
  89. package/lib/PageScroller/story/ThirdComponent.js +0 -2
  90. package/lib/PageScroller/usePrevValue.js +1 -2
  91. package/lib/PricingTable/PricingPlan.js +0 -12
  92. package/lib/PricingTable/index.js +0 -14
  93. package/lib/QRCode/index.js +14 -24
  94. package/lib/RelativeTime/index.js +12 -45
  95. package/lib/Result/common.js +43 -63
  96. package/lib/Result/index.js +6 -23
  97. package/lib/Result/result.js +9 -23
  98. package/lib/Screenshot/BaseScreenshot/index.js +9 -26
  99. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +9 -10
  100. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +3 -8
  101. package/lib/Screenshot/index.js +32 -65
  102. package/lib/SessionManager/index.js +31 -83
  103. package/lib/Sparkline/index.js +40 -42
  104. package/lib/Spinner/index.js +12 -23
  105. package/lib/SplitButton/index.js +20 -48
  106. package/lib/Switch/index.js +7 -22
  107. package/lib/Tabs/index.js +8 -22
  108. package/lib/Tag/index.js +13 -33
  109. package/lib/TextCollapse/index.js +14 -31
  110. package/lib/Theme/index.js +3 -13
  111. package/lib/Theme/theme-provider.js +1 -10
  112. package/lib/Theme/theme.js +15 -27
  113. package/lib/Toast/index.js +13 -40
  114. package/lib/Util/deprecate.js +3 -12
  115. package/lib/Util/index.js +13 -74
  116. package/lib/Util/wallet.js +3 -10
  117. package/lib/Video/index.js +3 -19
  118. package/lib/Wallet/Action.js +9 -28
  119. package/lib/Wallet/Download.js +11 -36
  120. package/lib/Wallet/Open.js +0 -12
  121. package/lib/WebWalletSWKeeper/index.js +30 -55
  122. package/lib/WechatPrompt/index.js +0 -16
  123. package/lib/index.js +0 -38
  124. package/lib/withTheme/index.js +3 -15
  125. package/lib/withTracker/error_boundary.js +3 -14
  126. package/lib/withTracker/index.js +3 -24
  127. package/package.json +5 -5
  128. package/src/NFTDisplay/index.js +4 -4
package/lib/Img/index.js CHANGED
@@ -4,37 +4,15 @@ 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 _material = require("@mui/material");
13
-
14
10
  var _reactIntersectionObserver = require("react-intersection-observer");
15
-
16
11
  var _Alert = _interopRequireDefault(require("mdi-material-ui/Alert"));
17
-
18
12
  var _Image = _interopRequireDefault(require("mdi-material-ui/Image"));
19
-
20
13
  var _Theme = require("../Theme");
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  const _excluded = ["lazy", "width", "height", "repeat", "ratio", "alt", "size", "position", "src", "placeholder", "fallback", "style", "className", "onError", "onSuccess"];
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
16
  /**
39
17
  * @typedef {Object} ImgExProps
40
18
  * @property {string} src - required
@@ -53,16 +31,23 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
53
31
  * @property {function} [onError=() => {}]
54
32
  * @property {function} [onSuccess=() => {}]
55
33
  */
56
-
57
34
  /**
58
35
  * @typedef {ImgExProps & import('react').ComponentPropsWithoutRef<"div">} ImgProps
59
36
  */
37
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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; }
40
+ 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; }
41
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
42
+ 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); }
43
+ 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; }
44
+ 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; }
60
45
  const PREFIX = 'Img';
61
46
  const classes = {
62
47
  root: "".concat(PREFIX, "-root")
63
48
  };
64
- /** @type {import('@emotion/styled').StyledComponent<import('react').ComponentPropsWithoutRef<"div">, {}, { ref?: React.Ref<any> | undefined;}>} */
65
49
 
50
+ /** @type {import('@emotion/styled').StyledComponent<import('react').ComponentPropsWithoutRef<"div">, {}, { ref?: React.Ref<any> | undefined;}>} */
66
51
  const Root = (0, _Theme.styled)('div')(() => ({
67
52
  ["& .".concat(classes.root)]: {
68
53
  position: 'relative',
@@ -96,32 +81,31 @@ const Root = (0, _Theme.styled)('div')(() => ({
96
81
  }
97
82
  }
98
83
  }));
84
+
99
85
  /**
100
86
  *
101
87
  * @param {ImgProps} props
102
88
  * @returns {React.ReactComponentElement}
103
89
  */
104
-
105
90
  function Img(_ref) {
106
91
  let {
107
- lazy,
108
- width,
109
- height,
110
- repeat,
111
- ratio,
112
- alt,
113
- size,
114
- position,
115
- src,
116
- placeholder,
117
- fallback,
118
- style,
119
- className,
120
- onError,
121
- onSuccess
122
- } = _ref,
123
- rest = _objectWithoutProperties(_ref, _excluded);
124
-
92
+ lazy,
93
+ width,
94
+ height,
95
+ repeat,
96
+ ratio,
97
+ alt,
98
+ size,
99
+ position,
100
+ src,
101
+ placeholder,
102
+ fallback,
103
+ style,
104
+ className,
105
+ onError,
106
+ onSuccess
107
+ } = _ref,
108
+ rest = _objectWithoutProperties(_ref, _excluded);
125
109
  // eslint-disable-next-line react-hooks/rules-of-hooks
126
110
  const [ref, inView] = lazy ? (0, _reactIntersectionObserver.useInView)({
127
111
  threshold: 0,
@@ -133,13 +117,10 @@ function Img(_ref) {
133
117
  case 'init':
134
118
  case 'loading':
135
119
  return placeholder;
136
-
137
120
  case 'error':
138
121
  return fallback;
139
-
140
122
  case 'loaded':
141
123
  return src;
142
-
143
124
  default:
144
125
  return null;
145
126
  }
@@ -151,35 +132,33 @@ function Img(_ref) {
151
132
  backgroundSize: size,
152
133
  backgroundRepeat: repeat,
153
134
  paddingTop: "".concat(actualRatio, "%")
154
- }), // eslint-disable-next-line react-hooks/exhaustive-deps
135
+ }),
136
+ // eslint-disable-next-line react-hooks/exhaustive-deps
155
137
  [actualSrc, position, size, imgState]);
138
+
156
139
  /**
157
140
  * @type {CSSStyleDeclaration}
158
141
  */
159
-
160
142
  const outerStyle = _objectSpread(_objectSpread({}, style), {}, {
161
143
  display: 'inline-block',
162
144
  width: width ? "".concat(width, "px") : '100%'
163
145
  });
164
-
165
146
  function loadImg() {
166
147
  const img = new Image();
167
148
  img.src = src;
168
149
  setImgState('loading');
169
-
170
150
  img.onload = () => {
171
151
  setImgState('loaded');
172
152
  onSuccess();
173
153
  };
174
-
175
154
  img.onerror = err => {
176
155
  setImgState('error');
177
156
  onError(err);
178
157
  };
179
158
  }
180
-
181
159
  (0, _react.useEffect)(() => {
182
- if (inView) loadImg(); // eslint-disable-next-line react-hooks/exhaustive-deps
160
+ if (inView) loadImg();
161
+ // eslint-disable-next-line react-hooks/exhaustive-deps
183
162
  }, [inView]);
184
163
  return (
185
164
  /*#__PURE__*/
@@ -214,7 +193,6 @@ function Img(_ref) {
214
193
  }))
215
194
  );
216
195
  }
217
-
218
196
  Img.propTypes = {
219
197
  src: _propTypes.default.string.isRequired,
220
198
  alt: _propTypes.default.string,
@@ -4,48 +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 _camelCase = _interopRequireDefault(require("lodash/camelCase"));
11
-
12
9
  var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
13
-
14
10
  var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
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 = ["name", "nameFormatter", "layout", "children", "valueComponent", "nameWidth"];
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 _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
-
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
  function InfoRow(_ref) {
39
25
  let {
40
- name,
41
- nameFormatter,
42
- layout,
43
- children,
44
- valueComponent,
45
- nameWidth
46
- } = _ref,
47
- rest = _objectWithoutProperties(_ref, _excluded);
48
-
26
+ name,
27
+ nameFormatter,
28
+ layout,
29
+ children,
30
+ valueComponent,
31
+ nameWidth
32
+ } = _ref,
33
+ rest = _objectWithoutProperties(_ref, _excluded);
49
34
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
50
35
  layout: layout,
51
36
  width: nameWidth
@@ -62,7 +47,6 @@ function InfoRow(_ref) {
62
47
  })]
63
48
  }));
64
49
  }
65
-
66
50
  InfoRow.propTypes = {
67
51
  name: _propTypes.default.any.isRequired,
68
52
  layout: _propTypes.default.oneOf(['horizontal', 'vertical']),
@@ -5,38 +5,27 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Link = Link;
7
7
  exports.NavLink = NavLink;
8
-
9
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
-
11
9
  var _reactRouterDom = require("react-router-dom");
12
-
13
10
  var _jsxRuntime = require("react/jsx-runtime");
14
-
15
11
  const _excluded = ["children", "routerLinkComponent", "to", "external"],
16
- _excluded2 = ["className"];
17
-
12
+ _excluded2 = ["className"]; // 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
18
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
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; }
21
-
22
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; }
23
-
24
- 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; }
25
-
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); }
26
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; }
27
-
28
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; }
29
-
30
- // 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
31
21
  function ExternalLink(_ref) {
32
22
  let {
33
- children,
34
- routerLinkComponent: RouterLinkComponent,
35
- to,
36
- external
37
- } = _ref,
38
- rest = _objectWithoutProperties(_ref, _excluded);
39
-
23
+ children,
24
+ routerLinkComponent: RouterLinkComponent,
25
+ to,
26
+ external
27
+ } = _ref,
28
+ rest = _objectWithoutProperties(_ref, _excluded);
40
29
  if (external) {
41
30
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
42
31
  href: to
@@ -44,14 +33,12 @@ function ExternalLink(_ref) {
44
33
  children: children
45
34
  }));
46
35
  }
47
-
48
36
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RouterLinkComponent, _objectSpread(_objectSpread({
49
37
  to: to
50
38
  }, rest), {}, {
51
39
  children: children
52
40
  }));
53
41
  }
54
-
55
42
  ExternalLink.propTypes = {
56
43
  children: _propTypes.default.any.isRequired,
57
44
  routerLinkComponent: _propTypes.default.elementType.isRequired,
@@ -61,19 +48,16 @@ ExternalLink.propTypes = {
61
48
  ExternalLink.defaultProps = {
62
49
  external: false
63
50
  };
64
-
65
51
  function Link(props) {
66
52
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExternalLink, _objectSpread({
67
53
  routerLinkComponent: _reactRouterDom.Link
68
54
  }, props));
69
55
  }
70
-
71
56
  function NavLink(_ref2) {
72
57
  let {
73
- className
74
- } = _ref2,
75
- rest = _objectWithoutProperties(_ref2, _excluded2);
76
-
58
+ className
59
+ } = _ref2,
60
+ rest = _objectWithoutProperties(_ref2, _excluded2);
77
61
  // NavLink#className 支持 function
78
62
  const classes = rest.external && typeof className === 'function' ? className({}) : className;
79
63
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExternalLink, _objectSpread({
@@ -81,7 +65,6 @@ function NavLink(_ref2) {
81
65
  className: classes
82
66
  }, rest));
83
67
  }
84
-
85
68
  NavLink.propTypes = {
86
69
  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func])
87
70
  };
@@ -6,49 +6,36 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.FullPageContext = void 0;
7
7
  exports.FullPageProvider = FullPageProvider;
8
8
  exports.useFullPage = void 0;
9
-
10
9
  var _react = require("react");
11
-
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
11
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
12
  const _excluded = ["children"];
17
-
18
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
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; }
21
-
22
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; }
23
-
24
- 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; }
25
-
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); }
26
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; }
27
-
28
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; }
29
-
30
21
  const FullPageContext = /*#__PURE__*/(0, _react.createContext)();
31
22
  exports.FullPageContext = FullPageContext;
32
-
33
23
  const useFullPage = initialState => {
34
24
  const ctx = (0, _react.useContext)(FullPageContext);
35
25
  (0, _react.useLayoutEffect)(() => {
36
26
  if (initialState) {
37
27
  ctx.configure(initialState);
38
- } // eslint-disable-next-line react-hooks/exhaustive-deps
39
-
28
+ }
29
+ // eslint-disable-next-line react-hooks/exhaustive-deps
40
30
  }, []);
41
31
  return ctx;
42
32
  };
43
-
44
33
  exports.useFullPage = useFullPage;
45
-
46
34
  function FullPageProvider(_ref) {
47
35
  let {
48
- children
49
- } = _ref,
50
- rest = _objectWithoutProperties(_ref, _excluded);
51
-
36
+ children
37
+ } = _ref,
38
+ rest = _objectWithoutProperties(_ref, _excluded);
52
39
  const [state, setState] = (0, _react.useState)({
53
40
  inFullPage: false,
54
41
  showToggleButton: false,
@@ -56,13 +43,11 @@ function FullPageProvider(_ref) {
56
43
  footerVisibleInFullPage: false,
57
44
  sidebarVisibleInFullPage: false
58
45
  });
59
-
60
46
  const toggleFullPage = () => {
61
47
  setState(prev => _objectSpread(_objectSpread({}, prev), {}, {
62
48
  inFullPage: !prev.inFullPage
63
49
  }));
64
50
  };
65
-
66
51
  const value = (0, _react.useMemo)(() => {
67
52
  return _objectSpread(_objectSpread({}, state), {}, {
68
53
  headerVisible: !state.inFullPage || state.headerVisibleInFullPage,
@@ -78,7 +63,6 @@ function FullPageProvider(_ref) {
78
63
  children: children
79
64
  }));
80
65
  }
81
-
82
66
  FullPageProvider.propTypes = {
83
67
  children: _propTypes.default.node.isRequired
84
68
  };
@@ -4,92 +4,61 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = DashboardWrapper;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _reactRouterDom = require("react-router-dom");
13
-
14
10
  var _reactHelmet = _interopRequireDefault(require("react-helmet"));
15
-
16
11
  var _Container = _interopRequireDefault(require("@mui/material/Container"));
17
-
18
12
  var _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
19
-
20
13
  var _Box = _interopRequireDefault(require("@mui/material/Box"));
21
-
22
14
  var _clsx = _interopRequireDefault(require("clsx"));
23
-
24
15
  var _OpenInFull = _interopRequireDefault(require("@mui/icons-material/OpenInFull"));
25
-
26
16
  var _CloseFullscreen = _interopRequireDefault(require("@mui/icons-material/CloseFullscreen"));
27
-
28
17
  var _dashboardLegacy = _interopRequireDefault(require("../dashboard-legacy"));
29
-
30
18
  var _Header = require("../../Header");
31
-
32
19
  var _NavMenu = _interopRequireDefault(require("../../NavMenu"));
33
-
34
20
  var _Footer = _interopRequireDefault(require("../../Footer"));
35
-
36
21
  var _sidebar = _interopRequireDefault(require("./sidebar"));
37
-
38
22
  var _Theme = require("../../Theme");
39
-
40
23
  var _externalLink = require("./external-link");
41
-
42
24
  var _fullPage = require("./full-page");
43
-
44
25
  var _jsxRuntime = require("react/jsx-runtime");
45
-
46
26
  var _templateObject, _templateObject2;
47
-
48
27
  const _excluded = ["closeMenu"],
49
- _excluded2 = ["children", "title", "headerProps", "links", "fullWidth", "dense", "footerProps"],
50
- _excluded3 = ["legacy"];
51
-
28
+ _excluded2 = ["children", "title", "headerProps", "links", "fullWidth", "dense", "footerProps"],
29
+ _excluded3 = ["legacy"]; // 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
30
+ // 直接监听 menu 中 link 点击来触发 closeMenu 会有问题 (Suspense & lazy)
31
+ // eslint-disable-next-line react/prop-types
52
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
53
-
54
33
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
55
-
56
34
  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; }
57
-
58
35
  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; }
59
-
60
- 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; }
61
-
36
+ 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; }
37
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
38
+ 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); }
62
39
  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; }
63
-
64
40
  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; }
65
-
66
- // 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
67
- // 直接监听 menu 中 link 点击来触发 closeMenu 会有问题 (Suspense & lazy)
68
- // eslint-disable-next-line react/prop-types
69
41
  function NavMenuWrapper(_ref) {
70
42
  let {
71
- closeMenu
72
- } = _ref,
73
- rest = _objectWithoutProperties(_ref, _excluded);
74
-
43
+ closeMenu
44
+ } = _ref,
45
+ rest = _objectWithoutProperties(_ref, _excluded);
75
46
  const location = (0, _reactRouterDom.useLocation)();
76
47
  (0, _react.useEffect)(() => {
77
- closeMenu(); // eslint-disable-next-line react-hooks/exhaustive-deps
48
+ closeMenu();
49
+ // eslint-disable-next-line react-hooks/exhaustive-deps
78
50
  }, [location]);
79
51
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavMenu.default, _objectSpread({}, rest));
80
52
  }
81
-
82
53
  function formatLinks(links, location) {
83
54
  return links.map(link => {
84
55
  var _link$children;
85
-
86
56
  if ((_link$children = link.children) !== null && _link$children !== void 0 && _link$children.length) {
87
57
  return _objectSpread(_objectSpread({}, link), {}, {
88
58
  label: link.title,
89
59
  children: formatLinks(link.children, location)
90
60
  });
91
61
  }
92
-
93
62
  return _objectSpread(_objectSpread({}, link), {}, {
94
63
  label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_externalLink.Link, {
95
64
  to: link.url,
@@ -104,19 +73,17 @@ function formatLinks(links, location) {
104
73
  });
105
74
  });
106
75
  }
107
-
108
76
  function Dashboard(_ref2) {
109
77
  let {
110
- children,
111
- title,
112
- headerProps,
113
- links = [],
114
- fullWidth,
115
- dense,
116
- footerProps
117
- } = _ref2,
118
- rest = _objectWithoutProperties(_ref2, _excluded2);
119
-
78
+ children,
79
+ title,
80
+ headerProps,
81
+ links = [],
82
+ fullWidth,
83
+ dense,
84
+ footerProps
85
+ } = _ref2,
86
+ rest = _objectWithoutProperties(_ref2, _excluded2);
120
87
  const theme = (0, _Theme.useTheme)();
121
88
  const {
122
89
  inFullPage,
@@ -130,29 +97,23 @@ function Dashboard(_ref2) {
130
97
  const navItems = (0, _react.useMemo)(() => formatLinks(links, location), [location, links]);
131
98
  const isGroupedMode = navItems.some(item => {
132
99
  var _item$children;
133
-
134
100
  return !!((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length);
135
- }); // 一级菜单数量 > 8 或都分组模式, 都启用 dense 布局
136
-
101
+ });
102
+ // 一级菜单数量 > 8 或都分组模式, 都启用 dense 布局
137
103
  const _dense = dense === 'auto' ? navItems.length >= 8 || isGroupedMode : dense;
138
-
139
104
  const classes = (0, _clsx.default)('dashboard', {
140
105
  'dashboard-dense': _dense
141
106
  }, rest.className);
142
-
143
107
  const defaultHomeLink = content => {
144
108
  var _window$blocklet;
145
-
146
109
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_externalLink.Link, {
147
110
  to: ((_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.prefix) || '/',
148
111
  children: content
149
112
  });
150
113
  };
151
-
152
114
  const _headerProps = _objectSpread({
153
115
  homeLink: defaultHomeLink
154
116
  }, headerProps);
155
-
156
117
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
157
118
  className: classes,
158
119
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
@@ -164,7 +125,6 @@ function Dashboard(_ref2) {
164
125
  isMobile,
165
126
  closeMenu
166
127
  } = _ref3;
167
-
168
128
  if (isMobile) {
169
129
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavMenuWrapper, {
170
130
  mode: "inline",
@@ -174,7 +134,6 @@ function Dashboard(_ref2) {
174
134
  activeTextColor: theme.palette.primary.main
175
135
  });
176
136
  }
177
-
178
137
  return null;
179
138
  } : null
180
139
  })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -227,7 +186,6 @@ function Dashboard(_ref2) {
227
186
  })]
228
187
  }));
229
188
  }
230
-
231
189
  Dashboard.propTypes = {
232
190
  children: _propTypes.default.any.isRequired,
233
191
  title: _propTypes.default.string,
@@ -249,23 +207,21 @@ Dashboard.defaultProps = {
249
207
  const Wrapper = (0, _Theme.styled)('div', {
250
208
  shouldForwardProp: prop => prop !== 'sidebarWidth'
251
209
  })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.dashboard {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n .dashboard-body {\n overflow: hidden;\n flex: 1;\n }\n .dashboard-sidebar {\n box-sizing: border-box;\n flex: 0 0 auto;\n width: ", "px;\n overflow: hidden;\n &:hover {\n overflow-y: auto;\n }\n }\n .dashboard-main {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex: 1;\n position: relative;\n }\n .dashboard-content {\n flex: 1;\n }\n &.dashboard-dense {\n .dashboard-header {\n border-bottom: 1px solid #eee;\n }\n .dashboard-sidebar {\n width: 256px;\n border-right: 1px solid #eee;\n }\n }\n ", " {\n .header-logo {\n display: flex;\n justify-content: center;\n /* logo \u4E0E sidebar \u4E2D\u7684 icon \u5782\u76F4\u5BF9\u9F50, sidebarWidth - 24 * 2 */\n width: ", "px;\n }\n &.dashboard-dense {\n .header-logo {\n /* dense = true \u65F6 logo \u4E0E sidenav icons \u4E0D\u9700\u8981\u5BF9\u9F50 */\n width: auto;\n }\n }\n }\n"])), props => props.sidebarWidth, props => props.theme.breakpoints.up('md'), props => props.sidebarWidth - 24 * 2);
252
- const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .header-container {\n max-width: 100%;\n }\n"]))); // 兼容旧版 dashboard
210
+ const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .header-container {\n max-width: 100%;\n }\n"])));
253
211
 
212
+ // 兼容旧版 dashboard
254
213
  function DashboardWrapper(_ref4) {
255
214
  let {
256
- legacy
257
- } = _ref4,
258
- rest = _objectWithoutProperties(_ref4, _excluded3);
259
-
215
+ legacy
216
+ } = _ref4,
217
+ rest = _objectWithoutProperties(_ref4, _excluded3);
260
218
  if (legacy) {
261
219
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dashboardLegacy.default, _objectSpread({}, rest));
262
220
  }
263
-
264
221
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fullPage.FullPageProvider, {
265
222
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dashboard, _objectSpread({}, rest))
266
223
  });
267
224
  }
268
-
269
225
  DashboardWrapper.propTypes = _objectSpread(_objectSpread({}, Dashboard.propTypes), {}, {
270
226
  legacy: _propTypes.default.bool,
271
227
  footerProps: _propTypes.default.shape(_Footer.default.propTypes)