lh-ui-next 0.2.1-beta.1 → 0.2.1-beta.11
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/README.md +1 -1
- package/lib/css/dev.css +1 -1
- package/lib/lh-ui-next.mjs +54 -19
- package/lib/lh-ui-next.umd.js +1 -1
- package/package.json +1 -1
- package/static/css/lhseer/dom.less +7 -0
- package/static/css/package/checkbox.less +37 -5
- package/static/css/package/date.less +9 -0
- package/static/css/package/slider.less +17 -22
- package/static/css/theme-compact-blue/main.css +1 -1
- package/static/css/theme-compact-dark/main.css +1 -1
- package/static/css/theme-compact-dark/main.less +1 -1
- package/static/css/theme-compact-dark/theme-compact-blue-dark.less +4852 -0
- package/static/css/theme-loose-blue/main.css +1 -1
- package/static/css/theme-loose-orange/main.css +1 -1
- package/static/iconFontComponent/iconfont.css +566 -566
- package/static/iconFontComponent/iconfont.json +968 -968
- package/static/iconFontComponent/iconfont.svg +293 -293
- package/static/css/compact/dark.less +0 -173
package/package.json
CHANGED
|
@@ -88,3 +88,10 @@ pre {
|
|
|
88
88
|
//为了保证某些浏览器下 textarea自带的 userAgent style中设置为 monospace这种奇葩的效果。所以咱们首先改成雅黑
|
|
89
89
|
font-family:"Microsoft YaHei";
|
|
90
90
|
}
|
|
91
|
+
|
|
92
|
+
input[type='number'] {
|
|
93
|
+
-moz-appearance:textfield;
|
|
94
|
+
}
|
|
95
|
+
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
|
|
96
|
+
-webkit-appearance: none;margin: 0;
|
|
97
|
+
}
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
+ .lh-checkbox{
|
|
7
7
|
margin-left: 14px;
|
|
8
8
|
}
|
|
9
|
-
|
|
10
9
|
.lh-checkbox-outbox{
|
|
11
10
|
display: inline-block;
|
|
12
11
|
position: relative;
|
|
@@ -74,7 +73,14 @@
|
|
|
74
73
|
line-height: 22px;
|
|
75
74
|
float: left;
|
|
76
75
|
}
|
|
77
|
-
|
|
76
|
+
//圆形checkbox按钮
|
|
77
|
+
&.circle {
|
|
78
|
+
.lh-checkbox-outbox {
|
|
79
|
+
.lh-checkbox-innerbox {
|
|
80
|
+
border-radius: 50% !important;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
78
84
|
&.checked{
|
|
79
85
|
.lh-checkbox-outbox {
|
|
80
86
|
.lh-checkbox-innerbox{
|
|
@@ -115,7 +121,6 @@
|
|
|
115
121
|
.lh-checkbox-innerbox{
|
|
116
122
|
width: 14px;
|
|
117
123
|
height: 14px;
|
|
118
|
-
border-radius:2px;
|
|
119
124
|
margin-top: 1px;
|
|
120
125
|
&.indeterminate{
|
|
121
126
|
&::after {
|
|
@@ -128,7 +133,6 @@
|
|
|
128
133
|
.lh-checkbox-text{
|
|
129
134
|
font-size: 12px;
|
|
130
135
|
}
|
|
131
|
-
|
|
132
136
|
&.checked{
|
|
133
137
|
.lh-checkbox-outbox {
|
|
134
138
|
.lh-checkbox-innerbox{
|
|
@@ -139,7 +143,35 @@
|
|
|
139
143
|
}
|
|
140
144
|
}
|
|
141
145
|
}
|
|
142
|
-
|
|
146
|
+
}
|
|
147
|
+
&.big{
|
|
148
|
+
.lh-checkbox-outbox {
|
|
149
|
+
.lh-checkbox-innerbox{
|
|
150
|
+
width: 20px;
|
|
151
|
+
height: 20px;
|
|
152
|
+
border-radius:2px;
|
|
153
|
+
margin-top: 1px;
|
|
154
|
+
&.indeterminate{
|
|
155
|
+
&::after {
|
|
156
|
+
height: 6px;
|
|
157
|
+
width: 6px;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
.lh-checkbox-text{
|
|
163
|
+
font-size: 16px;
|
|
164
|
+
}
|
|
165
|
+
&.checked{
|
|
166
|
+
.lh-checkbox-outbox {
|
|
167
|
+
.lh-checkbox-innerbox{
|
|
168
|
+
&::after{
|
|
169
|
+
top:4px;
|
|
170
|
+
transform:translateY(1px) rotateY(180deg) rotateZ(45deg) scale(1.2);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
143
175
|
}
|
|
144
176
|
|
|
145
177
|
&:not(.disabled):hover{
|
|
@@ -42,34 +42,29 @@
|
|
|
42
42
|
cursor: grab;
|
|
43
43
|
cursor: -moz-grab;
|
|
44
44
|
cursor: -webkit-grab;
|
|
45
|
-
transform: scale(1.2);
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
48
|
+
//&:hover {
|
|
49
|
+
// height: 58px;
|
|
50
|
+
// top: -38px;
|
|
51
|
+
// .lh-slider-button-wrapper {
|
|
52
|
+
// cursor: grab;
|
|
53
|
+
// cursor: -moz-grab;
|
|
54
|
+
// cursor: -webkit-grab;
|
|
55
|
+
// }
|
|
56
|
+
// .lh-slider-tooltip {
|
|
57
|
+
// display: inline-block;
|
|
58
|
+
// }
|
|
59
|
+
// .grabbing {
|
|
60
|
+
// cursor: grabbing;
|
|
61
|
+
// cursor: -moz-grabbing;
|
|
62
|
+
// cursor: -webkit-grabbing;
|
|
63
|
+
// }
|
|
64
|
+
//}
|
|
67
65
|
&:active {
|
|
68
66
|
height: 50px;
|
|
69
67
|
top: -38px;
|
|
70
|
-
.lh-slider-button-wrapper {
|
|
71
|
-
transform: scale(1.2);
|
|
72
|
-
}
|
|
73
68
|
.lh-slider-tooltip {
|
|
74
69
|
display: inline-block;
|
|
75
70
|
}
|