@blocklet/ui-react 2.9.13 → 2.9.14

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 (161) hide show
  1. package/build.config.ts +29 -0
  2. package/es/@types/index.d.ts +63 -0
  3. package/es/@types/index.js +0 -0
  4. package/es/@types/shims.d.ts +12 -0
  5. package/es/Dashboard/index.d.ts +41 -0
  6. package/es/Dashboard/index.js +63 -97
  7. package/es/Footer/brand.d.ts +22 -0
  8. package/es/Footer/brand.js +20 -37
  9. package/es/Footer/copyright.d.ts +18 -0
  10. package/es/Footer/copyright.js +14 -16
  11. package/es/Footer/index.d.ts +6 -0
  12. package/es/Footer/index.js +30 -56
  13. package/es/Footer/internal-footer.d.ts +29 -0
  14. package/es/Footer/internal-footer.js +67 -94
  15. package/es/Footer/layout/plain.d.ts +15 -0
  16. package/es/Footer/layout/plain.js +19 -37
  17. package/es/Footer/layout/row.d.ts +18 -0
  18. package/es/Footer/layout/row.js +9 -19
  19. package/es/Footer/layout/standard.d.ts +15 -0
  20. package/es/Footer/layout/standard.js +29 -57
  21. package/es/Footer/links.d.ts +22 -0
  22. package/es/Footer/links.js +72 -104
  23. package/es/Footer/social-media.d.ts +14 -0
  24. package/es/Footer/social-media.js +35 -35
  25. package/es/Header/index.d.ts +9 -0
  26. package/es/Header/index.js +55 -100
  27. package/es/Icon/index.d.ts +23 -0
  28. package/es/Icon/index.js +23 -58
  29. package/es/UserCenter/assets/banner.png +0 -0
  30. package/es/UserCenter/components/notification.d.ts +5 -0
  31. package/es/UserCenter/components/notification.js +276 -0
  32. package/es/UserCenter/components/passport.d.ts +6 -0
  33. package/es/UserCenter/components/passport.js +69 -0
  34. package/es/UserCenter/components/privacy.d.ts +11 -0
  35. package/es/UserCenter/components/privacy.js +99 -0
  36. package/es/UserCenter/components/settings.d.ts +10 -0
  37. package/es/UserCenter/components/settings.js +68 -0
  38. package/es/UserCenter/components/user-basic-info.d.ts +8 -0
  39. package/es/UserCenter/components/user-basic-info.js +66 -0
  40. package/es/UserCenter/components/user-center.d.ts +9 -0
  41. package/es/UserCenter/components/user-center.js +397 -0
  42. package/es/UserCenter/components/user-info-item.d.ts +10 -0
  43. package/es/UserCenter/components/user-info-item.js +54 -0
  44. package/es/UserCenter/components/user-info.d.ts +6 -0
  45. package/es/UserCenter/components/user-info.js +68 -0
  46. package/es/UserCenter/components/webhook-item.d.ts +3 -0
  47. package/es/UserCenter/components/webhook-item.js +243 -0
  48. package/es/UserCenter/index.d.ts +1 -0
  49. package/es/UserCenter/index.js +1 -0
  50. package/es/UserCenter/libs/client.d.ts +2 -0
  51. package/es/UserCenter/libs/client.js +2 -0
  52. package/es/UserCenter/libs/locales.d.ts +72 -0
  53. package/es/UserCenter/libs/locales.js +72 -0
  54. package/es/UserCenter/libs/utils.d.ts +4 -0
  55. package/es/UserCenter/libs/utils.js +14 -0
  56. package/es/blocklets.d.ts +16 -0
  57. package/es/blocklets.js +56 -45
  58. package/es/common/header-addons.d.ts +22 -0
  59. package/es/common/header-addons.js +41 -59
  60. package/es/common/link-blocker.d.ts +7 -0
  61. package/es/common/link-blocker.js +10 -17
  62. package/es/common/overridable-theme-provider.d.ts +18 -0
  63. package/es/common/overridable-theme-provider.js +6 -16
  64. package/es/common/wallet-hidden-topbar.d.ts +1 -0
  65. package/es/common/wallet-hidden-topbar.js +12 -10
  66. package/es/index.d.ts +5 -0
  67. package/es/index.js +5 -0
  68. package/es/types.d.ts +2 -0
  69. package/es/types.js +17 -11
  70. package/es/utils.d.ts +8 -0
  71. package/es/utils.js +21 -26
  72. package/lib/@types/index.d.ts +63 -0
  73. package/lib/@types/index.js +1 -0
  74. package/lib/@types/shims.d.ts +12 -0
  75. package/lib/Dashboard/index.d.ts +41 -0
  76. package/lib/Dashboard/index.js +44 -71
  77. package/lib/Footer/brand.d.ts +22 -0
  78. package/lib/Footer/brand.js +65 -30
  79. package/lib/Footer/copyright.d.ts +18 -0
  80. package/lib/Footer/copyright.js +18 -23
  81. package/lib/Footer/index.d.ts +6 -0
  82. package/lib/Footer/index.js +33 -42
  83. package/lib/Footer/internal-footer.d.ts +29 -0
  84. package/lib/Footer/internal-footer.js +43 -59
  85. package/lib/Footer/layout/plain.d.ts +15 -0
  86. package/lib/Footer/layout/plain.js +25 -30
  87. package/lib/Footer/layout/row.d.ts +18 -0
  88. package/lib/Footer/layout/row.js +34 -23
  89. package/lib/Footer/layout/standard.d.ts +15 -0
  90. package/lib/Footer/layout/standard.js +35 -41
  91. package/lib/Footer/links.d.ts +22 -0
  92. package/lib/Footer/links.js +163 -60
  93. package/lib/Footer/social-media.d.ts +14 -0
  94. package/lib/Footer/social-media.js +31 -25
  95. package/lib/Header/index.d.ts +9 -0
  96. package/lib/Header/index.js +83 -76
  97. package/lib/Icon/index.d.ts +23 -0
  98. package/lib/Icon/index.js +37 -51
  99. package/lib/UserCenter/assets/banner.png +0 -0
  100. package/lib/UserCenter/components/notification.d.ts +5 -0
  101. package/lib/UserCenter/components/notification.js +261 -0
  102. package/lib/UserCenter/components/passport.d.ts +6 -0
  103. package/lib/UserCenter/components/passport.js +86 -0
  104. package/lib/UserCenter/components/privacy.d.ts +11 -0
  105. package/lib/UserCenter/components/privacy.js +101 -0
  106. package/lib/UserCenter/components/settings.d.ts +10 -0
  107. package/lib/UserCenter/components/settings.js +81 -0
  108. package/lib/UserCenter/components/user-basic-info.d.ts +8 -0
  109. package/lib/UserCenter/components/user-basic-info.js +67 -0
  110. package/lib/UserCenter/components/user-center.d.ts +9 -0
  111. package/lib/UserCenter/components/user-center.js +376 -0
  112. package/lib/UserCenter/components/user-info-item.d.ts +10 -0
  113. package/lib/UserCenter/components/user-info-item.js +46 -0
  114. package/lib/UserCenter/components/user-info.d.ts +6 -0
  115. package/lib/UserCenter/components/user-info.js +94 -0
  116. package/lib/UserCenter/components/webhook-item.d.ts +3 -0
  117. package/lib/UserCenter/components/webhook-item.js +236 -0
  118. package/lib/UserCenter/index.d.ts +1 -0
  119. package/lib/UserCenter/index.js +13 -0
  120. package/lib/UserCenter/libs/client.d.ts +2 -0
  121. package/lib/UserCenter/libs/client.js +8 -0
  122. package/lib/UserCenter/libs/locales.d.ts +72 -0
  123. package/lib/UserCenter/libs/locales.js +78 -0
  124. package/lib/UserCenter/libs/utils.d.ts +4 -0
  125. package/lib/UserCenter/libs/utils.js +25 -0
  126. package/lib/blocklets.d.ts +16 -0
  127. package/lib/blocklets.js +28 -36
  128. package/lib/common/header-addons.d.ts +22 -0
  129. package/lib/common/header-addons.js +24 -36
  130. package/lib/common/link-blocker.d.ts +7 -0
  131. package/lib/common/link-blocker.js +10 -18
  132. package/lib/common/overridable-theme-provider.d.ts +18 -0
  133. package/lib/common/overridable-theme-provider.js +9 -14
  134. package/lib/common/wallet-hidden-topbar.d.ts +1 -0
  135. package/lib/common/wallet-hidden-topbar.js +1 -3
  136. package/lib/index.d.ts +5 -0
  137. package/lib/index.js +52 -0
  138. package/lib/types.d.ts +2 -0
  139. package/lib/types.js +3 -5
  140. package/lib/utils.d.ts +8 -0
  141. package/lib/utils.js +16 -23
  142. package/package.json +17 -11
  143. package/src/@types/index.ts +70 -0
  144. package/src/@types/shims.d.ts +12 -0
  145. package/src/UserCenter/assets/banner.png +0 -0
  146. package/src/UserCenter/components/notification.tsx +275 -0
  147. package/src/UserCenter/components/passport.tsx +83 -0
  148. package/src/UserCenter/components/privacy.tsx +107 -0
  149. package/src/UserCenter/components/settings.tsx +78 -0
  150. package/src/UserCenter/components/user-basic-info.tsx +70 -0
  151. package/src/UserCenter/components/user-center.tsx +410 -0
  152. package/src/UserCenter/components/user-info-item.tsx +50 -0
  153. package/src/UserCenter/components/user-info.tsx +85 -0
  154. package/src/UserCenter/components/webhook-item.tsx +243 -0
  155. package/src/UserCenter/index.tsx +1 -0
  156. package/src/UserCenter/libs/client.ts +3 -0
  157. package/src/UserCenter/libs/locales.ts +72 -0
  158. package/src/UserCenter/libs/utils.ts +21 -0
  159. package/src/blocklets.js +2 -0
  160. package/src/index.ts +9 -0
  161. /package/src/common/{link-blocker.js → link-blocker.jsx} +0 -0
@@ -3,7 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+
7
+ var _jsxRuntime = require("react/jsx-runtime");
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
  var _Box = _interopRequireDefault(require("@mui/material/Box"));
9
10
  var _brand = _interopRequireDefault(require("./brand"));
@@ -12,76 +13,61 @@ var _socialMedia = _interopRequireDefault(require("./social-media"));
12
13
  var _copyright = _interopRequireDefault(require("./copyright"));
13
14
  var _standard = _interopRequireDefault(require("./layout/standard"));
14
15
  var _plain = _interopRequireDefault(require("./layout/plain"));
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- const _excluded = ["brand", "navigation", "socialMedia", "copyright", "links", "layout"];
17
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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; }
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; }
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; }
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; }
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); }
25
17
  const layouts = [{
26
- name: 'plain',
18
+ name: "plain",
27
19
  // navigation 数据为空时, 使用简单布局
28
- support: (_, data) => {
29
- var _data$navigation, _data$socialMedia;
30
- return !((_data$navigation = data.navigation) !== null && _data$navigation !== void 0 && _data$navigation.length) && !((_data$socialMedia = data.socialMedia) !== null && _data$socialMedia !== void 0 && _data$socialMedia.length);
31
- },
20
+ support: (_, data) => !data.navigation?.length && !data.socialMedia?.length,
32
21
  component: _plain.default
33
22
  }, {
34
- name: 'standard',
23
+ name: "standard",
35
24
  // 默认标准布局
36
25
  support: () => true,
37
26
  component: _standard.default
38
27
  }];
39
- const layoutsKeyByName = layouts.reduce((acc, cur) => _objectSpread(_objectSpread({}, acc), {}, {
28
+ const layoutsKeyByName = layouts.reduce((acc, cur) => ({
29
+ ...acc,
40
30
  [cur.name]: cur
41
31
  }), {});
42
-
43
- /**
44
- * 通用的内部 footer 组件, 定义并渲染常见的几种 footer 元素: brand/navigation/social medial 等
45
- */
46
32
  function InternalFooter(props) {
47
- var _window, _window$blocklet;
48
33
  const {
49
- brand,
50
- navigation,
51
- socialMedia,
52
- copyright,
53
- links,
54
- layout
55
- } = props,
56
- rest = _objectWithoutProperties(props, _excluded);
34
+ brand,
35
+ navigation,
36
+ socialMedia,
37
+ copyright,
38
+ links,
39
+ layout,
40
+ ...rest
41
+ } = props;
57
42
  const renderBrand = () => {
58
- return brand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_brand.default, _objectSpread({}, brand)) : null;
43
+ return brand ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_brand.default, {
44
+ ...brand
45
+ }) : null;
59
46
  };
60
47
  const renderNavigation = () => {
61
- return navigation !== null && navigation !== void 0 && navigation.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_links.default, {
48
+ return navigation?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_links.default, {
62
49
  links: navigation
63
50
  }) : null;
64
51
  };
65
52
  const renderSocialMedia = () => {
66
- return socialMedia !== null && socialMedia !== void 0 && socialMedia.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_socialMedia.default, {
53
+ return socialMedia?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_socialMedia.default, {
67
54
  items: socialMedia
68
55
  }) : null;
69
56
  };
70
57
  const renderCopyright = () => {
71
- // 如果 copyright.owner 不存在, 则使用 brand.name, 如果 brand.name 也不存在, copyright 元素为空
72
- const copyrightOwner = (copyright === null || copyright === void 0 ? void 0 : copyright.owner) || (brand === null || brand === void 0 ? void 0 : brand.name);
58
+ const copyrightOwner = copyright?.owner || brand?.name;
73
59
  if (!copyrightOwner) {
74
60
  return null;
75
61
  }
76
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_copyright.default, {
62
+ return /* @__PURE__ */(0, _jsxRuntime.jsx)(_copyright.default, {
77
63
  owner: copyrightOwner,
78
- year: (copyright === null || copyright === void 0 ? void 0 : copyright.year) || undefined
64
+ year: copyright?.year || void 0
79
65
  });
80
66
  };
81
67
  const renderLinks = () => {
82
- return links !== null && links !== void 0 && links.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_links.default, {
68
+ return links?.length ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_links.default, {
83
69
  flowLayout: true,
84
- links: links
70
+ links
85
71
  }) : null;
86
72
  };
87
73
  const elements = {
@@ -92,36 +78,35 @@ function InternalFooter(props) {
92
78
  links: renderLinks()
93
79
  };
94
80
  let LayoutComponent = null;
95
- if (layout === 'auto') {
81
+ if (layout === "auto") {
96
82
  LayoutComponent = layouts.find(item => item.support(elements, props)).component;
97
83
  } else {
98
- var _layoutsKeyByName$lay;
99
- LayoutComponent = (_layoutsKeyByName$lay = layoutsKeyByName[layout]) === null || _layoutsKeyByName$lay === void 0 ? void 0 : _layoutsKeyByName$lay.component;
84
+ LayoutComponent = layoutsKeyByName[layout]?.component;
100
85
  }
101
86
  if (!LayoutComponent) {
102
- throw new Error("layout ".concat(layout, " is not supported."));
87
+ throw new Error(`layout ${layout} is not supported.`);
103
88
  }
104
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
105
- position: "relative"
106
- }, rest), {}, {
107
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LayoutComponent, {
108
- elements: elements,
89
+ return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Box.default, {
90
+ position: "relative",
91
+ ...rest,
92
+ children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(LayoutComponent, {
93
+ elements,
109
94
  data: props
110
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
95
+ }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
111
96
  position: "absolute",
112
97
  right: 16,
113
98
  bottom: 0,
114
99
  fontSize: 12,
115
100
  sx: {
116
- color: 'transparent',
117
- '::selection': {
118
- background: '#000',
119
- color: '#fff'
101
+ color: "transparent",
102
+ "::selection": {
103
+ background: "#000",
104
+ color: "#fff"
120
105
  }
121
106
  },
122
- children: (_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.version
107
+ children: window?.blocklet?.version
123
108
  })]
124
- }));
109
+ });
125
110
  }
126
111
  InternalFooter.propTypes = {
127
112
  brand: _propTypes.default.shape({
@@ -147,7 +132,7 @@ InternalFooter.propTypes = {
147
132
  link: _propTypes.default.string
148
133
  })),
149
134
  // 可显式指定 footer layout, 默认根据内容自动决定 layout
150
- layout: _propTypes.default.oneOf(['auto', 'standard', 'plain'])
135
+ layout: _propTypes.default.oneOf(["auto", "standard", "plain"])
151
136
  };
152
137
  InternalFooter.defaultProps = {
153
138
  brand: null,
@@ -155,7 +140,6 @@ InternalFooter.defaultProps = {
155
140
  copyright: null,
156
141
  socialMedia: null,
157
142
  links: null,
158
- layout: 'auto'
143
+ layout: "auto"
159
144
  };
160
- var _default = InternalFooter;
161
- exports.default = _default;
145
+ module.exports = InternalFooter;
@@ -0,0 +1,15 @@
1
+ export default PlainLayout;
2
+ /**
3
+ * footer plain layout
4
+ */
5
+ declare function PlainLayout({ elements, data, ...rest }: {
6
+ [x: string]: any;
7
+ elements: any;
8
+ data: any;
9
+ }): import("react").JSX.Element;
10
+ declare namespace PlainLayout {
11
+ namespace propTypes {
12
+ let elements: any;
13
+ let data: any;
14
+ }
15
+ }
@@ -3,50 +3,37 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+
7
+ var _jsxRuntime = require("react/jsx-runtime");
7
8
  var _react = require("react");
8
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
10
  var _Container = _interopRequireDefault(require("@mui/material/Container"));
10
11
  var _Theme = require("@arcblock/ux/lib/Theme");
11
12
  var _row = _interopRequireDefault(require("./row"));
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _templateObject;
14
- const _excluded = ["elements", "data"];
15
- /**
16
- * footer plain layout
17
- */
18
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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; }
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; }
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); }
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; }
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; }
27
- function PlainLayout(_ref) {
28
- let {
29
- elements,
30
- data
31
- } = _ref,
32
- rest = _objectWithoutProperties(_ref, _excluded);
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
34
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
14
+ function PlainLayout({
15
+ elements,
16
+ data,
17
+ ...rest
18
+ }) {
19
+ return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
20
+ ...rest,
21
+ children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Container.default, {
35
22
  className: "plain-layout-container",
36
- children: [!!data.links && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_row.default, {
23
+ children: [!!data.links && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_row.default, {
37
24
  sx: {
38
25
  width: 1
39
26
  },
40
27
  autoCenter: true,
41
28
  children: [elements.copyright, elements.links]
42
- }), !data.links && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
43
- children: [/*#__PURE__*/(0, _react.cloneElement)(elements.brand, {
29
+ }), !data.links && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
30
+ children: [(0, _react.cloneElement)(elements.brand, {
44
31
  name: null,
45
32
  description: null
46
33
  }), elements.copyright]
47
34
  })]
48
35
  })
49
- }));
36
+ });
50
37
  }
51
38
  PlainLayout.propTypes = {
52
39
  elements: _propTypes.default.shape({
@@ -58,6 +45,14 @@ PlainLayout.propTypes = {
58
45
  }).isRequired,
59
46
  data: _propTypes.default.object.isRequired
60
47
  };
61
- const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 24px 0;\n .plain-layout-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n }\n"])));
62
- var _default = PlainLayout;
63
- exports.default = _default;
48
+ const Root = (0, _Theme.styled)("div")`
49
+ padding: 24px 0;
50
+ .plain-layout-container {
51
+ display: flex;
52
+ justify-content: space-between;
53
+ align-items: center;
54
+ flex-wrap: wrap;
55
+ gap: 8px;
56
+ }
57
+ `;
58
+ module.exports = PlainLayout;
@@ -0,0 +1,18 @@
1
+ declare function Row({ children, autoCenter, ...rest }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ autoCenter: any;
5
+ }): import("react").JSX.Element | null;
6
+ declare namespace Row {
7
+ namespace propTypes {
8
+ let children: any;
9
+ let autoCenter: any;
10
+ }
11
+ namespace defaultProps {
12
+ let children_1: null;
13
+ export { children_1 as children };
14
+ let autoCenter_1: boolean;
15
+ export { autoCenter_1 as autoCenter };
16
+ }
17
+ }
18
+ export default Row;
@@ -3,38 +3,28 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = Row;
6
+ module.exports = Row;
7
+ var _jsxRuntime = require("react/jsx-runtime");
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
  var _Box = _interopRequireDefault(require("@mui/material/Box"));
9
10
  var _Theme = require("@arcblock/ux/lib/Theme");
10
11
  var _clsx = _interopRequireDefault(require("clsx"));
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _templateObject;
13
- const _excluded = ["children", "autoCenter"];
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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; }
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; }
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); }
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; }
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; }
23
- function Row(_ref) {
24
- let {
25
- children,
26
- autoCenter
27
- } = _ref,
28
- rest = _objectWithoutProperties(_ref, _excluded);
13
+ function Row({
14
+ children,
15
+ autoCenter,
16
+ ...rest
17
+ }) {
29
18
  if (!children) {
30
19
  return null;
31
20
  }
32
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(RowRoot, _objectSpread(_objectSpread({}, rest), {}, {
21
+ return /* @__PURE__ */(0, _jsxRuntime.jsx)(RowRoot, {
22
+ ...rest,
33
23
  className: (0, _clsx.default)(rest.className, {
34
- 'footer-row-auto-center': autoCenter
24
+ "footer-row-auto-center": autoCenter
35
25
  }),
36
- children: children
37
- }));
26
+ children
27
+ });
38
28
  }
39
29
  Row.propTypes = {
40
30
  children: _propTypes.default.any,
@@ -44,4 +34,25 @@ Row.defaultProps = {
44
34
  children: null,
45
35
  autoCenter: false
46
36
  };
47
- const RowRoot = (0, _Theme.styled)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n & + & {\n margin-top: 24px;\n }\n &.footer-row-auto-center > *:only-child {\n margin: 0 auto;\n }\n\n ", " {\n align-items: stretch;\n flex-direction: column;\n gap: 16px;\n > * {\n flex: 1 0 100%;\n }\n &.footer-row-auto-center > * {\n margin: 0 auto;\n }\n }\n"])), props => props.theme.breakpoints.down('md'));
37
+ const RowRoot = (0, _Theme.styled)(_Box.default)`
38
+ display: flex;
39
+ justify-content: space-between;
40
+ & + & {
41
+ margin-top: 24px;
42
+ }
43
+ &.footer-row-auto-center > *:only-child {
44
+ margin: 0 auto;
45
+ }
46
+
47
+ ${props => props.theme.breakpoints.down("md")} {
48
+ align-items: stretch;
49
+ flex-direction: column;
50
+ gap: 16px;
51
+ > * {
52
+ flex: 1 0 100%;
53
+ }
54
+ &.footer-row-auto-center > * {
55
+ margin: 0 auto;
56
+ }
57
+ }
58
+ `;
@@ -0,0 +1,15 @@
1
+ export default StandardLayout;
2
+ /**
3
+ * footer standard layout
4
+ */
5
+ declare function StandardLayout({ elements, data, ...rest }: {
6
+ [x: string]: any;
7
+ elements: any;
8
+ data: any;
9
+ }): import("react").JSX.Element;
10
+ declare namespace StandardLayout {
11
+ namespace propTypes {
12
+ let elements: any;
13
+ let data: any;
14
+ }
15
+ }
@@ -3,76 +3,62 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+
7
+ var _jsxRuntime = require("react/jsx-runtime");
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
  var _Box = _interopRequireDefault(require("@mui/material/Box"));
9
10
  var _Container = _interopRequireDefault(require("@mui/material/Container"));
10
11
  var _Theme = require("@arcblock/ux/lib/Theme");
11
12
  var _row = _interopRequireDefault(require("./row"));
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- var _templateObject;
14
- const _excluded = ["elements", "data"];
15
- /**
16
- * footer standard layout
17
- */
18
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
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; }
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; }
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); }
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; }
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; }
27
- function StandardLayout(_ref) {
28
- var _data$navigation;
29
- let {
30
- elements,
31
- data
32
- } = _ref,
33
- rest = _objectWithoutProperties(_ref, _excluded);
34
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
35
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
36
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
14
+ function StandardLayout({
15
+ elements,
16
+ data,
17
+ ...rest
18
+ }) {
19
+ return /* @__PURE__ */(0, _jsxRuntime.jsx)(Root, {
20
+ ...rest,
21
+ children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_Container.default, {
22
+ children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_Box.default, {
37
23
  sx: {
38
- display: 'flex',
24
+ display: "flex",
39
25
  flexDirection: {
40
- xs: 'column',
41
- md: 'row'
26
+ xs: "column",
27
+ md: "row"
42
28
  },
43
- justifyContent: 'space-between',
29
+ justifyContent: "space-between",
44
30
  alignItems: {
45
- xs: 'center',
46
- md: 'space-between'
31
+ xs: "center",
32
+ md: "space-between"
47
33
  },
48
34
  gap: 2,
49
35
  pb: 3
50
36
  },
51
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
37
+ children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
52
38
  children: elements.brand
53
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
39
+ }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
54
40
  lineHeight: 1,
55
41
  children: elements.socialMedia
56
42
  })]
57
- }), !!((_data$navigation = data.navigation) !== null && _data$navigation !== void 0 && _data$navigation.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
43
+ }), !!data.navigation?.length && /* @__PURE__ */(0, _jsxRuntime.jsx)(_Box.default, {
58
44
  sx: {
59
45
  mb: 6,
60
46
  pt: 3,
61
47
  borderTop: 1,
62
- borderColor: 'grey.200'
48
+ borderColor: "grey.200"
63
49
  },
64
50
  children: elements.navigation
65
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_row.default, {
51
+ }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_row.default, {
66
52
  sx: {
67
53
  pt: 3,
68
54
  borderTop: 1,
69
- borderColor: 'grey.200'
55
+ borderColor: "grey.200"
70
56
  },
71
57
  autoCenter: true,
72
58
  children: [elements.copyright, elements.links]
73
59
  })]
74
60
  })
75
- }));
61
+ });
76
62
  }
77
63
  StandardLayout.propTypes = {
78
64
  elements: _propTypes.default.shape({
@@ -84,6 +70,14 @@ StandardLayout.propTypes = {
84
70
  }).isRequired,
85
71
  data: _propTypes.default.object.isRequired
86
72
  };
87
- const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 32px 0 24px 0;\n .footer-brand-name,\n .footer-brand-desc {\n display: none;\n }\n && .footer-brand-logo {\n margin-right: 0;\n }\n"])));
88
- var _default = StandardLayout;
89
- exports.default = _default;
73
+ const Root = (0, _Theme.styled)("div")`
74
+ padding: 32px 0 24px 0;
75
+ .footer-brand-name,
76
+ .footer-brand-desc {
77
+ display: none;
78
+ }
79
+ && .footer-brand-logo {
80
+ margin-right: 0;
81
+ }
82
+ `;
83
+ module.exports = StandardLayout;
@@ -0,0 +1,22 @@
1
+ /**
2
+ * footer 中的 links (支持分组, 最多支持 2 级)
3
+ * TODO: dark/light theme
4
+ */
5
+ declare function Links({ links, flowLayout, ...rest }: {
6
+ [x: string]: any;
7
+ links: any;
8
+ flowLayout: any;
9
+ }): import("react").JSX.Element | null;
10
+ declare namespace Links {
11
+ namespace propTypes {
12
+ let links: any;
13
+ let flowLayout: any;
14
+ }
15
+ namespace defaultProps {
16
+ let links_1: never[];
17
+ export { links_1 as links };
18
+ let flowLayout_1: boolean;
19
+ export { flowLayout_1 as flowLayout };
20
+ }
21
+ }
22
+ export default Links;