@zat-design/sisyphus-react 3.4.2-beta.2 → 3.4.2-beta.3
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/dist/index.esm.css +139 -84
- package/es/ProEditTable/components/RenderField/index.js +9 -11
- package/es/ProEditTable/utils/tools.js +3 -1
- package/es/ProForm/components/combination/Group/index.js +6 -9
- package/es/ProForm/components/combination/Group/style/index.less +4 -4
- package/es/ProForm/components/combination/Group/utils.d.ts +2 -0
- package/es/ProForm/components/combination/Group/utils.js +10 -0
- package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
- package/es/ProLayout/components/Layout/Menu/style/index.less +52 -56
- package/es/ProLayout/components/ProCollapse/style/index.less +7 -1
- package/es/ProLayout/style/index.less +98 -88
- package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/es/ProThemeTools/component/PrdTools/index.js +2 -2
- package/es/ProThemeTools/index.js +21 -28
- package/es/ProThemeTools/propsType.d.ts +1 -1
- package/es/ProThemeTools/style/index.less +25 -8
- package/es/assets/setting.svg +14 -0
- package/lib/ProEditTable/components/RenderField/index.js +8 -10
- package/lib/ProEditTable/utils/tools.js +3 -1
- package/lib/ProForm/components/combination/Group/index.js +4 -7
- package/lib/ProForm/components/combination/Group/style/index.less +4 -4
- package/lib/ProForm/components/combination/Group/utils.d.ts +2 -0
- package/lib/ProForm/components/combination/Group/utils.js +11 -1
- package/lib/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
- package/lib/ProLayout/components/Layout/Menu/style/index.less +52 -56
- package/lib/ProLayout/components/ProCollapse/style/index.less +7 -1
- package/lib/ProLayout/style/index.less +98 -88
- package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +2 -2
- package/lib/ProThemeTools/index.js +19 -27
- package/lib/ProThemeTools/propsType.d.ts +1 -1
- package/lib/ProThemeTools/style/index.less +25 -8
- package/lib/assets/setting.svg +14 -0
- package/package.json +1 -1
|
@@ -1,36 +1,35 @@
|
|
|
1
1
|
@root-entry-name: 'default';
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
|
-
@import
|
|
4
|
-
@import
|
|
5
|
-
@import
|
|
3
|
+
@import '../FoldMenu/style/index.less';
|
|
4
|
+
@import '../OpenMenu/style/index.less';
|
|
5
|
+
@import '../SideMenu/style/index.less';
|
|
6
6
|
|
|
7
7
|
/** 侧边栏 + 内容区 */
|
|
8
8
|
.pro-layout-row {
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
|
|
11
|
-
|
|
12
11
|
.pro-layout-menu-open {
|
|
13
|
-
.pro-layout-arrow
|
|
12
|
+
.pro-layout-arrow {
|
|
14
13
|
transform: rotate(225deg);
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
.pro-layout-arrow {
|
|
19
|
-
width
|
|
20
|
-
height
|
|
18
|
+
width: 10px;
|
|
19
|
+
height: 10px;
|
|
20
|
+
margin-left: -5px;
|
|
21
21
|
background-color: transparent;
|
|
22
22
|
/* 模块背景为透明 */
|
|
23
|
-
border-color
|
|
24
|
-
border-style
|
|
25
|
-
border-width
|
|
26
|
-
|
|
27
|
-
transform : rotate(45deg);
|
|
23
|
+
border-color: #fff;
|
|
24
|
+
border-style: solid;
|
|
25
|
+
border-width: 2px 2px 0 0;
|
|
26
|
+
transform: rotate(45deg);
|
|
28
27
|
}
|
|
29
28
|
|
|
30
29
|
&.pro-layout-menu-no-collapsed {
|
|
31
30
|
.pro-layout-menu-fold-li {
|
|
32
|
-
display
|
|
33
|
-
align-items
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
34
33
|
justify-content: center;
|
|
35
34
|
|
|
36
35
|
div {
|
|
@@ -42,11 +41,10 @@
|
|
|
42
41
|
}
|
|
43
42
|
|
|
44
43
|
h2 {
|
|
45
|
-
display
|
|
44
|
+
display: inline-block;
|
|
46
45
|
white-space: nowrap;
|
|
47
|
-
opacity
|
|
48
|
-
transition
|
|
49
|
-
color 0.5s;
|
|
46
|
+
opacity: 0;
|
|
47
|
+
transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s;
|
|
50
48
|
}
|
|
51
49
|
}
|
|
52
50
|
}
|
|
@@ -81,18 +79,18 @@
|
|
|
81
79
|
}
|
|
82
80
|
|
|
83
81
|
.pro-layout-menu {
|
|
84
|
-
position
|
|
85
|
-
top
|
|
86
|
-
left
|
|
87
|
-
z-index
|
|
88
|
-
width
|
|
89
|
-
height
|
|
90
|
-
min-height
|
|
91
|
-
padding
|
|
92
|
-
overflow-x
|
|
93
|
-
overflow-y
|
|
82
|
+
position: fixed;
|
|
83
|
+
top: 48px;
|
|
84
|
+
left: 0;
|
|
85
|
+
z-index: 99;
|
|
86
|
+
width: 48px;
|
|
87
|
+
height: 100vh;
|
|
88
|
+
min-height: 100%;
|
|
89
|
+
padding: 0;
|
|
90
|
+
overflow-x: hidden;
|
|
91
|
+
overflow-y: auto;
|
|
94
92
|
background-color: #1a202d;
|
|
95
|
-
transition
|
|
93
|
+
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
|
|
96
94
|
|
|
97
95
|
&.pro-layout-menu-open {
|
|
98
96
|
width: 220px;
|
|
@@ -101,52 +99,50 @@
|
|
|
101
99
|
|
|
102
100
|
/** 内容区 */
|
|
103
101
|
.pro-layout-content {
|
|
104
|
-
|
|
102
|
+
z-index: 1;
|
|
103
|
+
flex: auto;
|
|
104
|
+
flex: auto;
|
|
105
|
+
min-height: calc(100vh - 48px);
|
|
106
|
+
margin-top: 48px;
|
|
105
107
|
margin-left: 48px;
|
|
106
|
-
padding
|
|
107
|
-
transition
|
|
108
|
-
z-index : 1;
|
|
109
|
-
flex : auto;
|
|
110
|
-
min-height : calc(100vh - 48px);
|
|
111
|
-
margin-top : 48px;
|
|
108
|
+
padding: 0 var(--zaui-space-size-md, 16px);
|
|
109
|
+
transition: all 0.3s ease-in-out;
|
|
112
110
|
}
|
|
113
111
|
|
|
114
|
-
|
|
115
|
-
|
|
116
112
|
.pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed {
|
|
117
|
-
left
|
|
118
|
-
width: 220px
|
|
113
|
+
left: 0;
|
|
114
|
+
width: 220px;
|
|
119
115
|
}
|
|
120
116
|
|
|
121
117
|
.pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed img {
|
|
122
|
-
transform: rotate(-180deg)
|
|
118
|
+
transform: rotate(-180deg);
|
|
123
119
|
}
|
|
124
120
|
|
|
125
121
|
.pro-layout-menu .pro-layout-menu-collapsed {
|
|
126
|
-
position
|
|
127
|
-
bottom
|
|
128
|
-
left
|
|
129
|
-
z-index
|
|
130
|
-
display
|
|
131
|
-
align-items
|
|
122
|
+
position: fixed;
|
|
123
|
+
bottom: 0;
|
|
124
|
+
left: 0;
|
|
125
|
+
z-index: 2;
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
132
128
|
justify-content: center;
|
|
133
|
-
width
|
|
134
|
-
height
|
|
135
|
-
|
|
136
|
-
|
|
129
|
+
width: 48px;
|
|
130
|
+
height: 48px;
|
|
131
|
+
background: #292f3b;
|
|
132
|
+
transition: all 0.25s ease;
|
|
137
133
|
}
|
|
138
134
|
|
|
139
135
|
.pro-layout-menu .pro-layout-menu-collapsed:hover {
|
|
140
|
-
background-color: rgba(185, 185, 189, .1)
|
|
136
|
+
background-color: rgba(185, 185, 189, 0.1);
|
|
141
137
|
}
|
|
142
138
|
|
|
143
139
|
.pro-layout-menu .pro-layout-menu-collapsed img {
|
|
144
140
|
display: inline-block;
|
|
145
|
-
width
|
|
146
|
-
height
|
|
141
|
+
width: 20px;
|
|
142
|
+
height: 20px;
|
|
147
143
|
}
|
|
148
144
|
|
|
149
|
-
.pro-layout-menu-open
|
|
150
|
-
margin-left: 220px !important
|
|
145
|
+
.pro-layout-menu-open ~ .pro-layout-content {
|
|
146
|
+
margin-left: 220px !important;
|
|
151
147
|
}
|
|
152
148
|
}
|
|
@@ -17,6 +17,12 @@
|
|
|
17
17
|
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
18
18
|
padding-bottom: var(--zaui-space-size-sm, 8px) !important;
|
|
19
19
|
}
|
|
20
|
+
.pro-collapse-panel{
|
|
21
|
+
.@{ant-prefix}-collapse-header{
|
|
22
|
+
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
}
|
|
20
26
|
}
|
|
21
27
|
|
|
22
28
|
|
|
@@ -106,7 +112,7 @@
|
|
|
106
112
|
.pro-collapse-level2-collapse {
|
|
107
113
|
.@{ant-prefix}-collapse-header {
|
|
108
114
|
padding: 0 8px 6px !important;
|
|
109
|
-
border-bottom:
|
|
115
|
+
border-bottom: 1px solid #dee0e3;
|
|
110
116
|
margin: 0 -8px;
|
|
111
117
|
.@{ant-prefix}-collapse-arrow{
|
|
112
118
|
right: 8px;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
@root-entry-name: 'default';
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
3
|
|
|
4
|
-
@import
|
|
5
|
-
@import
|
|
6
|
-
@import
|
|
7
|
-
@import
|
|
8
|
-
|
|
4
|
+
@import '../components/Layout/index.less';
|
|
5
|
+
@import '../components/ProCollapse/style/index.less';
|
|
6
|
+
@import '../components/ProFooter/style/index.less';
|
|
7
|
+
@import '../components/ProHeader/style/index.less';
|
|
9
8
|
|
|
10
9
|
.pro-layout {
|
|
11
|
-
display
|
|
10
|
+
display: flex;
|
|
12
11
|
flex-direction: column;
|
|
13
|
-
background
|
|
12
|
+
background: var(--zaui-base-bg, #ffffff);
|
|
14
13
|
|
|
15
14
|
.pro-layout-menu-open {
|
|
16
15
|
.pro-layout-open-menu-lv1 {
|
|
@@ -22,7 +21,8 @@
|
|
|
22
21
|
|
|
23
22
|
// light模式
|
|
24
23
|
&.pro-layout-light {
|
|
25
|
-
|
|
24
|
+
.pro-layout-menu-collapsed {
|
|
25
|
+
}
|
|
26
26
|
|
|
27
27
|
.pro-layout-menu-open,
|
|
28
28
|
.pro-layout-menu {
|
|
@@ -30,80 +30,92 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.pro-layout-open-menu .@{ant-prefix}-menu-title-content div .pro-layout-icon {
|
|
33
|
-
color : var(--zaui-text, #343434);
|
|
34
33
|
position: relative;
|
|
35
|
-
z-index
|
|
34
|
+
z-index: 1;
|
|
35
|
+
color: var(--zaui-text, #343434);
|
|
36
36
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
&>div {
|
|
37
|
+
.pro-layout-menu-fold {
|
|
38
|
+
.pro-layout-menu-fold-list {
|
|
39
|
+
border-right: 1px solid #f0f0f0;
|
|
40
|
+
li {
|
|
43
41
|
position: relative;
|
|
44
|
-
z-index : 1;
|
|
45
|
-
}
|
|
46
42
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
div .pro-layout-icon {
|
|
51
|
-
color: #fff;
|
|
43
|
+
& > div {
|
|
44
|
+
position: relative;
|
|
45
|
+
z-index: 1;
|
|
52
46
|
}
|
|
53
47
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
border-radius
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
48
|
+
&.active {
|
|
49
|
+
background: transparent;
|
|
50
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
51
|
+
|
|
52
|
+
div .pro-layout-icon {
|
|
53
|
+
color: #fff;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&::before {
|
|
57
|
+
position: absolute;
|
|
58
|
+
top: 4px;
|
|
59
|
+
left: 5px;
|
|
60
|
+
width: calc(100% - 10px);
|
|
61
|
+
height: 38px;
|
|
62
|
+
background-color: var(--zaui-brand, #006aff);
|
|
63
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
64
|
+
opacity: 1 !important;
|
|
65
|
+
content: '';
|
|
66
|
+
}
|
|
64
67
|
}
|
|
65
|
-
}
|
|
66
68
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
69
|
+
&:hover {
|
|
70
|
+
background: transparent;
|
|
71
|
+
|
|
72
|
+
&::before {
|
|
73
|
+
position: absolute;
|
|
74
|
+
top: 4px;
|
|
75
|
+
left: 5px;
|
|
76
|
+
width: calc(100% - 10px);
|
|
77
|
+
height: 38px;
|
|
78
|
+
background-color: var(--zaui-brand, #006aff);
|
|
79
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
80
|
+
opacity: 0.08;
|
|
81
|
+
content: '';
|
|
82
|
+
}
|
|
80
83
|
}
|
|
81
84
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
color: var(--zaui-text, #343434);
|
|
85
|
+
div .pro-layout-icon {
|
|
86
|
+
color: var(--zaui-text, #343434);
|
|
87
|
+
}
|
|
86
88
|
}
|
|
87
89
|
}
|
|
88
90
|
}
|
|
89
91
|
|
|
90
|
-
|
|
91
|
-
.pro-layout-menu-fold-list li.active {
|
|
92
|
-
border-radius: var(--zaui-border-radius, 8px);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
92
|
.pro-layout-menu-collapsed {
|
|
96
93
|
position: relative;
|
|
94
|
+
background: var(--zaui-base-bg, #fff);
|
|
95
|
+
border-right: 1px solid #f0f0f0;
|
|
96
|
+
&:hover {
|
|
97
|
+
background: transparent !important;
|
|
98
|
+
}
|
|
99
|
+
&:hover::after {
|
|
100
|
+
position: absolute;
|
|
101
|
+
top: 5px;
|
|
102
|
+
left: 5px;
|
|
103
|
+
width: calc(100% - 10px);
|
|
104
|
+
height: 40px;
|
|
105
|
+
background-color: var(--zaui-brand, #006aff);
|
|
106
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
107
|
+
opacity: 0.08;
|
|
108
|
+
content: '';
|
|
109
|
+
}
|
|
97
110
|
|
|
98
111
|
&::before {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
width
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
112
|
+
position: absolute;
|
|
113
|
+
top: 0;
|
|
114
|
+
left: var(--zaui-space-size-sm, 8px);
|
|
115
|
+
width: calc(100% - 16px);
|
|
116
|
+
height: 1px;
|
|
117
|
+
background: #dee0e3;
|
|
118
|
+
content: '';
|
|
107
119
|
}
|
|
108
120
|
}
|
|
109
121
|
|
|
@@ -112,24 +124,22 @@
|
|
|
112
124
|
border-color: var(--zaui-text, #343434);
|
|
113
125
|
}
|
|
114
126
|
}
|
|
115
|
-
|
|
116
|
-
.pro-layout-menu-collapsed {
|
|
117
|
-
background: var(--zaui-base-bg, #fff);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
127
|
.@{ant-prefix}-menu-root {
|
|
121
128
|
overflow-x: hidden !important;
|
|
122
129
|
}
|
|
123
130
|
|
|
124
131
|
.anticon-caret-down {
|
|
125
|
-
color: #
|
|
132
|
+
color: #cacaca !important;
|
|
126
133
|
}
|
|
127
134
|
|
|
128
135
|
.pro-layout-row .pro-layout-menu {
|
|
129
136
|
background: var(--zaui-base-bg, #ffffff);
|
|
130
137
|
}
|
|
131
138
|
|
|
132
|
-
.pro-layout-open-menu
|
|
139
|
+
.pro-layout-open-menu
|
|
140
|
+
.@{ant-prefix}-menu-root
|
|
141
|
+
> .@{ant-prefix}-menu-submenu
|
|
142
|
+
.@{ant-prefix}-menu-sub {
|
|
133
143
|
background: var(--zaui-base-bg, #ffffff);
|
|
134
144
|
}
|
|
135
145
|
|
|
@@ -139,18 +149,18 @@
|
|
|
139
149
|
|
|
140
150
|
.pro-layout-open-menu .@{ant-prefix}-menu-item:hover,
|
|
141
151
|
.pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover {
|
|
152
|
+
position: relative;
|
|
142
153
|
background: transparent;
|
|
143
|
-
position : relative;
|
|
144
154
|
|
|
145
155
|
&:before {
|
|
146
|
-
|
|
147
|
-
|
|
156
|
+
position: absolute;
|
|
157
|
+
left: var(--zaui-space-size-sm, 8px);
|
|
158
|
+
width: calc(100% - 16px);
|
|
159
|
+
height: 38px;
|
|
148
160
|
background-color: var(--zaui-brand, #006aff);
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
left : var(--zaui-space-size-sm, 8px);
|
|
153
|
-
width : calc(100% - 16px);
|
|
161
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
162
|
+
opacity: 0.08;
|
|
163
|
+
content: '';
|
|
154
164
|
}
|
|
155
165
|
}
|
|
156
166
|
|
|
@@ -175,18 +185,18 @@
|
|
|
175
185
|
|
|
176
186
|
/** 内容区 */
|
|
177
187
|
.pro-layout-content {
|
|
178
|
-
|
|
188
|
+
z-index: 1;
|
|
189
|
+
flex: auto;
|
|
190
|
+
flex: auto;
|
|
191
|
+
min-height: calc(100vh - 48px);
|
|
192
|
+
margin-top: 48px;
|
|
179
193
|
margin-left: 48px;
|
|
180
|
-
padding
|
|
181
|
-
transition
|
|
182
|
-
z-index : 1;
|
|
183
|
-
flex : auto;
|
|
184
|
-
min-height : calc(100vh - 48px);
|
|
185
|
-
margin-top : 48px;
|
|
194
|
+
padding: 0 var(--zaui-space-size-lg, 32px);
|
|
195
|
+
transition: all 0.3s ease-in-out;
|
|
186
196
|
|
|
187
197
|
&.pro-layout-has-notice {
|
|
188
|
-
margin-top: 80px;
|
|
189
198
|
min-height: calc(100vh - 80px);
|
|
199
|
+
margin-top: 80px;
|
|
190
200
|
}
|
|
191
201
|
}
|
|
192
202
|
|
|
@@ -208,7 +218,7 @@
|
|
|
208
218
|
}
|
|
209
219
|
}
|
|
210
220
|
|
|
211
|
-
.pro-layout-header-pure
|
|
221
|
+
.pro-layout-header-pure + .pro-layout-row {
|
|
212
222
|
.pro-layout-sider-new-nav {
|
|
213
223
|
top: 0 !important;
|
|
214
224
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DevToolsPropsType } from '../../propsType';
|
|
2
|
-
declare const PrdTools: ({ onReset, onClose, setState,
|
|
2
|
+
declare const PrdTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
|
|
3
3
|
export default PrdTools;
|
|
@@ -24,7 +24,7 @@ var PrdTools = function PrdTools(_ref) {
|
|
|
24
24
|
var onReset = _ref.onReset,
|
|
25
25
|
onClose = _ref.onClose,
|
|
26
26
|
setState = _ref.setState,
|
|
27
|
-
|
|
27
|
+
open = _ref.open,
|
|
28
28
|
state = _ref.state,
|
|
29
29
|
tableBorder = _ref.tableBorder,
|
|
30
30
|
tableStripe = _ref.tableStripe,
|
|
@@ -68,7 +68,7 @@ var PrdTools = function PrdTools(_ref) {
|
|
|
68
68
|
title: "".concat(_locale.default.ProThemeTools.title),
|
|
69
69
|
placement: "right",
|
|
70
70
|
onClose: onClose,
|
|
71
|
-
open:
|
|
71
|
+
open: open,
|
|
72
72
|
closable: false,
|
|
73
73
|
children: [(0, _jsxRuntime.jsx)("div", {
|
|
74
74
|
className: "pro-drawer-close",
|
|
@@ -10,13 +10,14 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
var _icons = require("@ant-design/icons");
|
|
14
13
|
var _antd = require("antd");
|
|
15
14
|
var _react = require("react");
|
|
16
15
|
var _ahooks = require("ahooks");
|
|
16
|
+
var _reactSvg = require("react-svg");
|
|
17
17
|
var _lodash = require("lodash");
|
|
18
18
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
19
19
|
var _index = require("./utils/index");
|
|
20
|
+
var _setting = _interopRequireDefault(require("../assets/setting.svg"));
|
|
20
21
|
var _component = require("./component");
|
|
21
22
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
22
23
|
var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
|
|
@@ -54,24 +55,18 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
54
55
|
theme = _ref$theme === void 0 ? {} : _ref$theme,
|
|
55
56
|
onChange = _ref.onChange,
|
|
56
57
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
57
|
-
var
|
|
58
|
+
var _useToggle = (0, _ahooks.useToggle)(false),
|
|
59
|
+
_useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
|
|
60
|
+
visible = _useToggle2[0],
|
|
61
|
+
toggle = _useToggle2[1].toggle;
|
|
62
|
+
var _useState = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
|
|
58
63
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
var _useState3 = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
|
|
62
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
63
|
-
state = _useState4[0],
|
|
64
|
-
setState = _useState4[1];
|
|
64
|
+
state = _useState2[0],
|
|
65
|
+
setState = _useState2[1];
|
|
65
66
|
var previousState = (0, _ahooks.usePrevious)(state);
|
|
66
67
|
var zauiBrand = state.zauiBrand,
|
|
67
68
|
zauiStripe = state.zauiStripe,
|
|
68
69
|
zauiTableBorder = state.zauiTableBorder;
|
|
69
|
-
var showDrawer = function showDrawer() {
|
|
70
|
-
setVisible(true);
|
|
71
|
-
};
|
|
72
|
-
var onClose = function onClose() {
|
|
73
|
-
setVisible(false);
|
|
74
|
-
};
|
|
75
70
|
// 重置
|
|
76
71
|
var onReset = function onReset() {
|
|
77
72
|
setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig));
|
|
@@ -184,24 +179,21 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
184
179
|
'pro-theme-tools': true,
|
|
185
180
|
'pro-theme-tools-follow': iconFollowTheme
|
|
186
181
|
}, className, className));
|
|
187
|
-
return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
}
|
|
195
|
-
onClick: function onClick() {
|
|
196
|
-
showDrawer();
|
|
197
|
-
}
|
|
182
|
+
return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
183
|
+
children: [(0, _jsxRuntime.jsx)("div", {
|
|
184
|
+
className: cls,
|
|
185
|
+
onClick: toggle,
|
|
186
|
+
children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
|
|
187
|
+
className: "setting-icon",
|
|
188
|
+
src: _setting.default
|
|
189
|
+
})
|
|
198
190
|
}), (0, _jsxRuntime.jsx)(_component.PrdTools, {
|
|
199
191
|
prefixCls: prefixCls,
|
|
200
192
|
onReset: onReset,
|
|
201
|
-
onClose:
|
|
193
|
+
onClose: toggle,
|
|
202
194
|
onCopy: onCopy,
|
|
203
195
|
setState: setState,
|
|
204
|
-
|
|
196
|
+
open: visible,
|
|
205
197
|
state: state,
|
|
206
198
|
tableBorder: tableBorder,
|
|
207
199
|
tableStripe: tableStripe
|
|
@@ -5,18 +5,35 @@
|
|
|
5
5
|
|
|
6
6
|
.pro-theme-tools {
|
|
7
7
|
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
width: 34px;
|
|
11
|
+
height: 34px;
|
|
12
|
+
background: #d8e6ff;
|
|
13
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
|
|
16
|
+
.setting-icon {
|
|
17
|
+
margin-top: -1px;
|
|
18
|
+
div {
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
8
24
|
|
|
9
25
|
&.pro-theme-tools-follow {
|
|
26
|
+
background: var(--ant-primary-1);
|
|
10
27
|
svg {
|
|
11
28
|
color: var(--zaui-brand, #006aff);
|
|
12
29
|
}
|
|
13
30
|
}
|
|
14
31
|
|
|
15
32
|
.anticon {
|
|
16
|
-
color: var(--zaui-
|
|
33
|
+
color: var(--zaui-text, #343434);
|
|
17
34
|
|
|
18
35
|
svg {
|
|
19
|
-
font-size:
|
|
36
|
+
font-size: 20px;
|
|
20
37
|
}
|
|
21
38
|
}
|
|
22
39
|
}
|
|
@@ -36,16 +53,16 @@
|
|
|
36
53
|
|
|
37
54
|
.copy-btn {
|
|
38
55
|
position: absolute;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
56
|
+
bottom: 20px;
|
|
57
|
+
left: 32px;
|
|
58
|
+
z-index: 10;
|
|
59
|
+
width: calc(100% - 64px);
|
|
43
60
|
}
|
|
44
61
|
|
|
45
62
|
.pro-theme-tools-box {
|
|
46
|
-
display
|
|
63
|
+
display: flex;
|
|
64
|
+
flex-wrap: wrap;
|
|
47
65
|
justify-content: space-between;
|
|
48
|
-
flex-wrap : wrap;
|
|
49
66
|
}
|
|
50
67
|
|
|
51
68
|
.pro-theme-tools-space {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="21px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<title>icon-settings</title>
|
|
4
|
+
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
|
+
<g id="画板备份-17" transform="translate(-1223, -14)" fill="#231F20" fill-rule="nonzero" stroke="#333333" stroke-width="0.3">
|
|
6
|
+
<g id="编组-2" transform="translate(1209.2372, 0)">
|
|
7
|
+
<g id="icon-settings" transform="translate(14.4202, 15)">
|
|
8
|
+
<path d="M20.3848055,7.53659573 C20.2624144,6.90517801 19.8656126,6.49687157 19.3574341,6.49687157 L19.2693187,6.49687157 C17.8961096,6.49687157 16.7791849,5.40670117 16.7791849,4.0659785 C16.7791849,3.64243545 16.9874064,3.15949962 16.9954426,3.14030349 C17.2488001,2.58384094 17.0543916,1.90192685 16.5418484,1.55193559 L13.9650884,0.151544503 L13.9272182,0.133451014 C13.4117224,-0.0847484644 12.7061572,0.0549122231 12.3217819,0.445776738 C12.0436226,0.725799811 11.0846741,1.52424401 10.3529464,1.52424401 C9.61169334,1.52424401 8.65061387,0.709786336 8.37104252,0.424450467 C7.98733476,0.0307290821 7.28906108,-0.117076194 6.76773716,0.100747395 L4.09924158,1.52780256 L4.05918911,1.55268737 C3.54659457,1.90127525 3.35146717,2.5831643 3.60341257,3.13749673 C3.61211629,3.15777047 3.82110799,3.63677181 3.82110799,4.06600356 C3.82110799,5.40672622 2.70418334,6.49689663 1.33099995,6.49689663 L1.2268892,6.49689663 C0.73468034,6.49689663 0.337852817,6.90517801 0.215538765,7.53662079 C0.206424254,7.58105259 0,8.64957096 0,9.50630527 C0,10.3619369 0.206424254,11.4300794 0.215538765,11.4741603 C0.337852842,12.105979 0.73468034,12.5146363 1.24288452,12.5146363 L1.33099995,12.5146363 C2.70418336,12.5146363 3.82110799,13.6048318 3.82110799,14.9451535 C3.82110799,15.3715534 3.61214195,15.8526849 3.60413145,15.8711543 C3.35149282,16.4286944 3.54518244,17.1095309 4.05628784,17.457768 L6.58426601,18.8421957 L6.62285501,18.8592617 C7.1456424,19.0838515 7.85261977,18.9374246 8.23488975,18.5295191 C8.58799332,18.1570989 9.54475946,17.3838403 10.2473465,17.3838403 C11.0089339,17.3838403 11.9897315,18.249471 12.2722554,18.5536271 C12.5328788,18.8322217 12.9333521,19 13.3432737,19 C13.5347553,19 13.7160441,18.962986 13.8820564,18.8933687 L16.5032593,17.4834046 L16.5418483,17.4591713 C17.0543915,17.109556 17.2495446,16.4287195 16.9969316,15.8740362 C16.9881766,15.8534116 16.7792105,15.3743852 16.7792105,14.9451785 C16.7792105,13.6048568 17.8961352,12.5146614 19.2693442,12.5146614 L19.3720429,12.5146614 C19.8649193,12.5146614 20.26244,12.1060041 20.3848054,11.4741854 C20.3935348,11.4301045 20.6002928,10.361962 20.6002928,9.50633035 C20.6002928,8.64954589 20.3935349,7.58102751 20.3848055,7.53659573 M19.1062589,9.50628019 C19.1062589,10.0598859 18.9933931,10.7712959 18.9416844,11.0683599 C16.8818579,11.2332312 15.2851253,12.9132945 15.2851253,14.9451284 C15.2851253,15.518657 15.471549,16.0680024 15.5705761,16.3206848 L13.3345445,17.5259819 C13.2245799,17.413712 12.8998469,17.0938682 12.457909,16.7726211 C11.6817384,16.2111966 10.9375841,15.9244072 10.2473209,15.9244072 C9.56291156,15.9244072 8.82463676,16.2040795 8.05211198,16.7584119 C7.61233077,17.0711135 7.29198807,17.3823867 7.17984115,17.4975135 L5.0290237,16.3220881 C5.13387902,16.056625 5.31519344,15.5143716 5.31519344,14.9451284 C5.31519344,12.9132945 3.71846079,11.2332312 1.65937889,11.0683599 C1.60695125,10.7712959 1.49408545,10.0599109 1.49408545,9.50628019 C1.49408545,8.95157185 1.60695125,8.23983608 1.65937889,7.94277203 C3.71846079,7.77825158 5.31519344,6.09783742 5.31519344,4.06600356 C5.31519344,3.4956827 5.12879543,2.94455798 5.02976827,2.69225151 L7.32112879,1.46312209 C7.42087485,1.56050617 7.74779025,1.8728319 8.1948374,2.18340342 C8.95645045,2.71392862 9.68168251,2.98257437 10.3529721,2.98257437 C11.0177147,2.98257437 11.7378118,2.71891561 12.4943156,2.19869017 C12.9450086,1.8895471 13.2712051,1.58148161 13.3658419,1.49442234 L15.5712693,2.69012142 C15.4715233,2.94099944 15.2850996,3.4903449 15.2850996,4.06600358 C15.2850996,6.09783744 16.8818322,7.7782516 18.9416587,7.94277205 C18.9933931,8.2405127 19.1062589,8.95513042 19.1062589,9.50628019" id="形状"></path>
|
|
9
|
+
<path d="M10.3001356,6.5 C8.59640655,6.5 7.21010249,7.84598945 7.21010249,9.50014713 C7.21010249,11.1545781 8.5964282,12.5 10.3001356,12.5 C12.0038646,12.5 13.3901903,11.1545781 13.3901903,9.50014713 C13.3901903,7.84598945 12.0038646,6.5 10.3001356,6.5 M12.1303626,9.50014713 C12.1303626,10.4798072 11.3095002,11.276765 10.3001356,11.276765 C9.29079259,11.276765 8.47053634,10.4798072 8.47053634,9.50014713 C8.47053634,8.52105462 9.29079259,7.72378156 10.3001356,7.72378156 C11.3095002,7.72378156 12.1303626,8.52105462 12.1303626,9.50014713" id="形状"></path>
|
|
10
|
+
</g>
|
|
11
|
+
</g>
|
|
12
|
+
</g>
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|