cfel-base-components 2.5.49 → 2.5.51
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/demo/src/index.jsx
CHANGED
|
@@ -4,8 +4,8 @@ import style from "./index.module.less";
|
|
|
4
4
|
import { SwapOutlined, QqOutlined, WeiboOutlined } from "@ant-design/icons";
|
|
5
5
|
import { ConfigProvider } from "antd";
|
|
6
6
|
import "./index.scss";
|
|
7
|
-
import Layout from "../../src/components/layout
|
|
8
|
-
|
|
7
|
+
import Layout from "../../src/components/layout";
|
|
8
|
+
import LayoutConsole from "../../src/components/layout-console";
|
|
9
9
|
// import Account from '../../src/components/universal-pages/account';
|
|
10
10
|
// import AccountInfo from '../../src/components/universal-pages/accountInfo';
|
|
11
11
|
import CpcRole from "../../src/components/universal-pages/cpcRole";
|
package/package.json
CHANGED
|
@@ -22,6 +22,75 @@ ul {
|
|
|
22
22
|
list-style: none;
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
|
|
25
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
26
|
+
display: inline-block;
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: 52%;
|
|
29
|
+
right: 16px;
|
|
30
|
+
width: 16px;
|
|
31
|
+
height: 16px;
|
|
32
|
+
transform: translateY(0);
|
|
33
|
+
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
34
|
+
|
|
35
|
+
// 当菜单收起时隐藏箭头
|
|
36
|
+
.ant-layout-sider-collapsed & {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&::before,
|
|
41
|
+
&::after {
|
|
42
|
+
position: absolute;
|
|
43
|
+
width: 6px;
|
|
44
|
+
height: 1.25px;
|
|
45
|
+
scale: 1.25;
|
|
46
|
+
background: #788bb1;
|
|
47
|
+
border-radius: 2px;
|
|
48
|
+
transition:
|
|
49
|
+
background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
50
|
+
transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
51
|
+
content: '';
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&::before {
|
|
55
|
+
transform: rotate(-45deg) translateX(2.5px);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&::after {
|
|
59
|
+
transform: rotate(45deg) translateX(-2.5px);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// RTL support
|
|
63
|
+
&.#{$menuPrefixCls}-rtl,
|
|
64
|
+
.#{$menuPrefixCls}-submenu-rtl & {
|
|
65
|
+
right: auto;
|
|
66
|
+
left: 16px;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.#{$menuPrefixCls}-submenu-open > .#{$menuPrefixCls}-submenu-title {
|
|
71
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
72
|
+
transform: translateY(-3px);
|
|
73
|
+
&::before {
|
|
74
|
+
transform: rotate(45deg) translateX(2.5px);
|
|
75
|
+
}
|
|
76
|
+
&::after {
|
|
77
|
+
transform: rotate(-45deg) translateX(-2.5px);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.#{$menuPrefixCls}-submenu-selected {
|
|
83
|
+
> .#{$menuPrefixCls}-submenu-title {
|
|
84
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
85
|
+
&::before,
|
|
86
|
+
&::after {
|
|
87
|
+
background-color: #185dff;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
|
|
25
94
|
> li {
|
|
26
95
|
&:hover {
|
|
27
96
|
> .menu-item-content {
|
|
@@ -679,73 +748,6 @@ body {
|
|
|
679
748
|
}
|
|
680
749
|
}
|
|
681
750
|
|
|
682
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
683
|
-
display: inline-block;
|
|
684
|
-
position: absolute;
|
|
685
|
-
top: 52%;
|
|
686
|
-
right: 16px;
|
|
687
|
-
width: 16px;
|
|
688
|
-
height: 16px;
|
|
689
|
-
transform: translateY(0);
|
|
690
|
-
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
691
|
-
|
|
692
|
-
// 当菜单收起时隐藏箭头
|
|
693
|
-
.ant-layout-sider-collapsed & {
|
|
694
|
-
display: none;
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
&::before,
|
|
698
|
-
&::after {
|
|
699
|
-
position: absolute;
|
|
700
|
-
width: 6px;
|
|
701
|
-
height: 1.25px;
|
|
702
|
-
scale: 1.25;
|
|
703
|
-
background: #788bb1;
|
|
704
|
-
border-radius: 2px;
|
|
705
|
-
transition:
|
|
706
|
-
background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
707
|
-
transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
708
|
-
content: '';
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
&::before {
|
|
712
|
-
transform: rotate(-45deg) translateX(2.5px);
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
&::after {
|
|
716
|
-
transform: rotate(45deg) translateX(-2.5px);
|
|
717
|
-
}
|
|
718
|
-
|
|
719
|
-
// RTL support
|
|
720
|
-
&.#{$menuPrefixCls}-rtl,
|
|
721
|
-
.#{$menuPrefixCls}-submenu-rtl & {
|
|
722
|
-
right: auto;
|
|
723
|
-
left: 16px;
|
|
724
|
-
}
|
|
725
|
-
}
|
|
726
|
-
|
|
727
|
-
.#{$menuPrefixCls}-submenu-open > .#{$menuPrefixCls}-submenu-title {
|
|
728
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
729
|
-
transform: translateY(-3px);
|
|
730
|
-
&::before {
|
|
731
|
-
transform: rotate(45deg) translateX(2.5px);
|
|
732
|
-
}
|
|
733
|
-
&::after {
|
|
734
|
-
transform: rotate(-45deg) translateX(-2.5px);
|
|
735
|
-
}
|
|
736
|
-
}
|
|
737
|
-
}
|
|
738
|
-
|
|
739
|
-
.#{$menuPrefixCls}-submenu-selected {
|
|
740
|
-
> .#{$menuPrefixCls}-submenu-title {
|
|
741
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
742
|
-
&::before,
|
|
743
|
-
&::after {
|
|
744
|
-
background-color: #185dff;
|
|
745
|
-
}
|
|
746
|
-
}
|
|
747
|
-
}
|
|
748
|
-
}
|
|
749
751
|
|
|
750
752
|
.#{$menuPrefixCls} {
|
|
751
753
|
&-zoom-enter,
|
|
@@ -22,6 +22,72 @@ ul {
|
|
|
22
22
|
list-style: none;
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
|
|
25
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
26
|
+
display: inline-block;
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: 52%;
|
|
29
|
+
right: 16px;
|
|
30
|
+
width: 16px;
|
|
31
|
+
height: 16px;
|
|
32
|
+
transform: translateY(0);
|
|
33
|
+
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
34
|
+
// 当菜单收起时隐藏箭头
|
|
35
|
+
.ant-layout-sider-collapsed & {
|
|
36
|
+
display: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&::before,
|
|
40
|
+
&::after {
|
|
41
|
+
position: absolute;
|
|
42
|
+
width: 6px;
|
|
43
|
+
height: 1.25px;
|
|
44
|
+
scale: 1.25;
|
|
45
|
+
background: rgba(255, 255, 255, 0.65);
|
|
46
|
+
border-radius: 2px;
|
|
47
|
+
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
48
|
+
content: '';
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&::before {
|
|
52
|
+
transform: rotate(-45deg) translateX(2.5px);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&::after {
|
|
56
|
+
transform: rotate(45deg) translateX(-2.5px);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// RTL support
|
|
60
|
+
&.#{$menuPrefixCls}-rtl,
|
|
61
|
+
.#{$menuPrefixCls}-submenu-rtl & {
|
|
62
|
+
right: auto;
|
|
63
|
+
left: 16px;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.#{$menuPrefixCls}-submenu-open > .#{$menuPrefixCls}-submenu-title {
|
|
68
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
69
|
+
transform: translateY(-3px);
|
|
70
|
+
&::before {
|
|
71
|
+
transform: rotate(45deg) translateX(2.5px);
|
|
72
|
+
}
|
|
73
|
+
&::after {
|
|
74
|
+
transform: rotate(-45deg) translateX(-2.5px);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.#{$menuPrefixCls}-submenu-selected {
|
|
80
|
+
> .#{$menuPrefixCls}-submenu-title {
|
|
81
|
+
.#{$menuPrefixCls}-submenu-arrow {
|
|
82
|
+
&::before,
|
|
83
|
+
&::after {
|
|
84
|
+
background-color: rgba(255, 255, 255);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
|
|
25
91
|
> li {
|
|
26
92
|
&:hover {
|
|
27
93
|
> .menu-item-content {
|
|
@@ -714,70 +780,6 @@ body {
|
|
|
714
780
|
}
|
|
715
781
|
}
|
|
716
782
|
|
|
717
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
718
|
-
display: inline-block;
|
|
719
|
-
position: absolute;
|
|
720
|
-
top: 52%;
|
|
721
|
-
right: 16px;
|
|
722
|
-
width: 16px;
|
|
723
|
-
height: 16px;
|
|
724
|
-
transform: translateY(0);
|
|
725
|
-
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
726
|
-
// 当菜单收起时隐藏箭头
|
|
727
|
-
.ant-layout-sider-collapsed & {
|
|
728
|
-
display: none;
|
|
729
|
-
}
|
|
730
|
-
|
|
731
|
-
&::before,
|
|
732
|
-
&::after {
|
|
733
|
-
position: absolute;
|
|
734
|
-
width: 6px;
|
|
735
|
-
height: 1.25px;
|
|
736
|
-
scale: 1.25;
|
|
737
|
-
background: rgba(255, 255, 255, 0.65);
|
|
738
|
-
border-radius: 2px;
|
|
739
|
-
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
740
|
-
content: '';
|
|
741
|
-
}
|
|
742
|
-
|
|
743
|
-
&::before {
|
|
744
|
-
transform: rotate(-45deg) translateX(2.5px);
|
|
745
|
-
}
|
|
746
|
-
|
|
747
|
-
&::after {
|
|
748
|
-
transform: rotate(45deg) translateX(-2.5px);
|
|
749
|
-
}
|
|
750
|
-
|
|
751
|
-
// RTL support
|
|
752
|
-
&.#{$menuPrefixCls}-rtl,
|
|
753
|
-
.#{$menuPrefixCls}-submenu-rtl & {
|
|
754
|
-
right: auto;
|
|
755
|
-
left: 16px;
|
|
756
|
-
}
|
|
757
|
-
}
|
|
758
|
-
|
|
759
|
-
.#{$menuPrefixCls}-submenu-open > .#{$menuPrefixCls}-submenu-title {
|
|
760
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
761
|
-
transform: translateY(-3px);
|
|
762
|
-
&::before {
|
|
763
|
-
transform: rotate(45deg) translateX(2.5px);
|
|
764
|
-
}
|
|
765
|
-
&::after {
|
|
766
|
-
transform: rotate(-45deg) translateX(-2.5px);
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
|
-
}
|
|
770
|
-
|
|
771
|
-
.#{$menuPrefixCls}-submenu-selected {
|
|
772
|
-
> .#{$menuPrefixCls}-submenu-title {
|
|
773
|
-
.#{$menuPrefixCls}-submenu-arrow {
|
|
774
|
-
&::before,
|
|
775
|
-
&::after {
|
|
776
|
-
background-color: rgba(255, 255, 255);
|
|
777
|
-
}
|
|
778
|
-
}
|
|
779
|
-
}
|
|
780
|
-
}
|
|
781
783
|
|
|
782
784
|
.#{$menuPrefixCls} {
|
|
783
785
|
&-zoom-enter,
|