@moneko/core 2.0.0-beta.4 → 2.0.0-beta.41
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/{lib/utils → build}/color-palette.d.ts +0 -0
- package/build/color-palette.js +1 -0
- package/build/common.js +1 -1
- package/build/envFlags.d.ts +1 -1
- package/build/envFlags.js +1 -1
- package/build/minify.d.ts +1 -1
- package/build/modifyVars.js +1 -1
- package/build/module.config.js +1 -1
- package/build/process-env.d.ts +3 -1
- package/build/process-env.js +1 -1
- package/build/swcrc.js +1 -1
- package/build/tsloader.config.js +1 -1
- package/build/utils.d.ts +9 -6
- package/build/utils.js +1 -1
- package/{lib/utils/theme.d.ts → build/variables.d.ts} +9 -1
- package/build/variables.js +1 -0
- package/build/webpack.common.js +1 -1
- package/build/webpack.dev.js +1 -1
- package/build/webpack.prod.js +1 -1
- package/lib/components/app-router/index.d.ts +2 -2
- package/lib/components/app-router/index.js +1 -1
- package/lib/components/app-router/index.js.map +1 -1
- package/lib/components/fallback/index.js.map +1 -1
- package/lib/components/fallback-comp/index.js.map +1 -1
- package/lib/components/layout-menu/index.js.map +1 -1
- package/lib/hooks/navgate.js.map +1 -1
- package/lib/index.d.ts +3 -9
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/packages/back-stage/app.d.ts +0 -2
- package/lib/packages/back-stage/app.js +1 -1
- package/lib/packages/back-stage/app.js.map +1 -1
- package/lib/packages/back-stage/index.d.ts +1 -1
- package/lib/packages/back-stage/index.js +1 -1
- package/lib/packages/back-stage/index.js.map +1 -1
- package/lib/packages/back-stage/layout/index.js +1 -1
- package/lib/packages/back-stage/layout/index.js.map +1 -1
- package/lib/packages/back-stage/models/app-program.d.ts +1 -1
- package/lib/packages/back-stage/models/app-program.js.map +1 -1
- package/lib/packages/library/app.js.map +1 -1
- package/lib/packages/library/index.d.ts +1 -1
- package/lib/packages/library/index.js +1 -1
- package/lib/packages/library/index.js.map +1 -1
- package/lib/packages/mobile/app.js.map +1 -1
- package/lib/packages/mobile/index.d.ts +1 -1
- package/lib/packages/mobile/index.js +1 -1
- package/lib/packages/mobile/index.js.map +1 -1
- package/lib/packages/single-spa/app.js.map +1 -1
- package/lib/packages/single-spa/bootstrap.js.map +1 -1
- package/lib/packages/single-spa/index.d.ts +1 -1
- package/lib/packages/single-spa/index.js +1 -1
- package/lib/packages/single-spa/index.js.map +1 -1
- package/lib/packages/site/app.js.map +1 -1
- package/lib/packages/site/index.d.ts +1 -1
- package/lib/packages/site/index.js +1 -1
- package/lib/packages/site/index.js.map +1 -1
- package/lib/prefix/react-router-dom.js.map +1 -1
- package/lib/router/index.d.ts +13 -5
- package/lib/router/index.js +1 -1
- package/lib/router/index.js.map +1 -1
- package/lib/styles/animation.css +58 -0
- package/lib/styles/normalize.css +96 -21
- package/lib/styles/variables.css +40 -0
- package/lib/utils/index.d.ts +1 -2
- package/lib/utils/index.js +1 -1
- package/lib/utils/index.js.map +1 -1
- package/package.json +23 -23
- package/typings/global.d.ts +31 -11
- package/build/has-antd.d.ts +0 -3
- package/build/has-antd.js +0 -1
- package/lib/components/readme/index.d.ts +0 -3
- package/lib/components/readme/index.js +0 -2
- package/lib/components/readme/index.js.map +0 -1
- package/lib/components/readme/index.less +0 -4
- package/lib/packages/back-stage/antd.global.less +0 -67
- package/lib/styles/animation.less +0 -58
- package/lib/styles/ant.variables.global.less +0 -231
- package/lib/styles/eval/bezierEasing.less +0 -106
- package/lib/styles/eval/colorPalette.less +0 -73
- package/lib/styles/eval/tinyColor.less +0 -1181
- package/lib/styles/index.global.less +0 -136
- package/lib/styles/vars.less +0 -98
- package/lib/utils/color-palette.js +0 -2
- package/lib/utils/color-palette.js.map +0 -1
- package/lib/utils/lazy-import.d.ts +0 -34
- package/lib/utils/lazy-import.js +0 -2
- package/lib/utils/lazy-import.js.map +0 -1
- package/lib/utils/theme.js +0 -2
- package/lib/utils/theme.js.map +0 -1
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
@keyframes route-in {
|
|
2
|
-
from {
|
|
3
|
-
transform: translate3d(0, 1rem, 0);
|
|
4
|
-
opacity: 0;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
to {
|
|
8
|
-
transform: translate3d(0, 0, 0);
|
|
9
|
-
opacity: 1;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@keyframes route-out {
|
|
14
|
-
from {
|
|
15
|
-
transform: translate3d(0, 0, 0);
|
|
16
|
-
opacity: 1;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
to {
|
|
20
|
-
z-index: -1;
|
|
21
|
-
transform: translate3d(0, 1rem, 0);
|
|
22
|
-
opacity: 0;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@keyframes fade-in {
|
|
27
|
-
from {
|
|
28
|
-
opacity: 0;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
to {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@keyframes fade-out {
|
|
37
|
-
from {
|
|
38
|
-
opacity: 1;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
to {
|
|
42
|
-
opacity: 0;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@keyframes avatar-in {
|
|
47
|
-
0% {
|
|
48
|
-
transform: scale(30);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
20% {
|
|
52
|
-
transform: scale(30);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
100% {
|
|
56
|
-
transform: scale(1);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
@@ -1,231 +0,0 @@
|
|
|
1
|
-
.@{ant-prefix}-input-affix-wrapper-focused,
|
|
2
|
-
.@{ant-prefix}-input-affix-wrapper:focus,
|
|
3
|
-
.@{ant-prefix}-input-focused,
|
|
4
|
-
.@{ant-prefix}-input:focus,
|
|
5
|
-
.@{ant-prefix}-input-number-focused,
|
|
6
|
-
.@{ant-prefix}-input-number:focus,
|
|
7
|
-
.@{ant-prefix}-picker-focused,
|
|
8
|
-
.@{ant-prefix}-pagination-options-quick-jumper input-focused,
|
|
9
|
-
.@{ant-prefix}-pagination-options-quick-jumper input:focus,
|
|
10
|
-
.@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
|
|
11
|
-
.@{ant-prefix}-select-selector {
|
|
12
|
-
border-color: var(--primary-color-hover) !important;
|
|
13
|
-
box-shadow: @input-outline-offset @outline-blur-size @outline-width var(--primary-color-outline) !important;
|
|
14
|
-
}
|
|
15
|
-
.@{ant-prefix}-upload.@{ant-prefix}-upload-drag:not(.@{ant-prefix}-upload-disabled):hover {
|
|
16
|
-
border-color: var(--primary-color-hover) !important;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.@{ant-prefix}-tree {
|
|
20
|
-
&.@{ant-prefix}-tree-block-node &-list-holder-inner &-treenode.dragging:after {
|
|
21
|
-
border-color: var(--primary-color, @primary-color) !important;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&-drop-indicator {
|
|
25
|
-
background-color: var(--primary-color, @primary-color) !important;
|
|
26
|
-
|
|
27
|
-
&::after {
|
|
28
|
-
border: 2px solid var(--primary-color, @primary-color) !important;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// picker
|
|
34
|
-
.@{ant-prefix}-picker-cell-in-view {
|
|
35
|
-
&.@{ant-prefix}-picker-cell-today .@{ant-prefix}-picker-cell-inner:before {
|
|
36
|
-
border-color: var(--primary-color) !important;
|
|
37
|
-
}
|
|
38
|
-
&.@{ant-prefix}-picker-cell-range-end,
|
|
39
|
-
&.@{ant-prefix}-picker-cell-range-start,
|
|
40
|
-
&.@{ant-prefix}-picker-cell-selected {
|
|
41
|
-
.@{ant-prefix}-picker-cell-inner {
|
|
42
|
-
background: var(--primary-color) !important;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.@{ant-prefix}-picker-header-view button:hover {
|
|
48
|
-
color: var(--primary-color) !important;
|
|
49
|
-
}
|
|
50
|
-
.@{ant-prefix}-pagination {
|
|
51
|
-
&-next:hover,
|
|
52
|
-
&-prev:hover {
|
|
53
|
-
.@{ant-prefix}-pagination-item-link {
|
|
54
|
-
border-color: var(--primary-color) !important;
|
|
55
|
-
color: var(--primary-color) !important;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&-item-active,
|
|
60
|
-
&-item:hover {
|
|
61
|
-
border-color: var(--primary-color) !important;
|
|
62
|
-
|
|
63
|
-
a {
|
|
64
|
-
color: @pagination-item-active-color !important;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.@{ant-prefix}-transfer-list-content-item-checked,
|
|
70
|
-
.@{ant-prefix}-picker-time-panel-column
|
|
71
|
-
> li.@{ant-prefix}-picker-time-panel-cell-selected
|
|
72
|
-
.@{ant-prefix}-picker-time-panel-cell-inner {
|
|
73
|
-
background: var(--primary-1) !important;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.@{ant-prefix}-tag-processing {
|
|
77
|
-
color: var(--primary-color, @primary-color) !important;
|
|
78
|
-
background: var(--primary-color-deprecated-bg) !important;
|
|
79
|
-
border-color: var(--primary-color-deprecated-border) !important;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.@{ant-prefix}-tag-danger {
|
|
83
|
-
color: var(--error-color, @error-color) !important;
|
|
84
|
-
background: var(--error-color-deprecated-bg) !important;
|
|
85
|
-
border-color: var(--error-color-deprecated-border) !important;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
.@{ant-prefix}-typography.@{ant-prefix}-typography-success {
|
|
90
|
-
color: var(--success-color) !important;
|
|
91
|
-
|
|
92
|
-
&:hover {
|
|
93
|
-
color: var(--success-color-hover) !important;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
&:active,
|
|
97
|
-
&:focus {
|
|
98
|
-
color: var(--success-color-active) !important;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
.@{ant-prefix}-typography.@{ant-prefix}-typography-danger {
|
|
104
|
-
color: var(--error-color) !important;
|
|
105
|
-
|
|
106
|
-
&:hover {
|
|
107
|
-
color: var(--error-color-hover) !important;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
&:active,
|
|
111
|
-
&:focus {
|
|
112
|
-
color: var(--error-color-active) !important;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.@{ant-prefix}-typography.@{ant-prefix}-typography-warning {
|
|
117
|
-
color: var(--warning-color) !important;
|
|
118
|
-
|
|
119
|
-
&:hover {
|
|
120
|
-
color: var(--warning-color-hover) !important;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
&:active,
|
|
124
|
-
&:focus {
|
|
125
|
-
color: var(--warning-color-active) !important;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
// btn
|
|
130
|
-
.@{ant-prefix}-btn {
|
|
131
|
-
&:hover,
|
|
132
|
-
&:focus {
|
|
133
|
-
color: var(--primary-color-hover) !important;
|
|
134
|
-
border-color: var(--primary-color-hover) !important;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
&:active {
|
|
138
|
-
color: var(--primary-color-active) !important;
|
|
139
|
-
border-color: var(--primary-color-active) !important;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
&[disabled] {
|
|
143
|
-
&,
|
|
144
|
-
&:active,
|
|
145
|
-
&:focus,
|
|
146
|
-
&:hover {
|
|
147
|
-
color: var(--disabled-color) !important;
|
|
148
|
-
border-color: @border-color-base !important;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
&-primary {
|
|
153
|
-
color: #fff !important;
|
|
154
|
-
background: @btn-primary-bg !important;
|
|
155
|
-
border-color: @btn-primary-bg !important;
|
|
156
|
-
|
|
157
|
-
&:hover,
|
|
158
|
-
&:focus {
|
|
159
|
-
color: #fff !important;
|
|
160
|
-
background: var(--primary-color-hover) !important;
|
|
161
|
-
border-color: var(--primary-color-hover) !important;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
&:active {
|
|
165
|
-
color: #fff !important;
|
|
166
|
-
background: var(--primary-color-active) !important;
|
|
167
|
-
border-color: var(--primary-color-active) !important;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
&[disabled] {
|
|
171
|
-
&,
|
|
172
|
-
&:active,
|
|
173
|
-
&:focus,
|
|
174
|
-
&:hover {
|
|
175
|
-
color: var(--disabled-color) !important;
|
|
176
|
-
background: @disabled-bg !important;
|
|
177
|
-
border-color: @border-color-base !important;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
&-link {
|
|
183
|
-
border-color: transparent !important;
|
|
184
|
-
|
|
185
|
-
&:hover,
|
|
186
|
-
&:focus {
|
|
187
|
-
border-color: transparent !important;
|
|
188
|
-
color: var(--primary-color-hover) !important;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
&:active {
|
|
192
|
-
border-color: transparent !important;
|
|
193
|
-
color: var(--primary-color-active) !important;
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
&-dangerous {
|
|
198
|
-
background: #fff;
|
|
199
|
-
border-color: var(--error-color);
|
|
200
|
-
color: var(--error-color);
|
|
201
|
-
|
|
202
|
-
&:hover,
|
|
203
|
-
&:focus {
|
|
204
|
-
color: var(--error-color-hover) !important;
|
|
205
|
-
border-color: var(--error-color-hover) !important;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
&:active {
|
|
209
|
-
color: var(--error-color-active) !important;
|
|
210
|
-
border-color: var(--error-color-active) !important;
|
|
211
|
-
}
|
|
212
|
-
&.@{ant-prefix}-btn-primary {
|
|
213
|
-
color: #fff;
|
|
214
|
-
background: var(--error-color) !important;
|
|
215
|
-
border-color: var(--error-color) !important;
|
|
216
|
-
|
|
217
|
-
&:hover,
|
|
218
|
-
&:focus {
|
|
219
|
-
color: #fff !important;
|
|
220
|
-
background: var(--error-color-hover) !important;
|
|
221
|
-
border-color: var(--error-color-hover) !important;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
&:active {
|
|
225
|
-
color: #fff !important;
|
|
226
|
-
background: var(--error-color-active) !important;
|
|
227
|
-
border-color: var(--error-color-active) !important;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
.bezierEasingMixin() {
|
|
2
|
-
@functions: ~`(function() {
|
|
3
|
-
var NEWTON_ITERATIONS = 4;
|
|
4
|
-
var NEWTON_MIN_SLOPE = 0.001;
|
|
5
|
-
var SUBDIVISION_PRECISION = 0.0000001;
|
|
6
|
-
var SUBDIVISION_MAX_ITERATIONS = 10;
|
|
7
|
-
|
|
8
|
-
var kSplineTableSize = 11;
|
|
9
|
-
var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
|
|
10
|
-
|
|
11
|
-
var float32ArraySupported = typeof Float32Array === 'function';
|
|
12
|
-
|
|
13
|
-
function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
|
|
14
|
-
function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
|
|
15
|
-
function C (aA1) { return 3.0 * aA1; }
|
|
16
|
-
|
|
17
|
-
// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
|
|
18
|
-
function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
|
|
19
|
-
|
|
20
|
-
// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
|
|
21
|
-
function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
|
|
22
|
-
|
|
23
|
-
function binarySubdivide (aX, aA, aB, mX1, mX2) {
|
|
24
|
-
var currentX, currentT, i = 0;
|
|
25
|
-
do {
|
|
26
|
-
currentT = aA + (aB - aA) / 2.0;
|
|
27
|
-
currentX = calcBezier(currentT, mX1, mX2) - aX;
|
|
28
|
-
if (currentX > 0.0) {
|
|
29
|
-
aB = currentT;
|
|
30
|
-
} else {
|
|
31
|
-
aA = currentT;
|
|
32
|
-
}
|
|
33
|
-
} while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
|
|
34
|
-
return currentT;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
|
|
38
|
-
for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
|
|
39
|
-
var currentSlope = getSlope(aGuessT, mX1, mX2);
|
|
40
|
-
if (currentSlope === 0.0) {
|
|
41
|
-
return aGuessT;
|
|
42
|
-
}
|
|
43
|
-
var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
|
|
44
|
-
aGuessT -= currentX / currentSlope;
|
|
45
|
-
}
|
|
46
|
-
return aGuessT;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
var BezierEasing = function (mX1, mY1, mX2, mY2) {
|
|
50
|
-
if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
|
|
51
|
-
throw new Error('bezier x values must be in [0, 1] range');
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// Precompute samples table
|
|
55
|
-
var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
|
|
56
|
-
if (mX1 !== mY1 || mX2 !== mY2) {
|
|
57
|
-
for (var i = 0; i < kSplineTableSize; ++i) {
|
|
58
|
-
sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
function getTForX (aX) {
|
|
63
|
-
var intervalStart = 0.0;
|
|
64
|
-
var currentSample = 1;
|
|
65
|
-
var lastSample = kSplineTableSize - 1;
|
|
66
|
-
|
|
67
|
-
for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
|
|
68
|
-
intervalStart += kSampleStepSize;
|
|
69
|
-
}
|
|
70
|
-
--currentSample;
|
|
71
|
-
|
|
72
|
-
// Interpolate to provide an initial guess for t
|
|
73
|
-
var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
|
|
74
|
-
var guessForT = intervalStart + dist * kSampleStepSize;
|
|
75
|
-
|
|
76
|
-
var initialSlope = getSlope(guessForT, mX1, mX2);
|
|
77
|
-
if (initialSlope >= NEWTON_MIN_SLOPE) {
|
|
78
|
-
return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
|
|
79
|
-
} else if (initialSlope === 0.0) {
|
|
80
|
-
return guessForT;
|
|
81
|
-
} else {
|
|
82
|
-
return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
return function BezierEasing (x) {
|
|
87
|
-
if (mX1 === mY1 && mX2 === mY2) {
|
|
88
|
-
return x; // linear
|
|
89
|
-
}
|
|
90
|
-
// Because JavaScript number are imprecise, we should guarantee the extremes are right.
|
|
91
|
-
if (x === 0) {
|
|
92
|
-
return 0;
|
|
93
|
-
}
|
|
94
|
-
if (x === 1) {
|
|
95
|
-
return 1;
|
|
96
|
-
}
|
|
97
|
-
return calcBezier(getTForX(x), mY1, mY2);
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);
|
|
102
|
-
return '';
|
|
103
|
-
})()`;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.bezierEasingMixin();
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
@import "./bezierEasing.less";
|
|
2
|
-
@import "./tinyColor.less";
|
|
3
|
-
|
|
4
|
-
.colorPaletteMixin() {
|
|
5
|
-
@functions: ~`(function() {
|
|
6
|
-
var hueStep = 2;
|
|
7
|
-
var saturationStep = 0.16;
|
|
8
|
-
var saturationStep2 = 0.05;
|
|
9
|
-
var brightnessStep1 = 0.05;
|
|
10
|
-
var brightnessStep2 = 0.15;
|
|
11
|
-
var lightColorCount = 5;
|
|
12
|
-
var darkColorCount = 4;
|
|
13
|
-
|
|
14
|
-
var getHue = function(hsv, i, isLight) {
|
|
15
|
-
var hue;
|
|
16
|
-
if (hsv.h >= 60 && hsv.h <= 240) {
|
|
17
|
-
hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
|
|
18
|
-
} else {
|
|
19
|
-
hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
|
|
20
|
-
}
|
|
21
|
-
if (hue < 0) {
|
|
22
|
-
hue += 360;
|
|
23
|
-
} else if (hue >= 360) {
|
|
24
|
-
hue -= 360;
|
|
25
|
-
}
|
|
26
|
-
return Math.round(hue);
|
|
27
|
-
};
|
|
28
|
-
var getSaturation = function(hsv, i, isLight) {
|
|
29
|
-
var saturation;
|
|
30
|
-
if (isLight) {
|
|
31
|
-
saturation = hsv.s - saturationStep * i;
|
|
32
|
-
} else if (i === darkColorCount) {
|
|
33
|
-
saturation = hsv.s + saturationStep;
|
|
34
|
-
} else {
|
|
35
|
-
saturation = hsv.s + saturationStep2 * i;
|
|
36
|
-
}
|
|
37
|
-
if (saturation > 1) {
|
|
38
|
-
saturation = 1;
|
|
39
|
-
}
|
|
40
|
-
if (isLight && i === lightColorCount && saturation > 0.1) {
|
|
41
|
-
saturation = 0.1;
|
|
42
|
-
}
|
|
43
|
-
if (saturation < 0.06) {
|
|
44
|
-
saturation = 0.06;
|
|
45
|
-
}
|
|
46
|
-
return Number(saturation.toFixed(2));
|
|
47
|
-
};
|
|
48
|
-
var getValue = function(hsv, i, isLight) {
|
|
49
|
-
var value;
|
|
50
|
-
if (isLight) {
|
|
51
|
-
value = hsv.v + brightnessStep1 * i;
|
|
52
|
-
}else{
|
|
53
|
-
value = hsv.v - brightnessStep2 * i
|
|
54
|
-
}
|
|
55
|
-
if (value > 1) {
|
|
56
|
-
value = 1;
|
|
57
|
-
}
|
|
58
|
-
return Number(value.toFixed(2))
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
this.colorpalette = function(color, index) {
|
|
62
|
-
var isLight = index <= 6;
|
|
63
|
-
var hsv = tinycolor(color).toHsv();
|
|
64
|
-
var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
|
|
65
|
-
return tinycolor({
|
|
66
|
-
h: getHue(hsv, i, isLight),
|
|
67
|
-
s: getSaturation(hsv, i, isLight),
|
|
68
|
-
v: getValue(hsv, i, isLight),
|
|
69
|
-
}).toHexString();
|
|
70
|
-
};
|
|
71
|
-
})()`;
|
|
72
|
-
}
|
|
73
|
-
.colorPaletteMixin();
|