yach.open.ui 0.0.44-beta4 → 0.0.44-beta5
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/yach.open.ui-with-locales.css +1 -1
- package/dist/yach.open.ui-with-locales.js +1 -1
- package/dist/yach.open.ui-with-locales.min.css +1 -1
- package/dist/yach.open.ui-with-locales.min.js +1 -1
- package/dist/yach.open.ui.css +1 -1
- package/dist/yach.open.ui.js +1 -1
- package/dist/yach.open.ui.min.css +1 -1
- package/dist/yach.open.ui.min.js +1 -1
- package/es/components/complex-picker/style/index.css +36 -0
- package/es/style/global.less +44 -44
- package/es/style/index.css +36 -0
- package/lib/components/complex-picker/style/index.css +36 -0
- package/lib/style/global.less +44 -44
- package/lib/style/index.css +36 -0
- package/package.json +1 -1
package/dist/yach.open.ui.css
CHANGED
package/dist/yach.open.ui.js
CHANGED
package/dist/yach.open.ui.min.js
CHANGED
|
@@ -2,6 +2,42 @@
|
|
|
2
2
|
.global {
|
|
3
3
|
color: inherit;
|
|
4
4
|
}
|
|
5
|
+
#ComplexPicker .ant-tabs,
|
|
6
|
+
#ComplexPicker .ant-tabs-content {
|
|
7
|
+
height: 100%;
|
|
8
|
+
}
|
|
9
|
+
#ComplexPicker .ant-tabs-top .customTabBar {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 40px;
|
|
12
|
+
border-bottom: 1px solid #e9e9e9;
|
|
13
|
+
}
|
|
14
|
+
#ComplexPicker .ant-tabs-top .customTabBar .iconBack {
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
color: #60626c;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
align-self: center;
|
|
19
|
+
margin: 0 32px 0 21px;
|
|
20
|
+
}
|
|
21
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav {
|
|
22
|
+
height: 40px;
|
|
23
|
+
flex: 1;
|
|
24
|
+
}
|
|
25
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav::before {
|
|
26
|
+
border-bottom: none !important;
|
|
27
|
+
}
|
|
28
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab {
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
}
|
|
31
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn,
|
|
32
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn:focus {
|
|
33
|
+
color: #1f2227;
|
|
34
|
+
}
|
|
35
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
|
36
|
+
font-weight: 500;
|
|
37
|
+
}
|
|
38
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-ink-bar {
|
|
39
|
+
background-color: #286cfb;
|
|
40
|
+
}
|
|
5
41
|
.commonListBox {
|
|
6
42
|
flex: 1;
|
|
7
43
|
height: calc(100% - 53px);
|
package/es/style/global.less
CHANGED
|
@@ -5,48 +5,48 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
#ComplexPicker {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
8
|
+
.ant-tabs,
|
|
9
|
+
.ant-tabs-content {
|
|
10
|
+
height: 100%;
|
|
11
|
+
}
|
|
12
|
+
.ant-tabs-top {
|
|
13
|
+
// 自定义tab顶部+返回按钮
|
|
14
|
+
.customTabBar {
|
|
15
|
+
display: flex;
|
|
16
|
+
height: 40px;
|
|
17
|
+
border-bottom: 1px solid #e9e9e9;
|
|
18
|
+
.iconBack {
|
|
19
|
+
font-size: 12px;
|
|
20
|
+
color: #60626c;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
align-self: center;
|
|
23
|
+
margin: 0 32px 0 21px;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
// 自定义高度+去除下边框
|
|
27
|
+
.ant-tabs-nav {
|
|
28
|
+
height: 40px;
|
|
29
|
+
flex: 1;
|
|
30
|
+
&::before {
|
|
31
|
+
border-bottom: none !important;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
// 每个tab样式
|
|
35
|
+
.ant-tabs-tab {
|
|
36
|
+
font-size: 12px;
|
|
37
|
+
.ant-tabs-tab-btn,
|
|
38
|
+
.ant-tabs-tab-btn:focus {
|
|
39
|
+
color: #1f2227;
|
|
40
|
+
}
|
|
41
|
+
&.ant-tabs-tab-active {
|
|
42
|
+
.ant-tabs-tab-btn {
|
|
43
|
+
font-weight: 500;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
// 激活底部蓝边
|
|
48
|
+
.ant-tabs-ink-bar {
|
|
49
|
+
background-color: #286cfb;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
52
|
}
|
package/es/style/index.css
CHANGED
|
@@ -2,3 +2,39 @@
|
|
|
2
2
|
.global {
|
|
3
3
|
color: inherit;
|
|
4
4
|
}
|
|
5
|
+
#ComplexPicker .ant-tabs,
|
|
6
|
+
#ComplexPicker .ant-tabs-content {
|
|
7
|
+
height: 100%;
|
|
8
|
+
}
|
|
9
|
+
#ComplexPicker .ant-tabs-top .customTabBar {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 40px;
|
|
12
|
+
border-bottom: 1px solid #e9e9e9;
|
|
13
|
+
}
|
|
14
|
+
#ComplexPicker .ant-tabs-top .customTabBar .iconBack {
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
color: #60626c;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
align-self: center;
|
|
19
|
+
margin: 0 32px 0 21px;
|
|
20
|
+
}
|
|
21
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav {
|
|
22
|
+
height: 40px;
|
|
23
|
+
flex: 1;
|
|
24
|
+
}
|
|
25
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav::before {
|
|
26
|
+
border-bottom: none !important;
|
|
27
|
+
}
|
|
28
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab {
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
}
|
|
31
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn,
|
|
32
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn:focus {
|
|
33
|
+
color: #1f2227;
|
|
34
|
+
}
|
|
35
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
|
36
|
+
font-weight: 500;
|
|
37
|
+
}
|
|
38
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-ink-bar {
|
|
39
|
+
background-color: #286cfb;
|
|
40
|
+
}
|
|
@@ -2,6 +2,42 @@
|
|
|
2
2
|
.global {
|
|
3
3
|
color: inherit;
|
|
4
4
|
}
|
|
5
|
+
#ComplexPicker .ant-tabs,
|
|
6
|
+
#ComplexPicker .ant-tabs-content {
|
|
7
|
+
height: 100%;
|
|
8
|
+
}
|
|
9
|
+
#ComplexPicker .ant-tabs-top .customTabBar {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 40px;
|
|
12
|
+
border-bottom: 1px solid #e9e9e9;
|
|
13
|
+
}
|
|
14
|
+
#ComplexPicker .ant-tabs-top .customTabBar .iconBack {
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
color: #60626c;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
align-self: center;
|
|
19
|
+
margin: 0 32px 0 21px;
|
|
20
|
+
}
|
|
21
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav {
|
|
22
|
+
height: 40px;
|
|
23
|
+
flex: 1;
|
|
24
|
+
}
|
|
25
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav::before {
|
|
26
|
+
border-bottom: none !important;
|
|
27
|
+
}
|
|
28
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab {
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
}
|
|
31
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn,
|
|
32
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn:focus {
|
|
33
|
+
color: #1f2227;
|
|
34
|
+
}
|
|
35
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
|
36
|
+
font-weight: 500;
|
|
37
|
+
}
|
|
38
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-ink-bar {
|
|
39
|
+
background-color: #286cfb;
|
|
40
|
+
}
|
|
5
41
|
.commonListBox {
|
|
6
42
|
flex: 1;
|
|
7
43
|
height: calc(100% - 53px);
|
package/lib/style/global.less
CHANGED
|
@@ -5,48 +5,48 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
#ComplexPicker {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
8
|
+
.ant-tabs,
|
|
9
|
+
.ant-tabs-content {
|
|
10
|
+
height: 100%;
|
|
11
|
+
}
|
|
12
|
+
.ant-tabs-top {
|
|
13
|
+
// 自定义tab顶部+返回按钮
|
|
14
|
+
.customTabBar {
|
|
15
|
+
display: flex;
|
|
16
|
+
height: 40px;
|
|
17
|
+
border-bottom: 1px solid #e9e9e9;
|
|
18
|
+
.iconBack {
|
|
19
|
+
font-size: 12px;
|
|
20
|
+
color: #60626c;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
align-self: center;
|
|
23
|
+
margin: 0 32px 0 21px;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
// 自定义高度+去除下边框
|
|
27
|
+
.ant-tabs-nav {
|
|
28
|
+
height: 40px;
|
|
29
|
+
flex: 1;
|
|
30
|
+
&::before {
|
|
31
|
+
border-bottom: none !important;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
// 每个tab样式
|
|
35
|
+
.ant-tabs-tab {
|
|
36
|
+
font-size: 12px;
|
|
37
|
+
.ant-tabs-tab-btn,
|
|
38
|
+
.ant-tabs-tab-btn:focus {
|
|
39
|
+
color: #1f2227;
|
|
40
|
+
}
|
|
41
|
+
&.ant-tabs-tab-active {
|
|
42
|
+
.ant-tabs-tab-btn {
|
|
43
|
+
font-weight: 500;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
// 激活底部蓝边
|
|
48
|
+
.ant-tabs-ink-bar {
|
|
49
|
+
background-color: #286cfb;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
52
|
}
|
package/lib/style/index.css
CHANGED
|
@@ -2,3 +2,39 @@
|
|
|
2
2
|
.global {
|
|
3
3
|
color: inherit;
|
|
4
4
|
}
|
|
5
|
+
#ComplexPicker .ant-tabs,
|
|
6
|
+
#ComplexPicker .ant-tabs-content {
|
|
7
|
+
height: 100%;
|
|
8
|
+
}
|
|
9
|
+
#ComplexPicker .ant-tabs-top .customTabBar {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 40px;
|
|
12
|
+
border-bottom: 1px solid #e9e9e9;
|
|
13
|
+
}
|
|
14
|
+
#ComplexPicker .ant-tabs-top .customTabBar .iconBack {
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
color: #60626c;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
align-self: center;
|
|
19
|
+
margin: 0 32px 0 21px;
|
|
20
|
+
}
|
|
21
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav {
|
|
22
|
+
height: 40px;
|
|
23
|
+
flex: 1;
|
|
24
|
+
}
|
|
25
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-nav::before {
|
|
26
|
+
border-bottom: none !important;
|
|
27
|
+
}
|
|
28
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab {
|
|
29
|
+
font-size: 12px;
|
|
30
|
+
}
|
|
31
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn,
|
|
32
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab .ant-tabs-tab-btn:focus {
|
|
33
|
+
color: #1f2227;
|
|
34
|
+
}
|
|
35
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
|
36
|
+
font-weight: 500;
|
|
37
|
+
}
|
|
38
|
+
#ComplexPicker .ant-tabs-top .ant-tabs-ink-bar {
|
|
39
|
+
background-color: #286cfb;
|
|
40
|
+
}
|