@lambo-design/shared 1.0.0-beta.46 → 1.0.0-beta.48

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.
Files changed (8) hide show
  1. package/config/themes/atrovirens/atrovirens.css +243 -0
  2. package/config/themes/atrovirens/atrovirens.css.map +1 -0
  3. package/config/themes/atrovirens/atrovirens.less +320 -0
  4. package/config/themes/atrovirens/var.less +314 -0
  5. package/config/themes/index.js +4 -2
  6. package/config/themes/theme-atrovirens.js +253 -0
  7. package/package.json +1 -1
  8. package/utils/assist.js +84 -84
package/config/themes/atrovirens/atrovirens.css ADDED
@@ -0,0 +1,243 @@
1
+ :root {
2
+ --primary-color: #3EAF7C;
3
+ --primary-color-tint-20: #65bf96;
4
+ --primary-color-tint-90: #ecf7f2;
5
+ --primary-color-tint-80: #d8efe5;
6
+ --primary-color-tint-5: #48b383;
7
+ --primary-color-tint-95-fade-50: rgba(245, 251, 248, 0.5);
8
+ --primary-color-fade-20: rgba(62, 175, 124, 0.2);
9
+ --primary-color-shade-5: #3ba676;
10
+ --info-color: #2db7f5;
11
+ --info-color-tint-20: #57c5f7;
12
+ --info-color-tint-90: #eaf8fe;
13
+ --info-color-tint-80: #d5f1fd;
14
+ --info-color-tint-5: #38bbf6;
15
+ --info-color-tint-95-fade-50: rgba(245, 251, 254, 0.5);
16
+ --info-color-fade-20: rgba(45, 183, 245, 0.2);
17
+ --info-color-shade-5: #2baee9;
18
+ --success-color: #19be6b;
19
+ --success-color-tint-20: #47cb89;
20
+ --success-color-tint-90: #e8f9f0;
21
+ --success-color-tint-80: #d1f2e1;
22
+ --success-color-tint-5: #25c172;
23
+ --success-color-tint-95-fade-50: rgba(244, 252, 248, 0.5);
24
+ --success-color-fade-20: rgba(25, 190, 107, 0.2);
25
+ --success-color-shade-5: #18b566;
26
+ --processing-color: #3EAF7C;
27
+ --warning-color: #ff9900;
28
+ --warning-color-tint-20: #ffad33;
29
+ --warning-color-tint-90: #fff5e6;
30
+ --warning-color-tint-5: #ff9e0d;
31
+ --warning-color-tint-80: #ffebcc;
32
+ --warning-color-tint-95-fade-50: rgba(255, 250, 242, 0.5);
33
+ --warning-color-fade-20: rgba(255, 153, 0, 0.2);
34
+ --warning-color-shade-5: #f29100;
35
+ --error-color: #ed4014;
36
+ --error-color-tint-20: #f16643;
37
+ --error-color-tint-90: #fdece8;
38
+ --error-color-tint-5: #ee4a20;
39
+ --error-color-tint-80: #fbd9d0;
40
+ --error-color-tint-95-fade-50: rgba(254, 245, 243, 0.5);
41
+ --error-color-fade-20: rgba(237, 64, 20, 0.2);
42
+ --error-color-shade-5: #e13d13;
43
+ --normal-color: #e6ebf1;
44
+ --link-color: #2d8cf0;
45
+ --link-hover-color: #57a3f3;
46
+ --link-active-color: #2b85e4;
47
+ --selected-color: rgba(62, 175, 124, 0.9);
48
+ --selected-color-shade-10: rgba(55, 154, 109, 0.91);
49
+ --tooltip-color: #fff;
50
+ --subsidiary-color: #808695;
51
+ --rate-star-color: #f5a623;
52
+ --rate-star-color-tint-20: #f7b84f;
53
+ --white: #fff;
54
+ --black: #000;
55
+ --body-background: #fff;
56
+ --component-background: #fff;
57
+ --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
58
+ --code-family: Consolas, Menlo, Courier, monospace;
59
+ --title-color: #17233d;
60
+ --text-color: #515a6e;
61
+ --text-color-secondary: rgba(0, 0, 0, 0.45);
62
+ --heading-color: rgba(0, 0, 0, 0.85);
63
+ --heading-color-dark: #ffffff;
64
+ --font-size-base: 14px;
65
+ --font-size-small: 12px;
66
+ --font-size-large: 16px;
67
+ --line-height-base: 1.5;
68
+ --line-height-computed: 21px;
69
+ --border-radius-base: 6px;
70
+ --border-radius-small: 4px;
71
+ --cursor-disabled: not-allowed;
72
+ --padding-lg: 24px;
73
+ --padding-md: 16px;
74
+ --padding-sm: 12px;
75
+ --padding-xs: 8px;
76
+ --border-color-base: #dcdee2;
77
+ --border-color-split: #e8eaec;
78
+ --border-width-base: 1px;
79
+ --border-style-base: solid;
80
+ --background-color-base: #f7f7f7;
81
+ --background-color-select-hover: #f3f3f3;
82
+ --tooltip-bg: rgba(70, 76, 91, 0.9);
83
+ --head-bg: #f9fafc;
84
+ --table-thead-bg: #f8f8f9;
85
+ --table-td-stripe-bg: #f8f8f9;
86
+ --table-td-hover-bg: #ebf7ff;
87
+ --table-td-highlight-bg: #ebf7ff;
88
+ --menu-dark-title: #515a6e;
89
+ --menu-dark-active-bg: #363e4f;
90
+ --menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
91
+ --menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
92
+ --date-picker-cell-hover-bg: #e1f0fe;
93
+ --shadow-color: rgba(0, 0, 0, 0.2);
94
+ --shadow-base: 0 1px 6px rgba(0, 0, 0, 0.2);
95
+ --shadow-card: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
96
+ --shadow-up: 0 -1px 6px rgba(0, 0, 0, 0.2);
97
+ --shadow-down: 0 1px 6px rgba(0, 0, 0, 0.2);
98
+ --shadow-left: -1px 0 6px rgba(0, 0, 0, 0.2);
99
+ --shadow-right: 1px 0 6px rgba(0, 0, 0, 0.2);
100
+ --btn-height-base: 32px;
101
+ --btn-height-large: 40px;
102
+ --btn-height-small: 24px;
103
+ --btn-padding-base: 0 15px;
104
+ --btn-padding-large: 0 15px;
105
+ --btn-padding-small: 0 7px;
106
+ --btn-font-weight: normal;
107
+ --btn-padding-base-icon: 5px 15px 6px;
108
+ --btn-padding-large-icon: 6px 15px 6px 15px;
109
+ --btn-padding-small-icon: 1px 7px 2px;
110
+ --btn-font-size: 14px;
111
+ --btn-font-size-large: 16px;
112
+ --btn-font-size-small: 14px;
113
+ --btn-border-radius: 4px;
114
+ --btn-border-radius-small: 3px;
115
+ --btn-group-border: #3ba676;
116
+ --btn-disable-color: #c5c8ce;
117
+ --btn-disable-bg: #f7f7f7;
118
+ --btn-disable-border: #dcdee2;
119
+ --btn-default-color: #515a6e;
120
+ --btn-default-color-tint-20: #747b8b;
121
+ --btn-default-color-shade-5: #4d5669;
122
+ --btn-default-bg: #fff;
123
+ --btn-default-bg-tint-20: #ffffff;
124
+ --btn-default-bg-shade-5: #f2f2f2;
125
+ --btn-default-border: #dcdee2;
126
+ --btn-default-border-tint-20: #e3e5e8;
127
+ --btn-default-border-shade-5: #d1d3d7;
128
+ --btn-primary-color: #fff;
129
+ --btn-primary-color-tint-20: #ffffff;
130
+ --btn-primary-color-tint-5: #ffffff;
131
+ --btn-primary-color-shade-5: #f2f2f2;
132
+ --btn-primary-bg: #3EAF7C;
133
+ --btn-primary-bg-tint-20: #65bf96;
134
+ --btn-primary-bg-tint-5: #48b383;
135
+ --btn-primary-bg-shade-5: #3ba676;
136
+ --btn-ghost-color: #515a6e;
137
+ --btn-ghost-color-tint-20: #747b8b;
138
+ --btn-ghost-color-shade-5: #4d5669;
139
+ --btn-ghost-bg: #fff;
140
+ --btn-ghost-bg-tint-20: #ffffff;
141
+ --btn-ghost-bg-shade-5: #f2f2f2;
142
+ --btn-ghost-border: #dcdee2;
143
+ --btn-ghost-border-tint-20: #e3e5e8;
144
+ --btn-ghost-border-shade-5: #d1d3d7;
145
+ --btn-circle-size: 32px;
146
+ --btn-circle-size-large: 40px;
147
+ --btn-circle-size-small: 24px;
148
+ --btn-square-size: 32px;
149
+ --btn-square-size-large: 40px;
150
+ --btn-square-size-small: 24px;
151
+ --grid-columns: 24;
152
+ --grid-gutter-width: 0;
153
+ --layout-body-background: #f5f7f9;
154
+ --layout-header-background: #515a6e;
155
+ --layout-header-height: 64px;
156
+ --layout-header-padding: 0 50px;
157
+ --layout-footer-padding: 24px 50px;
158
+ --layout-footer-background: #f5f7f9;
159
+ --layout-sider-background: #515a6e;
160
+ --layout-sider-background-tint-10: #626b7d;
161
+ --layout-trigger-height: 48px;
162
+ --layout-trigger-color: #fff;
163
+ --layout-zero-trigger-width: 36px;
164
+ --layout-zero-trigger-height: 42px;
165
+ --legend-color: #999;
166
+ --input-height-base: 32px;
167
+ --input-height-large: 40px;
168
+ --input-height-small: 24px;
169
+ --input-padding-horizontal: 7px;
170
+ --input-padding-vertical-base: 4px;
171
+ --input-padding-vertical-small: 1px;
172
+ --input-padding-vertical-large: 6px;
173
+ --input-placeholder-color: #c5c8ce;
174
+ --input-color: #515a6e;
175
+ --input-border-color: #dcdee2;
176
+ --input-border-color-tint-20: #e3e5e8;
177
+ --input-bg: #fff;
178
+ --input-group-bg: #f8f8f9;
179
+ --input-hover-border-color: #3EAF7C;
180
+ --input-hover-border-color-tint-20: #65bf96;
181
+ --input-hover-border-color-fade-20: rgba(62, 175, 124, 0.2);
182
+ --input-focus-border-color: #3EAF7C;
183
+ --input-disabled-bg: #f3f3f3;
184
+ --tag-font-size: 12px;
185
+ --screen-xs: 480px;
186
+ --screen-xs-min: 480px;
187
+ --screen-xs-max: 479px;
188
+ --screen-sm: 576px;
189
+ --screen-sm-min: 576px;
190
+ --screen-sm-max: 575px;
191
+ --screen-md: 768px;
192
+ --screen-md-min: 768px;
193
+ --screen-md-max: 767px;
194
+ --screen-lg: 992px;
195
+ --screen-lg-min: 992px;
196
+ --screen-lg-max: 991px;
197
+ --screen-xl: 1200px;
198
+ --screen-xl-min: 1200px;
199
+ --screen-xl-max: 1199px;
200
+ --screen-xxl: 1600px;
201
+ --screen-xxl-min: 1600px;
202
+ --screen-xxl-max: 1599px;
203
+ --zindex-spin: 8;
204
+ --zindex-affix: 10;
205
+ --zindex-back-top: 10;
206
+ --zindex-select: 900;
207
+ --zindex-modal: 1000;
208
+ --zindex-drawer: 1000;
209
+ --zindex-message: 1010;
210
+ --zindex-notification: 1010;
211
+ --zindex-tooltip: 1060;
212
+ --zindex-transfer: 1060;
213
+ --zindex-loading-bar: 2000;
214
+ --zindex-spin-fullscreen: 2010;
215
+ --animation-time: 0.3s;
216
+ --animation-time-quick: 0.15s;
217
+ --transition-time: 0.2s;
218
+ --ease-in-out: ease-in-out;
219
+ --slider-color: #65bf96;
220
+ --slider-height: 4px;
221
+ --slider-margin: 16px 0;
222
+ --slider-button-wrap-size: 18px;
223
+ --slider-button-wrap-offset: -5px;
224
+ --slider-disabled-color: #ccc;
225
+ --avatar-size-base: 32px;
226
+ --avatar-size-lg: 40px;
227
+ --avatar-size-sm: 24px;
228
+ --avatar-font-size-base: 18px;
229
+ --avatar-font-size-lg: 24px;
230
+ --avatar-font-size-sm: 14px;
231
+ --avatar-bg: #ccc;
232
+ --avatar-color: #fff;
233
+ --avatar-border-radius: 4px;
234
+ --anchor-border-width: 2px;
235
+ --list-header-background: transparent;
236
+ --list-footer-background: transparent;
237
+ --list-empty-text-padding: 16px;
238
+ --list-item-padding: 12px 0;
239
+ --list-item-meta-margin-bottom: 16px;
240
+ --list-item-meta-avatar-margin-right: 16px;
241
+ --list-item-meta-title-margin-bottom: 12px;
242
+ }
243
+ /*# sourceMappingURL=atrovirens.css.map */
package/config/themes/atrovirens/atrovirens.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["atrovirens.less","var.less"],"names":[],"mappings":"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","file":"atrovirens.css"}
package/config/themes/atrovirens/atrovirens.less ADDED
@@ -0,0 +1,320 @@
1
+ @import "./var.less";
2
+
3
+ :root {
4
+
5
+ --primary-color : @primary-color;
6
+ --primary-color-tint-20 : @primary-color-tint-20;
7
+ --primary-color-tint-90 : @primary-color-tint-90;
8
+ --primary-color-tint-80 : @primary-color-tint-80;
9
+ --primary-color-tint-5 : @primary-color-tint-5;
10
+ --primary-color-tint-95-fade-50 : @primary-color-tint-95-fade-50;
11
+ --primary-color-fade-20 : @primary-color-fade-20;
12
+ --primary-color-shade-5 : @primary-color-shade-5;
13
+
14
+
15
+ --info-color : @info-color;
16
+ --info-color-tint-20 : @info-color-tint-20;
17
+ --info-color-tint-90 : @info-color-tint-90;
18
+ --info-color-tint-80 : @info-color-tint-80;
19
+ --info-color-tint-5 : @info-color-tint-5;
20
+ --info-color-tint-95-fade-50 : @info-color-tint-95-fade-50;
21
+ --info-color-fade-20 : @info-color-fade-20;
22
+ --info-color-shade-5 : @info-color-shade-5;
23
+
24
+
25
+ --success-color : @success-color;
26
+ --success-color-tint-20 : @success-color-tint-20;
27
+ --success-color-tint-90 : @success-color-tint-90;
28
+ --success-color-tint-80 : @success-color-tint-80;
29
+ --success-color-tint-5 : @success-color-tint-5;
30
+ --success-color-tint-95-fade-50 : @success-color-tint-95-fade-50;
31
+ --success-color-fade-20 : @success-color-fade-20;
32
+ --success-color-shade-5 : @success-color-shade-5;
33
+
34
+
35
+ --processing-color : @processing-color;
36
+
37
+
38
+ --warning-color : @warning-color;
39
+ --warning-color-tint-20 : @warning-color-tint-20;
40
+ --warning-color-tint-90 : @warning-color-tint-90;
41
+ --warning-color-tint-5 : @warning-color-tint-5;
42
+ --warning-color-tint-80 : @warning-color-tint-80;
43
+ --warning-color-tint-95-fade-50 : @warning-color-tint-95-fade-50;
44
+ --warning-color-fade-20 : @warning-color-fade-20;
45
+ --warning-color-shade-5 : @warning-color-shade-5;
46
+
47
+
48
+
49
+ --error-color : @error-color;
50
+ --error-color-tint-20 : @error-color-tint-20;
51
+ --error-color-tint-90 : @error-color-tint-90;
52
+ --error-color-tint-5 : @error-color-tint-5;
53
+ --error-color-tint-80 : @error-color-tint-80;
54
+ --error-color-tint-95-fade-50 : @error-color-tint-95-fade-50;
55
+ --error-color-fade-20 : @error-color-fade-20;
56
+ --error-color-shade-5 : @error-color-shade-5;
57
+
58
+
59
+
60
+
61
+ --normal-color : @normal-color;
62
+ --link-color : @link-color;
63
+ --link-hover-color : @link-hover-color;
64
+ --link-active-color : @link-active-color;
65
+ --selected-color : @selected-color;
66
+ --selected-color-shade-10 : @selected-color-shade-10;
67
+ --tooltip-color : @tooltip-color;
68
+ --subsidiary-color : @subsidiary-color;
69
+ --rate-star-color : @rate-star-color;
70
+ --rate-star-color-tint-20 : @rate-star-color-tint-20;
71
+ --white : @white;
72
+ --black : @black;
73
+
74
+
75
+ --body-background : @body-background;
76
+ --component-background : @component-background;
77
+ --font-family : @font-family;
78
+ --code-family : @code-family;
79
+ --title-color : @title-color;
80
+ --text-color : @text-color;
81
+ --text-color-secondary : @text-color-secondary;
82
+ --heading-color : @heading-color;
83
+ --heading-color-dark : @heading-color-dark;
84
+ --font-size-base : @font-size-base;
85
+ --font-size-small : @font-size-small;
86
+ --font-size-large : @font-size-large;
87
+ --line-height-base : @line-height-base;
88
+ --line-height-computed : @line-height-computed;
89
+ --border-radius-base : @border-radius-base;
90
+ --border-radius-small : @border-radius-small;
91
+ --cursor-disabled : @cursor-disabled;
92
+
93
+
94
+ --padding-lg : @padding-lg;
95
+ --padding-md : @padding-md;
96
+ --padding-sm : @padding-sm;
97
+ --padding-xs : @padding-xs;
98
+
99
+
100
+ --border-color-base : @border-color-base;
101
+ --border-color-split : @border-color-split;
102
+ --border-width-base : @border-width-base;
103
+ --border-style-base : @border-style-base;
104
+
105
+
106
+ --background-color-base : @background-color-base;
107
+ --background-color-select-hover : @background-color-select-hover;
108
+ --tooltip-bg : @tooltip-bg;
109
+ --head-bg : @head-bg;
110
+ --table-thead-bg : @table-thead-bg;
111
+ --table-td-stripe-bg : @table-td-stripe-bg;
112
+ --table-td-hover-bg : @table-td-hover-bg;
113
+ --table-td-highlight-bg : @table-td-highlight-bg;
114
+ --menu-dark-title : @menu-dark-title;
115
+ --menu-dark-active-bg : @menu-dark-active-bg;
116
+ --menu-dark-subsidiary-color : @menu-dark-subsidiary-color;
117
+ --menu-dark-group-title-color : @menu-dark-group-title-color;
118
+ --date-picker-cell-hover-bg : @date-picker-cell-hover-bg;
119
+
120
+
121
+ --shadow-color : @shadow-color;
122
+ --shadow-base : @shadow-base;
123
+ --shadow-card : @shadow-card;
124
+ --shadow-up : @shadow-up;
125
+ --shadow-down : @shadow-down;
126
+ --shadow-left : @shadow-left;
127
+ --shadow-right : @shadow-right;
128
+
129
+
130
+ --btn-height-base : @btn-height-base;
131
+ --btn-height-large : @btn-height-large;
132
+ --btn-height-small : @btn-height-small;
133
+
134
+ --btn-padding-base : @btn-padding-base;
135
+ --btn-padding-large : @btn-padding-large;
136
+ --btn-padding-small : @btn-padding-small;
137
+
138
+ --btn-font-weight : @btn-font-weight;
139
+ --btn-padding-base-icon : @btn-padding-base-icon;
140
+ --btn-padding-large-icon : @btn-padding-large-icon;
141
+ --btn-padding-small-icon : @btn-padding-small-icon;
142
+ --btn-font-size : @btn-font-size;
143
+ --btn-font-size-large : @btn-font-size-large;
144
+ --btn-font-size-small : @btn-font-size-small;
145
+ --btn-border-radius : @btn-border-radius;
146
+ --btn-border-radius-small : @btn-border-radius-small;
147
+ --btn-group-border : @btn-group-border;
148
+
149
+ --btn-disable-color : @btn-disable-color;
150
+ --btn-disable-bg : @btn-disable-bg;
151
+ --btn-disable-border : @btn-disable-border;
152
+
153
+ --btn-default-color : @btn-default-color;
154
+ --btn-default-color-tint-20 : @btn-default-color-tint-20;
155
+ --btn-default-color-shade-5 : @btn-default-color-shade-5;
156
+ --btn-default-bg : @btn-default-bg;
157
+ --btn-default-bg-tint-20 : @btn-default-bg-tint-20;
158
+ --btn-default-bg-shade-5 : @btn-default-bg-shade-5;
159
+ --btn-default-border : @btn-default-border;
160
+ --btn-default-border-tint-20 : @btn-default-border-tint-20;
161
+ --btn-default-border-shade-5 : @btn-default-border-shade-5;
162
+
163
+ --btn-primary-color : @btn-primary-color;
164
+ --btn-primary-color-tint-20 : @btn-primary-color-tint-20;
165
+ --btn-primary-color-tint-5 : @btn-primary-color-tint-5;
166
+ --btn-primary-color-shade-5 : @btn-primary-color-shade-5;
167
+
168
+ --btn-primary-bg : @btn-primary-bg;
169
+ --btn-primary-bg-tint-20 : @btn-primary-bg-tint-20;
170
+ --btn-primary-bg-tint-5 : @btn-primary-bg-tint-5;
171
+ --btn-primary-bg-shade-5 : @btn-primary-bg-shade-5;
172
+
173
+ --btn-ghost-color : @btn-ghost-color;
174
+ --btn-ghost-color-tint-20 : @btn-ghost-color-tint-20;
175
+ --btn-ghost-color-shade-5 : @btn-ghost-color-shade-5;
176
+
177
+ --btn-ghost-bg : @btn-ghost-bg;
178
+ --btn-ghost-bg-tint-20 : @btn-ghost-bg-tint-20;
179
+ --btn-ghost-bg-shade-5 : @btn-ghost-bg-shade-5;
180
+ --btn-ghost-border : @btn-ghost-border;
181
+ --btn-ghost-border-tint-20 : @btn-ghost-border-tint-20;
182
+ --btn-ghost-border-shade-5 : @btn-ghost-border-shade-5;
183
+
184
+ --btn-circle-size : @btn-circle-size;
185
+ --btn-circle-size-large : @btn-circle-size-large;
186
+ --btn-circle-size-small : @btn-circle-size-small;
187
+
188
+ --btn-square-size : @btn-square-size;
189
+ --btn-square-size-large : @btn-square-size-large;
190
+ --btn-square-size-small : @btn-square-size-small;
191
+
192
+
193
+ --grid-columns : @grid-columns;
194
+ --grid-gutter-width : @grid-gutter-width;
195
+ --layout-body-background : @layout-body-background;
196
+ --layout-header-background : @layout-header-background;
197
+ --layout-header-height : @layout-header-height;
198
+ --layout-header-padding : @layout-header-padding;
199
+ --layout-footer-padding : @layout-footer-padding;
200
+ --layout-footer-background : @layout-footer-background;
201
+ --layout-sider-background : @layout-sider-background;
202
+ --layout-sider-background-tint-10: @layout-sider-background-tint-10;
203
+ --layout-trigger-height : @layout-trigger-height;
204
+ --layout-trigger-color : @layout-trigger-color;
205
+ --layout-zero-trigger-width : @layout-zero-trigger-width;
206
+ --layout-zero-trigger-height : @layout-zero-trigger-height;
207
+
208
+
209
+ --legend-color : @legend-color;
210
+
211
+
212
+ --input-height-base : @input-height-base;
213
+ --input-height-large : @input-height-large;
214
+ --input-height-small : @input-height-small;
215
+
216
+ --input-padding-horizontal : @input-padding-horizontal;
217
+ --input-padding-vertical-base : @input-padding-vertical-base;
218
+ --input-padding-vertical-small : @input-padding-vertical-small;
219
+ --input-padding-vertical-large : @input-padding-vertical-large;
220
+
221
+ --input-placeholder-color : @input-placeholder-color;
222
+ --input-color : @input-color;
223
+ --input-border-color : @input-border-color;
224
+ --input-border-color-tint-20 : @input-border-color-tint-20;
225
+ --input-bg : @input-bg;
226
+ --input-group-bg : @input-group-bg;
227
+
228
+ --input-hover-border-color : @input-hover-border-color;
229
+ --input-hover-border-color-tint-20: @input-hover-border-color-tint-20;
230
+ --input-hover-border-color-fade-20: @input-hover-border-color-fade-20;
231
+ --input-focus-border-color : @input-focus-border-color;
232
+ --input-disabled-bg : @input-disabled-bg;
233
+
234
+
235
+ --tag-font-size : @tag-font-size;
236
+
237
+
238
+
239
+ --screen-xs : @screen-xs;
240
+ --screen-xs-min : @screen-xs-min;
241
+ --screen-xs-max : @screen-xs-max;
242
+
243
+
244
+ --screen-sm : @screen-sm;
245
+ --screen-sm-min : @screen-sm-min;
246
+ --screen-sm-max : @screen-sm-max;
247
+
248
+
249
+ --screen-md : @screen-md;
250
+ --screen-md-min : @screen-md-min;
251
+ --screen-md-max : @screen-md-max;
252
+
253
+
254
+ --screen-lg : @screen-lg;
255
+ --screen-lg-min : @screen-lg-min;
256
+ --screen-lg-max : @screen-lg-max;
257
+
258
+
259
+ --screen-xl : @screen-xl;
260
+ --screen-xl-min : @screen-xl-min;
261
+ --screen-xl-max : @screen-xl-max;
262
+
263
+
264
+ --screen-xxl : @screen-xxl;
265
+ --screen-xxl-min : @screen-xxl-min;
266
+ --screen-xxl-max : @screen-xxl-max;
267
+
268
+
269
+ --zindex-spin : @zindex-spin;
270
+ --zindex-affix : @zindex-affix;
271
+ --zindex-back-top : @zindex-back-top;
272
+ --zindex-select : @zindex-select;
273
+ --zindex-modal : @zindex-modal;
274
+ --zindex-drawer : @zindex-drawer;
275
+ --zindex-message : @zindex-message;
276
+ --zindex-notification : @zindex-notification;
277
+ --zindex-tooltip : @zindex-tooltip;
278
+ --zindex-transfer : @zindex-transfer;
279
+ --zindex-loading-bar : @zindex-loading-bar;
280
+ --zindex-spin-fullscreen : @zindex-spin-fullscreen;
281
+
282
+
283
+ --animation-time : @animation-time;
284
+ --animation-time-quick : @animation-time-quick;
285
+ --transition-time : @transition-time;
286
+ --ease-in-out : @ease-in-out;
287
+
288
+
289
+ --slider-color : @slider-color;
290
+ --slider-height : @slider-height;
291
+ --slider-margin : @slider-margin;
292
+ --slider-button-wrap-size : @slider-button-wrap-size;
293
+ --slider-button-wrap-offset : @slider-button-wrap-offset;
294
+ --slider-disabled-color : @slider-disabled-color;
295
+
296
+
297
+ --avatar-size-base : @avatar-size-base;
298
+ --avatar-size-lg : @avatar-size-lg;
299
+ --avatar-size-sm : @avatar-size-sm;
300
+ --avatar-font-size-base : @avatar-font-size-base;
301
+ --avatar-font-size-lg : @avatar-font-size-lg;
302
+ --avatar-font-size-sm : @avatar-font-size-sm;
303
+ --avatar-bg : @avatar-bg;
304
+ --avatar-color : @avatar-color;
305
+ --avatar-border-radius : @avatar-border-radius;
306
+
307
+
308
+ --anchor-border-width : @anchor-border-width;
309
+
310
+
311
+
312
+ --list-header-background : @list-header-background;
313
+ --list-footer-background : @list-footer-background;
314
+ --list-empty-text-padding : @list-empty-text-padding;
315
+ --list-item-padding : @list-item-padding;
316
+ --list-item-meta-margin-bottom : @list-item-meta-margin-bottom;
317
+ --list-item-meta-avatar-margin-right: @list-item-meta-avatar-margin-right;
318
+ --list-item-meta-title-margin-bottom: @list-item-meta-title-margin-bottom;
319
+
320
+ }
package/config/themes/atrovirens/var.less ADDED
@@ -0,0 +1,314 @@
1
+ @primary-color : #3EAF7C;
2
+ @primary-color-tint-20 : tint(@primary-color,20%);
3
+ @primary-color-tint-90 : tint(@primary-color,90%);
4
+ @primary-color-tint-80 : tint(@primary-color,80%);
5
+ @primary-color-tint-5 : tint(@primary-color,5%);
6
+ @primary-color-tint-95-fade-50 : fade(tint(@primary-color, 95%), 50%);
7
+ @primary-color-fade-20 : fade(@primary-color, 20%);
8
+ @primary-color-shade-5 : shade(@primary-color, 5%);
9
+
10
+
11
+ @info-color : #2db7f5;
12
+ @info-color-tint-20 : tint(@info-color,20%);
13
+ @info-color-tint-90 : tint(@info-color,90%);
14
+ @info-color-tint-80 : tint(@info-color,80%);
15
+ @info-color-tint-5 : tint(@info-color,5%);
16
+ @info-color-tint-95-fade-50 : fade(tint(@info-color,95%),50%);
17
+ @info-color-fade-20 : fade(@info-color, 20%);
18
+ @info-color-shade-5 : shade(@info-color, 5%);
19
+
20
+
21
+ @success-color : #19be6b;
22
+ @success-color-tint-20 : tint(@success-color,20%);
23
+ @success-color-tint-90 : tint(@success-color,90%);
24
+ @success-color-tint-80 : tint(@success-color,80%);
25
+ @success-color-tint-5 : tint(@success-color, 5%);
26
+ @success-color-tint-95-fade-50 : fade(tint(@success-color, 95%), 50%);
27
+ @success-color-fade-20 : fade(@success-color, 20%);
28
+ @success-color-shade-5 : shade(@success-color, 5%);
29
+
30
+
31
+ @processing-color : @primary-color;
32
+
33
+
34
+ @warning-color : #ff9900;
35
+ @warning-color-tint-20 : tint(@warning-color,20%);
36
+ @warning-color-tint-90 : tint(@warning-color,90%);
37
+ @warning-color-tint-5 : tint(@warning-color, 5%);
38
+ @warning-color-tint-80 : tint(@warning-color,80%);
39
+ @warning-color-tint-95-fade-50 : fade(tint(@warning-color, 95%), 50%);
40
+ @warning-color-fade-20 : fade(@warning-color, 20%);
41
+ @warning-color-shade-5 : shade(@warning-color, 5%);
42
+
43
+
44
+
45
+ @error-color : #ed4014;
46
+ @error-color-tint-20 : tint(@error-color,20%);
47
+ @error-color-tint-90 : tint(@error-color, 90%);
48
+ @error-color-tint-5 : tint(@error-color, 5%);
49
+ @error-color-tint-80 : tint(@error-color,80%);
50
+ @error-color-tint-95-fade-50 : fade(tint(@error-color, 95%), 50%);
51
+ @error-color-fade-20 : fade(@error-color, 20%);
52
+ @error-color-shade-5 : shade(@error-color, 5%);
53
+
54
+
55
+
56
+
57
+ @normal-color : #e6ebf1;
58
+ @link-color : #2d8cf0;
59
+ @link-hover-color : tint(@link-color, 20%);
60
+ @link-active-color : shade(@link-color, 5%);
61
+ @selected-color : fade(@primary-color, 90%);
62
+ @selected-color-shade-10: shade(@selected-color, 10%);
63
+ @tooltip-color : #fff;
64
+ @subsidiary-color : #808695;
65
+ @rate-star-color : #f5a623;
66
+ @rate-star-color-tint-20: tint(@rate-star-color, 20%);
67
+ @white: #fff;
68
+ @black: #000;
69
+
70
+ // Base
71
+ @body-background : #fff;
72
+ @component-background : #fff;
73
+ @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
+ @code-family : Consolas,Menlo,Courier,monospace;
75
+ @title-color : #17233d;
76
+ @text-color : #515a6e;
77
+ @text-color-secondary: fade(@black, 45%);
78
+ @heading-color: fade(#000, 85%);
79
+ @heading-color-dark: fade(@white, 100%);
80
+ @font-size-base : 14px;
81
+ @font-size-small : 12px;
82
+ @font-size-large : @font-size-base + 2px;
83
+ @line-height-base : 1.5;
84
+ @line-height-computed : floor((@font-size-base * @line-height-base));
85
+ @border-radius-base : 6px;
86
+ @border-radius-small : 4px;
87
+ @cursor-disabled : not-allowed;
88
+
89
+ // vertical paddings
90
+ @padding-lg: 24px; // containers
91
+ @padding-md: 16px; // small containers and buttons
92
+ @padding-sm: 12px; // Form controls and items
93
+ @padding-xs: 8px; // small items
94
+
95
+ // Border color
96
+ @border-color-base : #dcdee2; // outside
97
+ @border-color-split : #e8eaec; // inside
98
+ @border-width-base : 1px; // width of the border for a component
99
+ @border-style-base : solid; // style of a components border
100
+
101
+ // Background color
102
+ @background-color-base : #f7f7f7; // base
103
+ @background-color-select-hover: @input-disabled-bg;
104
+ @tooltip-bg : rgba(70, 76, 91, .9);
105
+ @head-bg : #f9fafc;
106
+ @table-thead-bg : #f8f8f9;
107
+ @table-td-stripe-bg : #f8f8f9;
108
+ @table-td-hover-bg : #ebf7ff;
109
+ @table-td-highlight-bg : #ebf7ff;
110
+ @menu-dark-title : #515a6e;
111
+ @menu-dark-active-bg : #363e4f;
112
+ @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
+ @menu-dark-group-title-color : rgba(255,255,255,.36);
114
+ @date-picker-cell-hover-bg : #e1f0fe;
115
+
116
+ // Shadow
117
+ @shadow-color : rgba(0, 0, 0, .2);
118
+ @shadow-base : @shadow-down;
119
+ @shadow-card : 0 1px 1px 0 rgba(0,0,0,.1);
120
+ @shadow-up : 0 -1px 6px @shadow-color;
121
+ @shadow-down : 0 1px 6px @shadow-color;
122
+ @shadow-left : -1px 0 6px @shadow-color;
123
+ @shadow-right : 1px 0 6px @shadow-color;
124
+
125
+ // Button
126
+ @btn-height-base : 32px;
127
+ @btn-height-large : 40px;
128
+ @btn-height-small : 24px;
129
+
130
+ @btn-padding-base : 0 @padding-md - 1px;
131
+ @btn-padding-large : @btn-padding-base;
132
+ @btn-padding-small : 0 @padding-xs - 1px;
133
+
134
+ @btn-font-weight : normal;
135
+ @btn-padding-base-icon : 5px 15px 6px;
136
+ @btn-padding-large-icon : 6px 15px 6px 15px;
137
+ @btn-padding-small-icon : 1px 7px 2px;
138
+ @btn-font-size : @font-size-base;
139
+ @btn-font-size-large : @font-size-large;
140
+ @btn-font-size-small : @font-size-base;
141
+ @btn-border-radius : 4px;
142
+ @btn-border-radius-small: 3px;
143
+ @btn-group-border : shade(@primary-color, 5%);
144
+
145
+ @btn-disable-color : #c5c8ce;
146
+ @btn-disable-bg : @background-color-base;
147
+ @btn-disable-border : @border-color-base;
148
+
149
+ @btn-default-color : @text-color;
150
+ @btn-default-color-tint-20: tint(@btn-default-color, 20%);
151
+ @btn-default-color-shade-5: shade(@btn-default-color, 5%);
152
+ @btn-default-bg : #fff;
153
+ @btn-default-bg-tint-20 : tint(@btn-default-bg, 20%);
154
+ @btn-default-bg-shade-5 : shade(@btn-default-bg, 5%);
155
+ @btn-default-border : @border-color-base;
156
+ @btn-default-border-tint-20 : tint(@btn-default-border, 20%);
157
+ @btn-default-border-shade-5 : shade(@btn-default-border, 5%);
158
+
159
+ @btn-primary-color : #fff;
160
+ @btn-primary-color-tint-20 : tint(@btn-primary-color, 20%);
161
+ @btn-primary-color-tint-5 : tint(@btn-primary-color, 5%);
162
+ @btn-primary-color-shade-5 : shade(@btn-primary-color, 5%);
163
+
164
+ @btn-primary-bg : @primary-color;
165
+ @btn-primary-bg-tint-20 : tint(@btn-primary-bg, 20%);
166
+ @btn-primary-bg-tint-5 : tint(@btn-primary-bg, 5%);
167
+ @btn-primary-bg-shade-5 : shade(@btn-primary-bg, 5%);
168
+
169
+ @btn-ghost-color : @text-color;
170
+ @btn-ghost-color-tint-20: tint(@btn-ghost-color, 20%);
171
+ @btn-ghost-color-shade-5 : shade(@btn-ghost-color, 5%);
172
+
173
+ @btn-ghost-bg : #fff;
174
+ @btn-ghost-bg-tint-20 : tint(@btn-ghost-bg, 20%);
175
+ @btn-ghost-bg-shade-5 : shade(@btn-ghost-bg, 5%);
176
+ @btn-ghost-border : @border-color-base;
177
+ @btn-ghost-border-tint-20:tint(@btn-ghost-border, 20%);
178
+ @btn-ghost-border-shade-5:shade(@btn-ghost-border, 5%);
179
+
180
+ @btn-circle-size : @btn-height-base;
181
+ @btn-circle-size-large : @btn-height-large;
182
+ @btn-circle-size-small : @btn-height-small;
183
+
184
+ @btn-square-size : @btn-height-base;
185
+ @btn-square-size-large : @btn-height-large;
186
+ @btn-square-size-small : @btn-height-small;
187
+
188
+ // Layout and Grid
189
+ @grid-columns : 24;
190
+ @grid-gutter-width : 0;
191
+ @layout-body-background : #f5f7f9;
192
+ @layout-header-background : #515a6e;
193
+ @layout-header-height : 64px;
194
+ @layout-header-padding : 0 50px;
195
+ @layout-footer-padding : 24px 50px;
196
+ @layout-footer-background : @layout-body-background;
197
+ @layout-sider-background : @layout-header-background;
198
+ @layout-sider-background-tint-10 : tint(@layout-sider-background, 10%);
199
+ @layout-trigger-height : 48px;
200
+ @layout-trigger-color : #fff;
201
+ @layout-zero-trigger-width : 36px;
202
+ @layout-zero-trigger-height : 42px;
203
+
204
+ // Legend
205
+ @legend-color : #999;
206
+
207
+ // Input
208
+ @input-height-base : 32px;
209
+ @input-height-large : 40px;
210
+ @input-height-small : 24px;
211
+
212
+ @input-padding-horizontal : 7px;
213
+ @input-padding-vertical-base : 4px;
214
+ @input-padding-vertical-small: 1px;
215
+ @input-padding-vertical-large: 6px;
216
+
217
+ @input-placeholder-color : @btn-disable-color;
218
+ @input-color : @text-color;
219
+ @input-border-color : @border-color-base;
220
+ @input-border-color-tint-20 : tint(@input-border-color, 20%);
221
+ @input-bg : #fff;
222
+ @input-group-bg : #f8f8f9;
223
+
224
+ @input-hover-border-color : @primary-color;
225
+ @input-hover-border-color-tint-20 : tint(@input-hover-border-color, 20%);
226
+ @input-hover-border-color-fade-20 : fade(@input-hover-border-color, 20%);
227
+ @input-focus-border-color : @primary-color;
228
+ @input-disabled-bg : #f3f3f3;
229
+
230
+ // Tag
231
+ @tag-font-size : 12px;
232
+
233
+ // Media queries breakpoints
234
+ // Extra small screen / phone
235
+ @screen-xs : 480px;
236
+ @screen-xs-min : @screen-xs;
237
+ @screen-xs-max : (@screen-xs-min - 1);
238
+
239
+ // Small screen / tablet
240
+ @screen-sm : 576px;
241
+ @screen-sm-min : @screen-sm;
242
+ @screen-sm-max : (@screen-sm-min - 1);
243
+
244
+ // Medium screen / desktop
245
+ @screen-md : 768px;
246
+ @screen-md-min : @screen-md;
247
+ @screen-md-max : (@screen-md-min - 1);
248
+
249
+ // Large screen / wide desktop
250
+ @screen-lg : 992px;
251
+ @screen-lg-min : @screen-lg;
252
+ @screen-lg-max : (@screen-lg-min - 1);
253
+
254
+ // Extra large screen / full hd
255
+ @screen-xl : 1200px;
256
+ @screen-xl-min : @screen-xl;
257
+ @screen-xl-max : (@screen-xl-min - 1);
258
+
259
+ // Extra extra large screen / large descktop
260
+ @screen-xxl : 1600px;
261
+ @screen-xxl-min : @screen-xxl;
262
+ @screen-xxl-max : (@screen-xxl-min - 1);
263
+
264
+ // Z-index
265
+ @zindex-spin : 8;
266
+ @zindex-affix : 10;
267
+ @zindex-back-top : 10;
268
+ @zindex-select : 900;
269
+ @zindex-modal : 1000;
270
+ @zindex-drawer : 1000;
271
+ @zindex-message : 1010;
272
+ @zindex-notification : 1010;
273
+ @zindex-tooltip : 1060;
274
+ @zindex-transfer : 1060;
275
+ @zindex-loading-bar : 2000;
276
+ @zindex-spin-fullscreen : 2010;
277
+
278
+ // Animation
279
+ @animation-time : .3s;
280
+ @animation-time-quick : .15s;
281
+ @transition-time : .2s;
282
+ @ease-in-out : ease-in-out;
283
+
284
+ // Slider
285
+ @slider-color : @primary-color-tint-20;
286
+ @slider-height : 4px;
287
+ @slider-margin : 16px 0;
288
+ @slider-button-wrap-size : 18px;
289
+ @slider-button-wrap-offset : -5px;
290
+ @slider-disabled-color : #ccc;
291
+
292
+ // Avatar
293
+ @avatar-size-base: 32px;
294
+ @avatar-size-lg: 40px;
295
+ @avatar-size-sm: 24px;
296
+ @avatar-font-size-base: 18px;
297
+ @avatar-font-size-lg: 24px;
298
+ @avatar-font-size-sm: 14px;
299
+ @avatar-bg: #ccc;
300
+ @avatar-color: #fff;
301
+ @avatar-border-radius: @border-radius-small;
302
+
303
+ // Anchor
304
+ @anchor-border-width: 2px;
305
+
306
+ // List
307
+ // ---
308
+ @list-header-background: transparent;
309
+ @list-footer-background: transparent;
310
+ @list-empty-text-padding: @padding-md;
311
+ @list-item-padding: @padding-sm 0;
312
+ @list-item-meta-margin-bottom: @padding-md;
313
+ @list-item-meta-avatar-margin-right: @padding-md;
314
+ @list-item-meta-title-margin-bottom: @padding-sm;
package/config/themes/index.js CHANGED
@@ -3,6 +3,7 @@ import themeGold from "./theme-gold";
3
3
  import themeLime from "./theme-lime";
4
4
  import themeOrange from "./theme-orange";
5
5
  import themeRed from "./theme-red";
6
+ import themeAtrovirens from "./theme-atrovirens"
6
7
 
7
8
 
8
9
  export default [
@@ -10,5 +11,6 @@ export default [
10
11
  themeGold,
11
12
  themeLime,
12
13
  themeOrange,
13
- themeRed
14
- ]
14
+ themeRed,
15
+ themeAtrovirens
16
+ ]
package/config/themes/theme-atrovirens.js ADDED
@@ -0,0 +1,253 @@
1
+ export default {
2
+ key: "atrovirens",
3
+ title: "墨绿色",
4
+ primaryColor: "#3EAF7C",
5
+ vars: `
6
+ --primary-color: #3EAF7C;
7
+ --primary-color-tint-20: #65bf96;
8
+ --primary-color-tint-90: #ecf7f2;
9
+ --primary-color-tint-80: #d8efe5;
10
+ --primary-color-tint-5: #48b383;
11
+ --primary-color-tint-95-fade-50: rgba(245, 251, 248, 0.5);
12
+ --primary-color-fade-20: rgba(62, 175, 124, 0.2);
13
+ --primary-color-shade-5: #3ba676;
14
+ --info-color: #2db7f5;
15
+ --info-color-tint-20: #57c5f7;
16
+ --info-color-tint-90: #eaf8fe;
17
+ --info-color-tint-80: #d5f1fd;
18
+ --info-color-tint-5: #38bbf6;
19
+ --info-color-tint-95-fade-50: rgba(245, 251, 254, 0.5);
20
+ --info-color-fade-20: rgba(45, 183, 245, 0.2);
21
+ --info-color-shade-5: #2baee9;
22
+ --success-color: #19be6b;
23
+ --success-color-tint-20: #47cb89;
24
+ --success-color-tint-90: #e8f9f0;
25
+ --success-color-tint-80: #d1f2e1;
26
+ --success-color-tint-5: #25c172;
27
+ --success-color-tint-95-fade-50: rgba(244, 252, 248, 0.5);
28
+ --success-color-fade-20: rgba(25, 190, 107, 0.2);
29
+ --success-color-shade-5: #18b566;
30
+ --processing-color: #3EAF7C;
31
+ --warning-color: #ff9900;
32
+ --warning-color-tint-20: #ffad33;
33
+ --warning-color-tint-90: #fff5e6;
34
+ --warning-color-tint-5: #ff9e0d;
35
+ --warning-color-tint-80: #ffebcc;
36
+ --warning-color-tint-95-fade-50: rgba(255, 250, 242, 0.5);
37
+ --warning-color-fade-20: rgba(255, 153, 0, 0.2);
38
+ --warning-color-shade-5: #f29100;
39
+ --error-color: #ed4014;
40
+ --error-color-tint-20: #f16643;
41
+ --error-color-tint-90: #fdece8;
42
+ --error-color-tint-5: #ee4a20;
43
+ --error-color-tint-80: #fbd9d0;
44
+ --error-color-tint-95-fade-50: rgba(254, 245, 243, 0.5);
45
+ --error-color-fade-20: rgba(237, 64, 20, 0.2);
46
+ --error-color-shade-5: #e13d13;
47
+ --normal-color: #e6ebf1;
48
+ --link-color: #2d8cf0;
49
+ --link-hover-color: #57a3f3;
50
+ --link-active-color: #2b85e4;
51
+ --selected-color: rgba(62, 175, 124, 0.9);
52
+ --selected-color-shade-10: rgba(55, 154, 109, 0.91);
53
+ --tooltip-color: #fff;
54
+ --subsidiary-color: #808695;
55
+ --rate-star-color: #f5a623;
56
+ --rate-star-color-tint-20: #f7b84f;
57
+ --white: #fff;
58
+ --black: #000;
59
+ --body-background: #fff;
60
+ --component-background: #fff;
61
+ --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
62
+ --code-family: Consolas, Menlo, Courier, monospace;
63
+ --title-color: #17233d;
64
+ --text-color: #515a6e;
65
+ --text-color-secondary: rgba(0, 0, 0, 0.45);
66
+ --heading-color: rgba(0, 0, 0, 0.85);
67
+ --heading-color-dark: #ffffff;
68
+ --font-size-base: 14px;
69
+ --font-size-small: 12px;
70
+ --font-size-large: 16px;
71
+ --line-height-base: 1.5;
72
+ --line-height-computed: 21px;
73
+ --border-radius-base: 6px;
74
+ --border-radius-small: 4px;
75
+ --cursor-disabled: not-allowed;
76
+ --padding-lg: 24px;
77
+ --padding-md: 16px;
78
+ --padding-sm: 12px;
79
+ --padding-xs: 8px;
80
+ --border-color-base: #dcdee2;
81
+ --border-color-split: #e8eaec;
82
+ --border-width-base: 1px;
83
+ --border-style-base: solid;
84
+ --background-color-base: #f7f7f7;
85
+ --background-color-select-hover: #f3f3f3;
86
+ --tooltip-bg: rgba(70, 76, 91, 0.9);
87
+ --head-bg: #f9fafc;
88
+ --table-thead-bg: #f8f8f9;
89
+ --table-td-stripe-bg: #f8f8f9;
90
+ --table-td-hover-bg: #ebf7ff;
91
+ --table-td-highlight-bg: #ebf7ff;
92
+ --menu-dark-title: #515a6e;
93
+ --menu-dark-active-bg: #363e4f;
94
+ --menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
95
+ --menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
96
+ --date-picker-cell-hover-bg: #e1f0fe;
97
+ --shadow-color: rgba(0, 0, 0, 0.2);
98
+ --shadow-base: 0 1px 6px rgba(0, 0, 0, 0.2);
99
+ --shadow-card: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
100
+ --shadow-up: 0 -1px 6px rgba(0, 0, 0, 0.2);
101
+ --shadow-down: 0 1px 6px rgba(0, 0, 0, 0.2);
102
+ --shadow-left: -1px 0 6px rgba(0, 0, 0, 0.2);
103
+ --shadow-right: 1px 0 6px rgba(0, 0, 0, 0.2);
104
+ --btn-height-base: 32px;
105
+ --btn-height-large: 40px;
106
+ --btn-height-small: 24px;
107
+ --btn-padding-base: 0 15px;
108
+ --btn-padding-large: 0 15px;
109
+ --btn-padding-small: 0 7px;
110
+ --btn-font-weight: normal;
111
+ --btn-padding-base-icon: 5px 15px 6px;
112
+ --btn-padding-large-icon: 6px 15px 6px 15px;
113
+ --btn-padding-small-icon: 1px 7px 2px;
114
+ --btn-font-size: 14px;
115
+ --btn-font-size-large: 16px;
116
+ --btn-font-size-small: 14px;
117
+ --btn-border-radius: 4px;
118
+ --btn-border-radius-small: 3px;
119
+ --btn-group-border: #3ba676;
120
+ --btn-disable-color: #c5c8ce;
121
+ --btn-disable-bg: #f7f7f7;
122
+ --btn-disable-border: #dcdee2;
123
+ --btn-default-color: #515a6e;
124
+ --btn-default-color-tint-20: #747b8b;
125
+ --btn-default-color-shade-5: #4d5669;
126
+ --btn-default-bg: #fff;
127
+ --btn-default-bg-tint-20: #ffffff;
128
+ --btn-default-bg-shade-5: #f2f2f2;
129
+ --btn-default-border: #dcdee2;
130
+ --btn-default-border-tint-20: #e3e5e8;
131
+ --btn-default-border-shade-5: #d1d3d7;
132
+ --btn-primary-color: #fff;
133
+ --btn-primary-color-tint-20: #ffffff;
134
+ --btn-primary-color-tint-5: #ffffff;
135
+ --btn-primary-color-shade-5: #f2f2f2;
136
+ --btn-primary-bg: #3EAF7C;
137
+ --btn-primary-bg-tint-20: #65bf96;
138
+ --btn-primary-bg-tint-5: #48b383;
139
+ --btn-primary-bg-shade-5: #3ba676;
140
+ --btn-ghost-color: #515a6e;
141
+ --btn-ghost-color-tint-20: #747b8b;
142
+ --btn-ghost-color-shade-5: #4d5669;
143
+ --btn-ghost-bg: #fff;
144
+ --btn-ghost-bg-tint-20: #ffffff;
145
+ --btn-ghost-bg-shade-5: #f2f2f2;
146
+ --btn-ghost-border: #dcdee2;
147
+ --btn-ghost-border-tint-20: #e3e5e8;
148
+ --btn-ghost-border-shade-5: #d1d3d7;
149
+ --btn-circle-size: 32px;
150
+ --btn-circle-size-large: 40px;
151
+ --btn-circle-size-small: 24px;
152
+ --btn-square-size: 32px;
153
+ --btn-square-size-large: 40px;
154
+ --btn-square-size-small: 24px;
155
+ --grid-columns: 24;
156
+ --grid-gutter-width: 0;
157
+ --layout-body-background: #f5f7f9;
158
+ --layout-header-background: #515a6e;
159
+ --layout-header-height: 64px;
160
+ --layout-header-padding: 0 50px;
161
+ --layout-footer-padding: 24px 50px;
162
+ --layout-footer-background: #f5f7f9;
163
+ --layout-sider-background: #515a6e;
164
+ --layout-sider-background-tint-10: #626b7d;
165
+ --layout-trigger-height: 48px;
166
+ --layout-trigger-color: #fff;
167
+ --layout-zero-trigger-width: 36px;
168
+ --layout-zero-trigger-height: 42px;
169
+ --legend-color: #999;
170
+ --input-height-base: 32px;
171
+ --input-height-large: 40px;
172
+ --input-height-small: 24px;
173
+ --input-padding-horizontal: 7px;
174
+ --input-padding-vertical-base: 4px;
175
+ --input-padding-vertical-small: 1px;
176
+ --input-padding-vertical-large: 6px;
177
+ --input-placeholder-color: #c5c8ce;
178
+ --input-color: #515a6e;
179
+ --input-border-color: #dcdee2;
180
+ --input-border-color-tint-20: #e3e5e8;
181
+ --input-bg: #fff;
182
+ --input-group-bg: #f8f8f9;
183
+ --input-hover-border-color: #3EAF7C;
184
+ --input-hover-border-color-tint-20: #65bf96;
185
+ --input-hover-border-color-fade-20: rgba(62, 175, 124, 0.2);
186
+ --input-focus-border-color: #3EAF7C;
187
+ --input-disabled-bg: #f3f3f3;
188
+ --tag-font-size: 12px;
189
+ --screen-xs: 480px;
190
+ --screen-xs-min: 480px;
191
+ --screen-xs-max: 479px;
192
+ --screen-sm: 576px;
193
+ --screen-sm-min: 576px;
194
+ --screen-sm-max: 575px;
195
+ --screen-md: 768px;
196
+ --screen-md-min: 768px;
197
+ --screen-md-max: 767px;
198
+ --screen-lg: 992px;
199
+ --screen-lg-min: 992px;
200
+ --screen-lg-max: 991px;
201
+ --screen-xl: 1200px;
202
+ --screen-xl-min: 1200px;
203
+ --screen-xl-max: 1199px;
204
+ --screen-xxl: 1600px;
205
+ --screen-xxl-min: 1600px;
206
+ --screen-xxl-max: 1599px;
207
+ --zindex-spin: 8;
208
+ --zindex-affix: 10;
209
+ --zindex-back-top: 10;
210
+ --zindex-select: 900;
211
+ --zindex-modal: 1000;
212
+ --zindex-drawer: 1000;
213
+ --zindex-message: 1010;
214
+ --zindex-notification: 1010;
215
+ --zindex-tooltip: 1060;
216
+ --zindex-transfer: 1060;
217
+ --zindex-loading-bar: 2000;
218
+ --zindex-spin-fullscreen: 2010;
219
+ --animation-time: 0.3s;
220
+ --animation-time-quick: 0.15s;
221
+ --transition-time: 0.2s;
222
+ --ease-in-out: ease-in-out;
223
+ --slider-color: #65bf96;
224
+ --slider-height: 4px;
225
+ --slider-margin: 16px 0;
226
+ --slider-button-wrap-size: 18px;
227
+ --slider-button-wrap-offset: -5px;
228
+ --slider-disabled-color: #ccc;
229
+ --avatar-size-base: 32px;
230
+ --avatar-size-lg: 40px;
231
+ --avatar-size-sm: 24px;
232
+ --avatar-font-size-base: 18px;
233
+ --avatar-font-size-lg: 24px;
234
+ --avatar-font-size-sm: 14px;
235
+ --avatar-bg: #ccc;
236
+ --avatar-color: #fff;
237
+ --avatar-border-radius: 4px;
238
+ --anchor-border-width: 2px;
239
+ --list-header-background: transparent;
240
+ --list-footer-background: transparent;
241
+ --list-empty-text-padding: 16px;
242
+ --list-item-padding: 12px 0;
243
+ --list-item-meta-margin-bottom: 16px;
244
+ --list-item-meta-avatar-margin-right: 16px;
245
+ --list-item-meta-title-margin-bottom: 12px;
246
+ `,
247
+ style:`
248
+ html {
249
+ padding:0;
250
+ margin:0;
251
+ }
252
+ `
253
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lambo-design/shared",
3
- "version": "1.0.0-beta.46",
3
+ "version": "1.0.0-beta.48",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "lambo",
package/utils/assist.js CHANGED
@@ -1,84 +1,84 @@
1
- // deepCopy
2
-
3
-
4
- export function deepCopy(data) {
5
- let i;
6
- const t = typeOf(data);
7
- let o;
8
-
9
- if (t === 'array') {
10
- o = [];
11
- } else if (t === 'object') {
12
- o = {};
13
- } else {
14
- return data;
15
- }
16
-
17
- if (t === 'array') {
18
- for (i = 0; i < data.length; i++) {
19
- o.push(deepCopy(data[i]));
20
- }
21
- } else if (t === 'object') {
22
- for (i in data) {
23
- o[i] = deepCopy(data[i]);
24
- }
25
- }
26
- return o;
27
- }
28
-
29
- export function typeOf(obj) {
30
- const toString = Object.prototype.toString;
31
- const map = {
32
- '[object Boolean]': 'boolean',
33
- '[object Number]': 'number',
34
- '[object String]': 'string',
35
- '[object Function]': 'function',
36
- '[object Array]': 'array',
37
- '[object Date]': 'date',
38
- '[object RegExp]': 'regExp',
39
- '[object Undefined]': 'undefined',
40
- '[object Null]': 'null',
41
- '[object Object]': 'object'
42
- };
43
- return map[toString.call(obj)];
44
- }
45
-
46
- export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
47
- return h('Button', {
48
- props: {
49
- type: type,
50
- size: "small",
51
- ghost: true,
52
- },
53
- directives: [(permission === '' || permission === null) ? '' : {
54
- name: "permission",
55
- value: permission
56
- }],
57
- style: {
58
- margin: '0 2px'
59
- },
60
- on: {
61
- 'click': () => {
62
- operation(vm, currentRow);
63
- }
64
- }
65
- }, operationName);
66
-
67
- }
68
-
69
- export function operateHref(vm, h, currentRow, operationName, operation) {
70
- return h('a', {
71
- style: {
72
- margin: '0 4px'
73
- },
74
- on: {
75
- 'click': () => {
76
- operation(vm, currentRow);
77
- }
78
- }
79
- }, operationName);
80
- }
81
-
82
- export function isJson(arg) {
83
- return typeof (arg) == "object" && Object.prototype.toString.call(arg).toLowerCase() == "[object object]" && !arg.length
84
- };
1
+ // deepCopy
2
+
3
+
4
+ export function deepCopy(data) {
5
+ let i;
6
+ const t = typeOf(data);
7
+ let o;
8
+
9
+ if (t === 'array') {
10
+ o = [];
11
+ } else if (t === 'object') {
12
+ o = {};
13
+ } else {
14
+ return data;
15
+ }
16
+
17
+ if (t === 'array') {
18
+ for (i = 0; i < data.length; i++) {
19
+ o.push(deepCopy(data[i]));
20
+ }
21
+ } else if (t === 'object') {
22
+ for (i in data) {
23
+ o[i] = deepCopy(data[i]);
24
+ }
25
+ }
26
+ return o;
27
+ }
28
+
29
+ export function typeOf(obj) {
30
+ const toString = Object.prototype.toString;
31
+ const map = {
32
+ '[object Boolean]': 'boolean',
33
+ '[object Number]': 'number',
34
+ '[object String]': 'string',
35
+ '[object Function]': 'function',
36
+ '[object Array]': 'array',
37
+ '[object Date]': 'date',
38
+ '[object RegExp]': 'regExp',
39
+ '[object Undefined]': 'undefined',
40
+ '[object Null]': 'null',
41
+ '[object Object]': 'object'
42
+ };
43
+ return map[toString.call(obj)];
44
+ }
45
+
46
+ export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
47
+ return h('Button', {
48
+ props: {
49
+ type: type,
50
+ size: "small",
51
+ ghost: true,
52
+ },
53
+ directives: [(permission === '' || permission === null) ? '' : {
54
+ name: "permission",
55
+ value: permission
56
+ }],
57
+ style: {
58
+ margin: '0 2px'
59
+ },
60
+ on: {
61
+ 'click': () => {
62
+ operation(vm, currentRow);
63
+ }
64
+ }
65
+ }, operationName);
66
+
67
+ }
68
+
69
+ export function operateHref(vm, h, currentRow, operationName, operation) {
70
+ return h('a', {
71
+ style: {
72
+ margin: '0 4px'
73
+ },
74
+ on: {
75
+ 'click': () => {
76
+ operation(vm, currentRow);
77
+ }
78
+ }
79
+ }, operationName);
80
+ }
81
+
82
+ export function isJson(arg) {
83
+ return typeof (arg) == "object" && Object.prototype.toString.call(arg).toLowerCase() == "[object object]" && !arg.length
84
+ };