@jetlinks-web/components 2.7.0 → 2.7.1

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 (172) hide show
  1. package/es/AMap/Map.js +1 -2
  2. package/es/AutoComplete/AutoComplete.js +0 -1
  3. package/es/BadgeStatus/Badge.js +1 -2
  4. package/es/CardSelect/CardSelect.js +1 -2
  5. package/es/CardSelect/style/css.js +1 -0
  6. package/es/CheckButton/CheckButton.js +1 -2
  7. package/es/CheckButton/style/css.js +1 -0
  8. package/es/DragModal/DragModal.js +0 -1
  9. package/es/DragModal/style/css.js +1 -0
  10. package/es/Echarts/Echarts.js +1 -2
  11. package/es/EditTable/EditTable.js +4 -6
  12. package/es/EditTable/FormItem.js +0 -1
  13. package/es/EditTable/Header.js +5 -3
  14. package/es/EditTable/components/ContextMenu/Menu.js +1 -2
  15. package/es/EditTable/components/Search/search.js +1 -2
  16. package/es/EditTable/components/Search/sort.js +1 -3
  17. package/es/EditTable/group.js +7 -10
  18. package/es/EditTable/hooks/useValidate.js +1 -1
  19. package/es/EditTable/style/css.js +1 -0
  20. package/es/EditTable/utils.js +1 -1
  21. package/es/Ellipsis/style/css.js +1 -0
  22. package/es/FullPage/FullPage.js +1 -2
  23. package/es/Icon/icon.js +3 -3
  24. package/es/LocaleProvider/index.js +1 -2
  25. package/es/MonacoEditor/style/css.js +1 -0
  26. package/es/PermissionButton/index.js +6 -7
  27. package/es/ProLayout/Basic/BasicLayout.js +34 -39
  28. package/es/ProLayout/Basic/Header.js +3 -7
  29. package/es/ProLayout/PageContainer/index.js +8 -12
  30. package/es/ProLayout/SiderMenu/BaseMenu.js +16 -39
  31. package/es/ProLayout/SiderMenu/SiderMenu.js +14 -34
  32. package/es/ProLayout/TopHeader/index.js +1 -9
  33. package/es/ProLayout/style/css.js +1 -0
  34. package/es/ProLayout/util.js +5 -5
  35. package/es/ProTable/Content.js +5 -5
  36. package/es/ProTable/hooks/useTableSelection.js +2 -0
  37. package/es/ProTable/style/css.js +1 -0
  38. package/es/RadioButton/RadioButton.js +0 -1
  39. package/es/RadioButton/style/css.js +1 -0
  40. package/es/Scrollbar/style/css.js +1 -0
  41. package/es/Search/Advanced/SaveHistory.js +1 -2
  42. package/es/Search/Item.js +1 -2
  43. package/es/Search/style/css.js +2 -0
  44. package/es/Title/style/css.js +1 -0
  45. package/es/Title/title.js +0 -1
  46. package/es/style/css.js +3 -0
  47. package/es/style/index.less +13 -13
  48. package/lib/AMap/Map.js +1 -2
  49. package/lib/AutoComplete/AutoComplete.js +0 -1
  50. package/lib/BadgeStatus/Badge.js +1 -2
  51. package/lib/CardSelect/CardSelect.js +1 -2
  52. package/lib/CardSelect/style/css.js +3 -0
  53. package/lib/CheckButton/CheckButton.js +1 -2
  54. package/lib/CheckButton/style/css.js +3 -0
  55. package/lib/DragModal/DragModal.js +0 -1
  56. package/lib/DragModal/style/css.js +3 -0
  57. package/lib/Echarts/Echarts.js +1 -2
  58. package/lib/EditTable/EditTable.js +4 -6
  59. package/lib/EditTable/FormItem.js +0 -1
  60. package/lib/EditTable/Header.js +5 -3
  61. package/lib/EditTable/components/ContextMenu/Menu.js +1 -2
  62. package/lib/EditTable/components/Search/search.js +1 -2
  63. package/lib/EditTable/components/Search/sort.js +1 -3
  64. package/lib/EditTable/group.js +7 -10
  65. package/lib/EditTable/hooks/useValidate.js +1 -1
  66. package/lib/EditTable/style/css.js +3 -0
  67. package/lib/EditTable/utils.js +1 -1
  68. package/lib/Ellipsis/style/css.js +3 -0
  69. package/lib/FullPage/FullPage.js +1 -2
  70. package/lib/Icon/icon.js +4 -5
  71. package/lib/LocaleProvider/index.js +1 -2
  72. package/lib/MonacoEditor/style/css.js +3 -0
  73. package/lib/PermissionButton/index.js +6 -7
  74. package/lib/ProLayout/Basic/BasicLayout.js +34 -40
  75. package/lib/ProLayout/Basic/Header.js +2 -6
  76. package/lib/ProLayout/PageContainer/index.js +7 -11
  77. package/lib/ProLayout/SiderMenu/BaseMenu.js +17 -39
  78. package/lib/ProLayout/SiderMenu/SiderMenu.js +14 -35
  79. package/lib/ProLayout/TopHeader/index.js +2 -9
  80. package/lib/ProLayout/style/css.js +3 -0
  81. package/lib/ProLayout/util.js +5 -5
  82. package/lib/ProTable/Content.js +5 -5
  83. package/lib/ProTable/hooks/useTableSelection.js +2 -0
  84. package/lib/ProTable/style/css.js +3 -0
  85. package/lib/RadioButton/RadioButton.js +0 -1
  86. package/lib/RadioButton/style/css.js +3 -0
  87. package/lib/Scrollbar/style/css.js +3 -0
  88. package/lib/Search/Advanced/SaveHistory.js +1 -2
  89. package/lib/Search/Item.js +1 -2
  90. package/lib/Search/style/css.js +4 -0
  91. package/lib/Title/style/css.js +3 -0
  92. package/lib/Title/title.js +0 -1
  93. package/lib/components.js +1 -2
  94. package/lib/index.js +1 -2
  95. package/lib/style/css.js +4 -0
  96. package/lib/style/index.less +13 -13
  97. package/package.json +5 -5
  98. package/es/CardSelect/style/index.css +0 -24
  99. package/es/CardSelect/style/index.less +0 -26
  100. package/es/CheckButton/style/index.css +0 -37
  101. package/es/CheckButton/style/index.less +0 -40
  102. package/es/DragModal/style/index.css +0 -82
  103. package/es/DragModal/style/index.less +0 -97
  104. package/es/EditTable/style/body.less +0 -66
  105. package/es/EditTable/style/form.less +0 -33
  106. package/es/EditTable/style/group.less +0 -32
  107. package/es/EditTable/style/header.less +0 -77
  108. package/es/EditTable/style/index.css +0 -267
  109. package/es/EditTable/style/index.less +0 -41
  110. package/es/EditTable/style/menu.less +0 -25
  111. package/es/EditTable/style/table.less +0 -47
  112. package/es/Ellipsis/style/index.css +0 -17
  113. package/es/Ellipsis/style/index.less +0 -20
  114. package/es/MonacoEditor/style/index.css +0 -4
  115. package/es/MonacoEditor/style/index.less +0 -4
  116. package/es/ProLayout/Basic/BasicLayout.less +0 -66
  117. package/es/ProLayout/Basic/Header.less +0 -8
  118. package/es/ProLayout/PageContainer/index.less +0 -103
  119. package/es/ProLayout/SiderMenu/index.less +0 -231
  120. package/es/ProLayout/TopHeader/index.less +0 -174
  121. package/es/ProLayout/style/default.less +0 -4
  122. package/es/ProLayout/style/style.less +0 -7
  123. package/es/ProTable/style/ProTable.less +0 -141
  124. package/es/RadioButton/style/index.css +0 -20
  125. package/es/RadioButton/style/index.less +0 -19
  126. package/es/Scrollbar/style/index.css +0 -65
  127. package/es/Scrollbar/style/index.less +0 -83
  128. package/es/Search/style/Item.less +0 -33
  129. package/es/Search/style/Search.less +0 -179
  130. package/es/Title/style/index.css +0 -23
  131. package/es/Title/style/index.less +0 -25
  132. package/es/style/index.css +0 -5197
  133. package/es/style/variable.css +0 -4
  134. package/es/style/variable.less +0 -4
  135. package/lib/CardSelect/style/index.css +0 -24
  136. package/lib/CardSelect/style/index.less +0 -26
  137. package/lib/CheckButton/style/index.css +0 -37
  138. package/lib/CheckButton/style/index.less +0 -40
  139. package/lib/DragModal/style/index.css +0 -82
  140. package/lib/DragModal/style/index.less +0 -97
  141. package/lib/EditTable/style/body.less +0 -66
  142. package/lib/EditTable/style/form.less +0 -33
  143. package/lib/EditTable/style/group.less +0 -32
  144. package/lib/EditTable/style/header.less +0 -77
  145. package/lib/EditTable/style/index.css +0 -267
  146. package/lib/EditTable/style/index.less +0 -41
  147. package/lib/EditTable/style/menu.less +0 -25
  148. package/lib/EditTable/style/table.less +0 -47
  149. package/lib/Ellipsis/style/index.css +0 -17
  150. package/lib/Ellipsis/style/index.less +0 -20
  151. package/lib/MonacoEditor/style/index.css +0 -4
  152. package/lib/MonacoEditor/style/index.less +0 -4
  153. package/lib/ProLayout/Basic/BasicLayout.less +0 -66
  154. package/lib/ProLayout/Basic/Header.less +0 -8
  155. package/lib/ProLayout/PageContainer/index.less +0 -103
  156. package/lib/ProLayout/SiderMenu/index.less +0 -231
  157. package/lib/ProLayout/TopHeader/index.less +0 -174
  158. package/lib/ProLayout/style/default.less +0 -4
  159. package/lib/ProLayout/style/style.less +0 -7
  160. package/lib/ProTable/style/ProTable.less +0 -141
  161. package/lib/RadioButton/style/index.css +0 -20
  162. package/lib/RadioButton/style/index.less +0 -19
  163. package/lib/Scrollbar/style/index.css +0 -65
  164. package/lib/Scrollbar/style/index.less +0 -83
  165. package/lib/Search/style/Item.less +0 -33
  166. package/lib/Search/style/Search.less +0 -179
  167. package/lib/Title/style/index.css +0 -23
  168. package/lib/Title/style/index.less +0 -25
  169. package/lib/style/components.less +0 -9
  170. package/lib/style/index.css +0 -5197
  171. package/lib/style/variable.css +0 -4
  172. package/lib/style/variable.less +0 -4
@@ -1,41 +0,0 @@
1
- @import "ant-design-vue/es/style/themes/index.less";
2
- @import "./table.less";
3
- @import "./body.less";
4
- @import "./header.less";
5
- @import "./group.less";
6
- @import "./form.less";
7
- @import "./menu.less";
8
-
9
- .edit-table-search-header {
10
- display: flex;
11
- justify-content: space-between;
12
- }
13
-
14
- .edit-table-search-result-total {
15
- color: @primary-color;
16
- }
17
-
18
- .jetlinks-edit-table-horizontal-scroll {
19
- height: 17px;
20
- width: 100%;
21
- display: flex;
22
- position: relative;
23
- z-index: 4;
24
-
25
- .jetlinks-edit-table-horizontal-scroll-viewport {
26
- overflow-y: hidden;
27
- overflow-x: scroll;
28
- position: relative;
29
- flex: 1 1 0;
30
- height: 17px;
31
- width: 100%;
32
-
33
- > div {
34
- height: 17px;
35
- }
36
- }
37
-
38
- .jetlinks-edit-table-horizontal-scroll-hidden {
39
- height: 100%; overflow-x: hidden;
40
- }
41
- }
@@ -1,25 +0,0 @@
1
- .jetlinks-edit-table-context-menu{
2
- position: fixed;
3
- box-shadow: 0 0 12px rgba(0, 0, 0 ,.2);
4
- border-radius: 4px;
5
- overflow: hidden;
6
- width: 192px;
7
- padding: 4px;
8
- background-color: #fff;
9
- .ant-menu {
10
- border-right: none;
11
-
12
- .ant-menu-item {
13
- margin: 0;
14
- height: 32px;
15
-
16
- &.danger {
17
- color: @error-color;
18
- }
19
- }
20
- }
21
-
22
- .ant-menu-item-active {
23
- background-color: var(--ant-primary-1);;
24
- }
25
- }
@@ -1,47 +0,0 @@
1
- .jetlinks-edit-table-wrapper {
2
- background: #fff;
3
- height: 100%;
4
- position: relative;
5
-
6
- &.table-full-screen {
7
- padding: 24px;
8
- }
9
-
10
- .jetlinks-edit-table {
11
- display: flex;
12
- flex-direction: column;
13
- flex-grow: 0;
14
- flex-shrink: 0;
15
- background: #fafafa;
16
- transition: background-color .3s ease;
17
- overflow: auto hidden;
18
-
19
- .jetlinks-edit-table-header {
20
- overflow: hidden;
21
- width: 100%;
22
- }
23
-
24
- .jetlinks-edit-table-body {
25
- background-color: #fff;
26
- overflow-y: hidden;
27
- position: relative;
28
- height: 100%;
29
- width: 100%;
30
- flex: 1 1 auto;
31
- flex-direction: row;
32
- }
33
-
34
- .jetlinks-table-horizontal-scroll {
35
- width: 100%;
36
- height: 15px;
37
- min-height: 15px;
38
- max-height: 15px;
39
- display: flex;
40
-
41
- .jetlinks-table-horizontal-scroll-bar {
42
- height: 100%;
43
- overflow-x: scroll;
44
- }
45
- }
46
- }
47
- }
@@ -1,17 +0,0 @@
1
- .j-ellipsis {
2
- overflow: hidden;
3
- vertical-align: bottom;
4
- }
5
- .j-ellipsis-cursor {
6
- cursor: pointer;
7
- }
8
- .j-ellipsis-line-clamp {
9
- display: -webkit-box;
10
- -webkit-box-orient: vertical;
11
- word-break: break-all;
12
- }
13
- .j-ellipsis-deep {
14
- max-height: 380px;
15
- -webkit-line-clamp: 17;
16
- text-overflow: ellipsis;
17
- }
@@ -1,20 +0,0 @@
1
- .j-ellipsis {
2
- overflow: hidden;
3
- vertical-align: bottom;
4
- }
5
-
6
- .j-ellipsis-cursor {
7
- cursor: pointer;
8
- }
9
-
10
- .j-ellipsis-line-clamp {
11
- display: -webkit-box;
12
- -webkit-box-orient: vertical;
13
- word-break: break-all;
14
- }
15
-
16
- .j-ellipsis-deep {
17
- max-height: 380px;
18
- -webkit-line-clamp: 17;
19
- text-overflow: ellipsis;
20
- }
@@ -1,4 +0,0 @@
1
- .j-monaco-editor {
2
- min-height: 50px;
3
- height: 100%;
4
- }
@@ -1,4 +0,0 @@
1
- .j-monaco-editor {
2
- min-height: 50px;
3
- height: 100%;
4
- }
@@ -1,66 +0,0 @@
1
- @import '../style/default.less';
2
-
3
- .@{basicLayout-prefix-cls} {
4
- // BFC
5
- display: flex;
6
- flex-direction: column;
7
- width: 100%;
8
- min-height: 100%;
9
-
10
- .@{ant-prefix}-layout-header {
11
- &.@{ant-prefix}-pro-fixed-header {
12
- position: fixed;
13
- top: 0;
14
- }
15
- }
16
-
17
- &-content {
18
- position: relative;
19
- margin: 24px;
20
-
21
- .@{ant-prefix}-pro-page-container {
22
- margin: -24px -24px 0;
23
- }
24
-
25
- &-disable-margin {
26
- margin: 0;
27
-
28
- .@{ant-prefix}-pro-page-container {
29
- margin: 0;
30
- }
31
- }
32
-
33
- > .@{ant-prefix}-layout {
34
- max-height: 100%;
35
- }
36
- }
37
-
38
- // children should support fixed
39
- .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
40
- height: 100vh;
41
- overflow: hidden;
42
- transform: rotate(0);
43
- }
44
-
45
- .@{basicLayout-prefix-cls}-has-header {
46
- // tech-page-container
47
- .tech-page-container {
48
- height: calc(100vh - @pro-layout-header-height);
49
- }
50
-
51
- .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
52
- .tech-page-container {
53
- height: calc(100vh - @pro-layout-header-height -
54
- @pro-layout-header-height);
55
- }
56
-
57
- .@{basicLayout-prefix-cls}-is-children {
58
- min-height: calc(100vh - @pro-layout-header-height);
59
-
60
- &.@{basicLayout-prefix-cls}-fix-siderbar {
61
- height: calc(100vh - @pro-layout-header-height);
62
- }
63
- }
64
- }
65
- }
66
- }
@@ -1,8 +0,0 @@
1
- @import '../style/default.less';
2
-
3
- @pro-layout-fixed-header-prefix-cls: ~'@{ant-prefix}-pro-fixed-header';
4
-
5
- .@{pro-layout-fixed-header-prefix-cls} {
6
- z-index: 9;
7
- width: 100%;
8
- }
@@ -1,103 +0,0 @@
1
- @import '../style/default.less';
2
-
3
- @pro-layout-page-container: ~'@{ant-prefix}-pro-page-container';
4
-
5
- .@{pro-layout-page-container}-children-content {
6
- margin: 24px 24px 0;
7
- }
8
-
9
- .@{pro-layout-page-container} {
10
- &-warp {
11
- background-color: @component-background;
12
- .@{ant-prefix}-tabs-bar {
13
- margin: 0;
14
- }
15
- }
16
- &-ghost {
17
- .@{pro-layout-page-container}-warp {
18
- background-color: @component-background;
19
- }
20
- }
21
- }
22
-
23
- .@{pro-layout-page-container}-main {
24
- .@{pro-layout-page-container}-detail {
25
- display: flex;
26
- }
27
-
28
- .@{pro-layout-page-container}-row {
29
- display: flex;
30
- width: 100%;
31
- }
32
-
33
- .@{pro-layout-page-container}-title-content {
34
- margin-bottom: 16px;
35
- }
36
-
37
- .@{pro-layout-page-container}-title,
38
- .@{pro-layout-page-container}-content {
39
- flex: auto;
40
- }
41
-
42
- .@{pro-layout-page-container}-extraContent,
43
- .@{pro-layout-page-container}-main {
44
- flex: 0 1 auto;
45
- }
46
-
47
- .@{pro-layout-page-container}-main {
48
- width: 100%;
49
- }
50
-
51
- .@{pro-layout-page-container}-title {
52
- margin-bottom: 16px;
53
- }
54
-
55
- .@{pro-layout-page-container}-logo {
56
- margin-bottom: 16px;
57
- }
58
-
59
- .@{pro-layout-page-container}-extraContent {
60
- min-width: 242px;
61
- margin-left: 88px;
62
- text-align: right;
63
- }
64
- }
65
-
66
- @media screen and (max-width: @screen-xl) {
67
- .@{pro-layout-page-container}-main {
68
- .@{pro-layout-page-container}-extraContent {
69
- margin-left: 44px;
70
- }
71
- }
72
- }
73
-
74
- @media screen and (max-width: @screen-lg) {
75
- .@{pro-layout-page-container}-main {
76
- .@{pro-layout-page-container}-extraContent {
77
- margin-left: 20px;
78
- }
79
- }
80
- }
81
-
82
- @media screen and (max-width: @screen-md) {
83
- .@{pro-layout-page-container}-main {
84
- .@{pro-layout-page-container}-row {
85
- display: block;
86
- }
87
-
88
- .@{pro-layout-page-container}-action,
89
- .@{pro-layout-page-container}-extraContent {
90
- margin-left: 0;
91
- text-align: left;
92
- }
93
- }
94
- }
95
-
96
- @media screen and (max-width: @screen-sm) {
97
- .@{pro-layout-page-container}-detail {
98
- display: block;
99
- }
100
- .@{pro-layout-page-container}-extraContent {
101
- margin-left: 0;
102
- }
103
- }
@@ -1,231 +0,0 @@
1
- @import '../style/default.less';
2
-
3
- @pro-layout-sider-menu-prefix-cls: ~'@{ant-prefix}-pro-sider';
4
-
5
- @nav-header-height: @pro-layout-header-height;
6
-
7
- .@{pro-layout-sider-menu-prefix-cls} {
8
- position: relative;
9
- background-color: @layout-sider-background;
10
- border-right: 0;
11
- // FIXME: 临时修正(可能不会做兼容)
12
- z-index: 20;
13
-
14
- // 这里关掉了动画,不然使用无法兼容
15
- .@{ant-prefix}-menu {
16
- background: transparent;
17
- }
18
-
19
- &.@{ant-prefix}-layout-sider-light {
20
- .@{ant-prefix}-menu-item a {
21
- color: @heading-color;
22
- }
23
- .@{ant-prefix}-menu-item-selected a,
24
- .@{ant-prefix}-menu-item a:hover {
25
- color: @primary-color;
26
- }
27
- }
28
-
29
- &-logo {
30
- position: relative;
31
- display: flex;
32
- align-items: center;
33
- padding: 16px 16px;
34
- cursor: pointer;
35
- transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
36
-
37
- > a {
38
- display: flex;
39
- align-items: center;
40
- justify-content: center;
41
- min-height: 32px;
42
- }
43
-
44
- img {
45
- display: inline-block;
46
- height: 32px;
47
- vertical-align: middle;
48
- }
49
-
50
- h1 {
51
- display: inline-block;
52
- height: 32px;
53
- margin: 0 0 0 12px;
54
- color: white;
55
- font-weight: 600;
56
- font-size: 18px;
57
- line-height: 32px;
58
- vertical-align: middle;
59
- animation: pro-layout-title-hide 0.3s;
60
- }
61
- }
62
-
63
- &-logo-card {
64
- padding: 16px 0;
65
- justify-content: center;
66
- }
67
-
68
- &-extra {
69
- margin-bottom: 16px;
70
- padding: 0 16px;
71
- &-no-logo {
72
- margin-top: 16px;
73
- }
74
- }
75
-
76
- &-menu {
77
- position: relative;
78
- z-index: 10;
79
- min-height: 100%;
80
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
81
- }
82
-
83
- .@{ant-prefix}-layout-sider-children {
84
- display: flex;
85
- flex-direction: column;
86
- height: 100%;
87
-
88
- ::-webkit-scrollbar {
89
- width: 6px;
90
- height: 6px;
91
- }
92
-
93
- ::-webkit-scrollbar-track {
94
- background: rgba(255, 255, 255, 0.15);
95
- border-radius: 3px;
96
- box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
97
- }
98
-
99
- /* 滚动条滑块 */
100
- ::-webkit-scrollbar-thumb {
101
- background: rgba(255, 255, 255, 0.2);
102
- border-radius: 3px;
103
- box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
104
- }
105
- }
106
-
107
- &.@{ant-prefix}-layout-sider-collapsed {
108
- .@{ant-prefix}-menu-inline-collapsed {
109
- width: 48px;
110
- }
111
- .@{pro-layout-sider-menu-prefix-cls} {
112
- &-logo {
113
- padding: 16px 8px;
114
- }
115
- }
116
- }
117
-
118
- &.@{ant-prefix}-layout-sider.@{pro-layout-sider-menu-prefix-cls}-fixed {
119
- position: fixed;
120
- top: 0;
121
- left: 0;
122
- z-index: 99; // react pro-components: z-index: 100;
123
- height: 100%;
124
- overflow: auto;
125
- overflow-x: hidden;
126
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
127
- > .@{ant-prefix}-menu-root {
128
- :not(.@{pro-layout-sider-menu-prefix-cls}-link-menu) {
129
- height: ~'calc(100vh - @{nav-header-height})';
130
- overflow-y: auto;
131
- }
132
- }
133
- }
134
-
135
- &-light {
136
- background-color: @component-background;
137
- box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
138
-
139
- .@{ant-prefix}-layout-sider-children {
140
- ::-webkit-scrollbar-track {
141
- background: rgba(0, 0, 0, 0.06);
142
- border-radius: 3px;
143
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
144
- }
145
-
146
- /* 滚动条滑块 */
147
- ::-webkit-scrollbar-thumb {
148
- background: rgba(0, 0, 0, 0.12);
149
- border-radius: 3px;
150
- box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
151
- }
152
- }
153
-
154
- .@{pro-layout-sider-menu-prefix-cls}-logo {
155
- h1 {
156
- color: @primary-color;
157
- }
158
- }
159
- .@{ant-prefix}-menu-light {
160
- border-right-color: transparent;
161
- }
162
-
163
- .@{pro-layout-sider-menu-prefix-cls}-collapsed-button {
164
- border-top: @border-width-base @border-style-base
165
- @border-color-split;
166
- }
167
- }
168
-
169
- &-icon {
170
- width: 14px;
171
- vertical-align: baseline;
172
- }
173
-
174
- &-links {
175
- width: 100%;
176
- ul.@{ant-prefix}-menu-root {
177
- height: auto;
178
- }
179
- }
180
-
181
- &-collapsed-button {
182
- border-top: @border-width-base @border-style-base rgba(0, 0, 0, 0.25);
183
- .anticon {
184
- font-size: 16px;
185
- }
186
- }
187
-
188
- .top-nav-menu li.@{ant-prefix}-menu-item {
189
- height: 100%;
190
- line-height: 1;
191
- }
192
- .drawer .drawer-content {
193
- background: @layout-sider-background;
194
- }
195
- }
196
-
197
- // 修正菜单 collapsed 时,icon 与 title 的间距
198
- .@{ant-prefix}-pro-menu-item {
199
- .anticon + .@{ant-prefix}-pro-menu-item-title {
200
- margin-left: 10px;
201
- }
202
- }
203
-
204
- .sider-app-menus {
205
- width: 100px;
206
- background-color: #fff;
207
- cursor: pointer;
208
- padding: 6px;
209
- transition: all .3s;
210
- border-radius: 4px;
211
- color: #333;
212
-
213
- &:hover {
214
- background-color: #efefef;
215
- }
216
- }
217
-
218
- @keyframes pro-layout-title-hide {
219
- 0% {
220
- display: none;
221
- opacity: 0;
222
- }
223
- 80% {
224
- display: none;
225
- opacity: 0;
226
- }
227
- 100% {
228
- display: unset;
229
- opacity: 1;
230
- }
231
- }