@arcblock/ux 2.5.44 → 2.5.45
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/Address/responsive-did-address.js +1 -1
- package/lib/SessionManager/index.js +1 -1
- package/package.json +4 -4
- package/src/Address/{responsive-did-address.js → responsive-did-address.jsx} +1 -1
- package/src/SessionManager/index.jsx +2 -1
- /package/src/Address/{compact-text.js → compact-text.jsx} +0 -0
- /package/src/Address/{did-address.js → did-address.jsx} +0 -0
- /package/src/Address/{index.js → index.jsx} +0 -0
|
@@ -40,7 +40,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
40
40
|
*
|
|
41
41
|
* 实现逻辑:
|
|
42
42
|
* - DidAddress 外层包裹一个容器, 其宽度自动撑满父容器宽度 (即这个容器需要是块级元素或 100% 宽的 inline-block)
|
|
43
|
-
* - DidAddress 本身以
|
|
43
|
+
* - DidAddress 本身以 inline 形式渲染 (方便探测 did-address 的 full-width)
|
|
44
44
|
* - 组件 mounted 时记录 did address 的 full-width (非 compact 模式的宽度)
|
|
45
45
|
* - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
|
|
46
46
|
* - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
|
|
@@ -522,7 +522,7 @@ SessionManager.defaultProps = {
|
|
|
522
522
|
dark: false,
|
|
523
523
|
size: 24
|
|
524
524
|
};
|
|
525
|
-
const StyledPopper = (0, _Theme.styled)(_material.Popper)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: ", ";\n .MuiList-root {\n width:
|
|
525
|
+
const StyledPopper = (0, _Theme.styled)(_material.Popper)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: ", ";\n .MuiList-root {\n /* HACK: \u9700\u8981288px \u624D\u80FD\u5C06 did \u5C55\u793A\u5B8C\u6574 */\n width: 290px;\n }\n .session-manager-user {\n font-size: 12px;\n flex-direction: column;\n align-items: flex-start;\n padding: 24px 24px 10px;\n }\n .session-manager-user-name {\n font-size: 20px;\n color: ", ";\n font-weight: bold;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .session-manager-id-item {\n position: relative;\n padding-left: 8px;\n /* HACK: \u5F53\u524D\u5143\u7D20\u65E2\u662F\u7B2C\u4E00\u4E2A\uFF0C\u4E5F\u662F\u6700\u540E\u4E00\u4E2A\uFF0C\u5373\u53EA\u6709\u4E00\u4E2A\u540C\u7EA7\u5143\u7D20 */\n &:first-of-type:last-of-type {\n padding-left: 0;\n &:before,\n &:after {\n content: unset;\n }\n }\n &:before {\n position: absolute;\n content: '';\n left: 0px;\n top: 50%;\n width: 6px;\n height: 1px;\n background-color: #aeaeae;\n }\n &:not(:last-of-type):after {\n position: absolute;\n content: '';\n left: 0px;\n top: 50%;\n height: 100%;\n width: 1px;\n background-color: #aeaeae;\n }\n }\n .session-manager-menu-item {\n padding: 18.5px 24px;\n color: #777;\n font-size: 16px;\n &:hover {\n background-color: #fbfbfb;\n }\n }\n .session-manager-menu-icon {\n color: #999;\n margin-right: 16px;\n }\n"])), _ref3 => {
|
|
526
526
|
let {
|
|
527
527
|
theme
|
|
528
528
|
} = _ref3;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcblock/ux",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.45",
|
|
4
4
|
"description": "Common used react components for arcblock products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">=18.1.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "989d5eea636d3012a14d2fd65e303df6892b5e72",
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@arcblock/did-motif": "^1.1.10",
|
|
51
|
-
"@arcblock/icons": "^2.5.
|
|
52
|
-
"@arcblock/react-hooks": "^2.5.
|
|
51
|
+
"@arcblock/icons": "^2.5.45",
|
|
52
|
+
"@arcblock/react-hooks": "^2.5.45",
|
|
53
53
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
54
54
|
"@emotion/react": "^11.10.4",
|
|
55
55
|
"@emotion/styled": "^11.10.4",
|
|
@@ -10,7 +10,7 @@ import DidAddress from './did-address';
|
|
|
10
10
|
*
|
|
11
11
|
* 实现逻辑:
|
|
12
12
|
* - DidAddress 外层包裹一个容器, 其宽度自动撑满父容器宽度 (即这个容器需要是块级元素或 100% 宽的 inline-block)
|
|
13
|
-
* - DidAddress 本身以
|
|
13
|
+
* - DidAddress 本身以 inline 形式渲染 (方便探测 did-address 的 full-width)
|
|
14
14
|
* - 组件 mounted 时记录 did address 的 full-width (非 compact 模式的宽度)
|
|
15
15
|
* - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
|
|
16
16
|
* - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
|
|
@@ -436,7 +436,8 @@ SessionManager.defaultProps = {
|
|
|
436
436
|
const StyledPopper = styled(Popper)`
|
|
437
437
|
z-index: ${({ theme }) => theme.zIndex.tooltip};
|
|
438
438
|
.MuiList-root {
|
|
439
|
-
|
|
439
|
+
/* HACK: 需要288px 才能将 did 展示完整 */
|
|
440
|
+
width: 290px;
|
|
440
441
|
}
|
|
441
442
|
.session-manager-user {
|
|
442
443
|
font-size: 12px;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|