@blocklet/ui-react 2.11.12 → 2.11.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.
@@ -61,7 +61,7 @@ export default function ConfigProfile({ user, onSave }) {
61
61
  }
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ jsx(Select, { fullWidth: true, value: currentState.locale, onChange: handleChange, size: "small", children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code)) })
64
+ /* @__PURE__ */ jsx(Select, { value: currentState.locale, onChange: handleChange, size: "small", sx: { minWidth: 300 }, children: (window.blocklet.languages || languages).map((x) => /* @__PURE__ */ jsx(MenuItem, { value: x.code, children: x.name }, x.code)) })
65
65
  ] })
66
66
  ]
67
67
  }
@@ -33,9 +33,6 @@ export default function Settings({
33
33
  };
34
34
  });
35
35
  }, [settings?.userCenterTabs]);
36
- const showStorage = window?.blocklet?.componentMountPoints.some(
37
- (v) => v.capabilities?.didSpace === "requiredOnConnect"
38
- );
39
36
  const tabs = useCreation(() => {
40
37
  return [
41
38
  {
@@ -58,7 +55,7 @@ export default function Settings({
58
55
  value: "privacy",
59
56
  content: /* @__PURE__ */ jsx(Privacy, { configList: privacyConfigList, onSave })
60
57
  },
61
- showStorage && {
58
+ {
62
59
  label: t("storageManagement"),
63
60
  value: "storage",
64
61
  content: /* @__PURE__ */ jsx(ConfigUserSpaceProvider, { children: /* @__PURE__ */ jsx(DidSpace, {}) })
@@ -93,7 +90,7 @@ export default function Settings({
93
90
  }
94
91
  ),
95
92
  /* @__PURE__ */ jsx(Box, { mt: 2.5, children: tab.content }),
96
- index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5 } }) : null
93
+ index < tabs.length - 1 ? /* @__PURE__ */ jsx(Divider, { sx: { mt: 2.5, mb: 2.5, borderColor: colors.dividerColor } }) : null
97
94
  ] }, tab.value))
98
95
  }
99
96
  );
@@ -316,7 +316,7 @@ export default function UserCenter({
316
316
  }
317
317
  }
318
318
  ),
319
- /* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3 } }),
319
+ /* @__PURE__ */ jsx(Divider, { sx: { mt: 3, mb: 3, borderColor: colors.dividerColor } }),
320
320
  userCenterTabs.length > 0 && currentTab ? /* @__PURE__ */ jsxs(
321
321
  Box,
322
322
  {
@@ -336,7 +336,7 @@ export default function UserCenter({
336
336
  current: currentActiveTab?.value ?? currentTab,
337
337
  onChange: handleChangeTab,
338
338
  sx: {
339
- width: isMobile ? "100%" : 180,
339
+ width: isMobile ? "100%" : 160,
340
340
  marginBottom: isMobile ? "8px" : 0,
341
341
  flexShrink: 0,
342
342
  ".MuiTabs-flexContainer": {
@@ -354,7 +354,7 @@ export default function UserCenter({
354
354
  }
355
355
  }
356
356
  ),
357
- /* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr: 2 } }),
357
+ /* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { height: "100%", mr: 3, borderColor: colors.dividerColor } }),
358
358
  !privacyState.data || privacyState.loading ? /* @__PURE__ */ jsx(
359
359
  Box,
360
360
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/ui-react",
3
- "version": "2.11.12",
3
+ "version": "2.11.14",
4
4
  "description": "Some useful front-end web components that can be used in Blocklets.",
5
5
  "keywords": [
6
6
  "react",
@@ -32,8 +32,8 @@
32
32
  "url": "https://github.com/ArcBlock/ux/issues"
33
33
  },
34
34
  "dependencies": {
35
- "@arcblock/bridge": "^2.11.12",
36
- "@arcblock/react-hooks": "^2.11.12",
35
+ "@arcblock/bridge": "^2.11.14",
36
+ "@arcblock/react-hooks": "^2.11.14",
37
37
  "@blocklet/did-space-react": "^0.6.0",
38
38
  "@iconify-icons/logos": "^1.2.36",
39
39
  "@iconify-icons/material-symbols": "^1.2.58",
@@ -81,5 +81,5 @@
81
81
  "jest": "^29.7.0",
82
82
  "unbuild": "^2.0.0"
83
83
  },
84
- "gitHead": "b8f74102e7f4a6918743f6b256485a9888c91af0"
84
+ "gitHead": "6e1596d1a8ab9b74fd0588be21beb80eaeb68e35"
85
85
  }
@@ -60,7 +60,7 @@ export default function ConfigProfile({ user, onSave }: { user: User; onSave: (t
60
60
  height: 2,
61
61
  }}
62
62
  />
63
- <Select fullWidth value={currentState.locale} onChange={handleChange} size="small">
63
+ <Select value={currentState.locale} onChange={handleChange} size="small" sx={{ minWidth: 300 }}>
64
64
  {(window.blocklet.languages || languages).map((x: { name: string; code: string }) => (
65
65
  <MenuItem value={x.code} key={x.code}>
66
66
  {x.name}
@@ -42,9 +42,6 @@ export default function Settings({
42
42
  };
43
43
  });
44
44
  }, [settings?.userCenterTabs]);
45
- const showStorage = window?.blocklet?.componentMountPoints.some(
46
- (v: any) => v.capabilities?.didSpace === 'requiredOnConnect'
47
- );
48
45
  const tabs = useCreation(() => {
49
46
  return [
50
47
  {
@@ -67,7 +64,7 @@ export default function Settings({
67
64
  value: 'privacy',
68
65
  content: <Privacy configList={privacyConfigList} onSave={onSave} />,
69
66
  },
70
- showStorage && {
67
+ {
71
68
  label: t('storageManagement'),
72
69
  value: 'storage',
73
70
  content: (
@@ -104,7 +101,7 @@ export default function Settings({
104
101
  {tab.label}
105
102
  </Typography>
106
103
  <Box mt={2.5}>{tab.content}</Box>
107
- {index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5 }} /> : null}
104
+ {index < tabs.length - 1 ? <Divider sx={{ mt: 2.5, mb: 2.5, borderColor: colors.dividerColor }} /> : null}
108
105
  </Box>
109
106
  ))}
110
107
  </Box>
@@ -358,7 +358,7 @@ export default function UserCenter({
358
358
  mt: 2,
359
359
  }}
360
360
  />
361
- <Divider sx={{ mt: 3, mb: 3 }} />
361
+ <Divider sx={{ mt: 3, mb: 3, borderColor: colors.dividerColor }} />
362
362
  {userCenterTabs.length > 0 && currentTab ? (
363
363
  <Box
364
364
  display={isMobile ? 'block' : 'flex'}
@@ -374,7 +374,7 @@ export default function UserCenter({
374
374
  current={currentActiveTab?.value ?? currentTab}
375
375
  onChange={handleChangeTab}
376
376
  sx={{
377
- width: isMobile ? '100%' : 180,
377
+ width: isMobile ? '100%' : 160,
378
378
  marginBottom: isMobile ? '8px' : 0,
379
379
  flexShrink: 0,
380
380
  '.MuiTabs-flexContainer': {
@@ -391,7 +391,7 @@ export default function UserCenter({
391
391
  },
392
392
  }}
393
393
  />
394
- <Divider orientation="vertical" sx={{ height: '100%', mr: 2 }} />
394
+ <Divider orientation="vertical" sx={{ height: '100%', mr: 3, borderColor: colors.dividerColor }} />
395
395
  {!privacyState.data || privacyState.loading ? (
396
396
  <Box
397
397
  sx={{