@lambo-design/shared 1.0.0-beta.1

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.
@@ -0,0 +1,252 @@
1
+ export default {
2
+ key: "gold",
3
+ title: "金盏花",
4
+ primaryColor: "#fa8c16",
5
+ vars: `
6
+ --primary-color: #fa8c16;
7
+ --primary-color-tint-20: #fba345;
8
+ --primary-color-tint-90: #fff4e8;
9
+ --primary-color-tint-80: #fee8d0;
10
+ --primary-color-tint-5: #fa9222;
11
+ --primary-color-tint-95-fade-50: rgba(255, 249, 243, 0.5);
12
+ --primary-color-fade-20: rgba(250, 140, 22, 0.2);
13
+ --primary-color-shade-5: #ee8515;
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: var(--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: #fa8c16;
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(250, 140, 22, 0.9);
52
+ --selected-color-shade-10: rgba(220, 123, 19, 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: #ee8515;
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: #fa8c16;
137
+ --btn-primary-bg-tint-20: #fba345;
138
+ --btn-primary-bg-tint-5: #fa9222;
139
+ --btn-ghost-color: #515a6e;
140
+ --btn-ghost-color-tint-20: #747b8b;
141
+ --btn-ghost-color-shade-5: #4d5669;
142
+ --btn-ghost-bg: #fff;
143
+ --btn-ghost-bg-tint-20: #ffffff;
144
+ --btn-ghost-bg-shade-5: #f2f2f2;
145
+ --btn-ghost-border: #dcdee2;
146
+ --btn-ghost-border-tint-20: #e3e5e8;
147
+ --btn-ghost-border-shade-5: #d1d3d7;
148
+ --btn-circle-size: 32px;
149
+ --btn-circle-size-large: 40px;
150
+ --btn-circle-size-small: 24px;
151
+ --btn-square-size: 32px;
152
+ --btn-square-size-large: 40px;
153
+ --btn-square-size-small: 24px;
154
+ --grid-columns: 24;
155
+ --grid-gutter-width: 0;
156
+ --layout-body-background: #f5f7f9;
157
+ --layout-header-background: #515a6e;
158
+ --layout-header-height: 64px;
159
+ --layout-header-padding: 0 50px;
160
+ --layout-footer-padding: 24px 50px;
161
+ --layout-footer-background: #f5f7f9;
162
+ --layout-sider-background: #515a6e;
163
+ --layout-sider-background-tint-10: #626b7d;
164
+ --layout-trigger-height: 48px;
165
+ --layout-trigger-color: #fff;
166
+ --layout-zero-trigger-width: 36px;
167
+ --layout-zero-trigger-height: 42px;
168
+ --legend-color: #999;
169
+ --input-height-base: 32px;
170
+ --input-height-large: 40px;
171
+ --input-height-small: 24px;
172
+ --input-padding-horizontal: 7px;
173
+ --input-padding-vertical-base: 4px;
174
+ --input-padding-vertical-small: 1px;
175
+ --input-padding-vertical-large: 6px;
176
+ --input-placeholder-color: #c5c8ce;
177
+ --input-color: #515a6e;
178
+ --input-border-color: #dcdee2;
179
+ --input-border-color-tint-20: #e3e5e8;
180
+ --input-bg: #fff;
181
+ --input-group-bg: #f8f8f9;
182
+ --input-hover-border-color: #fa8c16;
183
+ --input-hover-border-color-tint-20: #fba345;
184
+ --input-hover-border-color-fade-20: rgba(250, 140, 22, 0.2);
185
+ --input-focus-border-color: #fa8c16;
186
+ --input-disabled-bg: #f3f3f3;
187
+ --tag-font-size: 12px;
188
+ --screen-xs: 480px;
189
+ --screen-xs-min: 480px;
190
+ --screen-xs-max: 479px;
191
+ --screen-sm: 576px;
192
+ --screen-sm-min: 576px;
193
+ --screen-sm-max: 575px;
194
+ --screen-md: 768px;
195
+ --screen-md-min: 768px;
196
+ --screen-md-max: 767px;
197
+ --screen-lg: 992px;
198
+ --screen-lg-min: 992px;
199
+ --screen-lg-max: 991px;
200
+ --screen-xl: 1200px;
201
+ --screen-xl-min: 1200px;
202
+ --screen-xl-max: 1199px;
203
+ --screen-xxl: 1600px;
204
+ --screen-xxl-min: 1600px;
205
+ --screen-xxl-max: 1599px;
206
+ --zindex-spin: 8;
207
+ --zindex-affix: 10;
208
+ --zindex-back-top: 10;
209
+ --zindex-select: 900;
210
+ --zindex-modal: 1000;
211
+ --zindex-drawer: 1000;
212
+ --zindex-message: 1010;
213
+ --zindex-notification: 1010;
214
+ --zindex-tooltip: 1060;
215
+ --zindex-transfer: 1060;
216
+ --zindex-loading-bar: 2000;
217
+ --zindex-spin-fullscreen: 2010;
218
+ --animation-time: 0.3s;
219
+ --animation-time-quick: 0.15s;
220
+ --transition-time: 0.2s;
221
+ --ease-in-out: ease-in-out;
222
+ --slider-color: #fba345;
223
+ --slider-height: 4px;
224
+ --slider-margin: 16px 0;
225
+ --slider-button-wrap-size: 18px;
226
+ --slider-button-wrap-offset: -5px;
227
+ --slider-disabled-color: #ccc;
228
+ --avatar-size-base: 32px;
229
+ --avatar-size-lg: 40px;
230
+ --avatar-size-sm: 24px;
231
+ --avatar-font-size-base: 18px;
232
+ --avatar-font-size-lg: 24px;
233
+ --avatar-font-size-sm: 14px;
234
+ --avatar-bg: #ccc;
235
+ --avatar-color: #fff;
236
+ --avatar-border-radius: 4px;
237
+ --anchor-border-width: 2px;
238
+ --list-header-background: transparent;
239
+ --list-footer-background: transparent;
240
+ --list-empty-text-padding: 16px;
241
+ --list-item-padding: 12px 0;
242
+ --list-item-meta-margin-bottom: 16px;
243
+ --list-item-meta-avatar-margin-right: 16px;
244
+ --list-item-meta-title-margin-bottom: 12px;
245
+ `,
246
+ style:`
247
+ html {
248
+ padding:0;
249
+ margin:0;
250
+ }
251
+ `
252
+ };
@@ -0,0 +1,252 @@
1
+ export default {
2
+ key: "lime",
3
+ title: "青柠",
4
+ primaryColor: "#52c41a",
5
+ vars: `
6
+ --primary-color: #52c41a;
7
+ --primary-color-tint-20: #75d048;
8
+ --primary-color-tint-90: #eef9e8;
9
+ --primary-color-tint-80: #dcf3d1;
10
+ --primary-color-tint-5: #5bc725;
11
+ --primary-color-tint-95-fade-50: rgba(246, 252, 244, 0.5);
12
+ --primary-color-fade-20: rgba(82, 196, 26, 0.2);
13
+ --primary-color-shade-5: #4eba19;
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: var(--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: #52c41a;
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(82, 196, 26, 0.9);
52
+ --selected-color-shade-10: rgba(72, 173, 23, 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: #4eba19;
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: #52c41a;
137
+ --btn-primary-bg-tint-20: #75d048;
138
+ --btn-primary-bg-tint-5: #5bc725;
139
+ --btn-ghost-color: #515a6e;
140
+ --btn-ghost-color-tint-20: #747b8b;
141
+ --btn-ghost-color-shade-5: #4d5669;
142
+ --btn-ghost-bg: #fff;
143
+ --btn-ghost-bg-tint-20: #ffffff;
144
+ --btn-ghost-bg-shade-5: #f2f2f2;
145
+ --btn-ghost-border: #dcdee2;
146
+ --btn-ghost-border-tint-20: #e3e5e8;
147
+ --btn-ghost-border-shade-5: #d1d3d7;
148
+ --btn-circle-size: 32px;
149
+ --btn-circle-size-large: 40px;
150
+ --btn-circle-size-small: 24px;
151
+ --btn-square-size: 32px;
152
+ --btn-square-size-large: 40px;
153
+ --btn-square-size-small: 24px;
154
+ --grid-columns: 24;
155
+ --grid-gutter-width: 0;
156
+ --layout-body-background: #f5f7f9;
157
+ --layout-header-background: #515a6e;
158
+ --layout-header-height: 64px;
159
+ --layout-header-padding: 0 50px;
160
+ --layout-footer-padding: 24px 50px;
161
+ --layout-footer-background: #f5f7f9;
162
+ --layout-sider-background: #515a6e;
163
+ --layout-sider-background-tint-10: #626b7d;
164
+ --layout-trigger-height: 48px;
165
+ --layout-trigger-color: #fff;
166
+ --layout-zero-trigger-width: 36px;
167
+ --layout-zero-trigger-height: 42px;
168
+ --legend-color: #999;
169
+ --input-height-base: 32px;
170
+ --input-height-large: 40px;
171
+ --input-height-small: 24px;
172
+ --input-padding-horizontal: 7px;
173
+ --input-padding-vertical-base: 4px;
174
+ --input-padding-vertical-small: 1px;
175
+ --input-padding-vertical-large: 6px;
176
+ --input-placeholder-color: #c5c8ce;
177
+ --input-color: #515a6e;
178
+ --input-border-color: #dcdee2;
179
+ --input-border-color-tint-20: #e3e5e8;
180
+ --input-bg: #fff;
181
+ --input-group-bg: #f8f8f9;
182
+ --input-hover-border-color: #52c41a;
183
+ --input-hover-border-color-tint-20: #75d048;
184
+ --input-hover-border-color-fade-20: rgba(82, 196, 26, 0.2);
185
+ --input-focus-border-color: #52c41a;
186
+ --input-disabled-bg: #f3f3f3;
187
+ --tag-font-size: 12px;
188
+ --screen-xs: 480px;
189
+ --screen-xs-min: 480px;
190
+ --screen-xs-max: 479px;
191
+ --screen-sm: 576px;
192
+ --screen-sm-min: 576px;
193
+ --screen-sm-max: 575px;
194
+ --screen-md: 768px;
195
+ --screen-md-min: 768px;
196
+ --screen-md-max: 767px;
197
+ --screen-lg: 992px;
198
+ --screen-lg-min: 992px;
199
+ --screen-lg-max: 991px;
200
+ --screen-xl: 1200px;
201
+ --screen-xl-min: 1200px;
202
+ --screen-xl-max: 1199px;
203
+ --screen-xxl: 1600px;
204
+ --screen-xxl-min: 1600px;
205
+ --screen-xxl-max: 1599px;
206
+ --zindex-spin: 8;
207
+ --zindex-affix: 10;
208
+ --zindex-back-top: 10;
209
+ --zindex-select: 900;
210
+ --zindex-modal: 1000;
211
+ --zindex-drawer: 1000;
212
+ --zindex-message: 1010;
213
+ --zindex-notification: 1010;
214
+ --zindex-tooltip: 1060;
215
+ --zindex-transfer: 1060;
216
+ --zindex-loading-bar: 2000;
217
+ --zindex-spin-fullscreen: 2010;
218
+ --animation-time: 0.3s;
219
+ --animation-time-quick: 0.15s;
220
+ --transition-time: 0.2s;
221
+ --ease-in-out: ease-in-out;
222
+ --slider-color: #75d048;
223
+ --slider-height: 4px;
224
+ --slider-margin: 16px 0;
225
+ --slider-button-wrap-size: 18px;
226
+ --slider-button-wrap-offset: -5px;
227
+ --slider-disabled-color: #ccc;
228
+ --avatar-size-base: 32px;
229
+ --avatar-size-lg: 40px;
230
+ --avatar-size-sm: 24px;
231
+ --avatar-font-size-base: 18px;
232
+ --avatar-font-size-lg: 24px;
233
+ --avatar-font-size-sm: 14px;
234
+ --avatar-bg: #ccc;
235
+ --avatar-color: #fff;
236
+ --avatar-border-radius: 4px;
237
+ --anchor-border-width: 2px;
238
+ --list-header-background: transparent;
239
+ --list-footer-background: transparent;
240
+ --list-empty-text-padding: 16px;
241
+ --list-item-padding: 12px 0;
242
+ --list-item-meta-margin-bottom: 16px;
243
+ --list-item-meta-avatar-margin-right: 16px;
244
+ --list-item-meta-title-margin-bottom: 12px;
245
+ `,
246
+ style:`
247
+ html {
248
+ padding:0;
249
+ margin:0;
250
+ }
251
+ `
252
+ };
package/index.js ADDED
@@ -0,0 +1,3 @@
1
+ import * as config from "./config";
2
+ import * as utils from "./utils";
3
+ export { config, utils };
package/package.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "@lambo-design/shared",
3
+ "version": "1.0.0-beta.1",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "scripts": {},
7
+ "author": "lambo",
8
+ "license": "ISC",
9
+ "publishConfig": {
10
+ "access": "public"
11
+ },
12
+ "dependencies": {
13
+ "axios": "^0.24.0",
14
+ "axios-cache-plugin": "^0.1.0",
15
+ "qs": "^6.11.0",
16
+ "xlsx": "file:vendor\\xlsx-0.19.1.tgz",
17
+ "classnames": "^2.3.1",
18
+ "xlsx-style": "^0.8.13"
19
+ }
20
+ }
@@ -0,0 +1,21 @@
1
+ @primary-color: #0091FF;
2
+
3
+ @btn-height-small:20px;
4
+ @btn-height-base:26px;
5
+ @btn-height-large:32px;
6
+ @input-height-small:20px;
7
+ @input-height-base:26px;
8
+ @input-height-large:32px;
9
+ @border-radius-small:2px;
10
+ @btn-border-radius:2px;
11
+ @font-size-base:12px;
12
+
13
+ @border-color-base:#E6E6E6;
14
+ @border-color-split:#E6E6E6;
15
+ @text-color:#666666;
16
+ @btn-disable-color:#999999;
17
+ @input-disabled-bg:#f8f8f8;
18
+ @table-thead-bg:#41a5fa;
19
+ @table-td-stripe-bg:#f2fafe;
20
+ @table-td-hover-bg:#b5def3;
21
+ @table-td-highlight-bg:#55B1E3;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * 配置在该文件下的正则匹配都会被缓存
3
+ * @type {RegExp[]}
4
+ */
5
+ const cacheRules = [
6
+ /manage\/menu\/list/,
7
+ /manage\/menu\/list/,
8
+ /dict\/getDictsMap/,
9
+ /dict\/getDicts/,
10
+ /dict\/getDictsForMulti/,
11
+ /upmsOrg\/getSubOrgCodes/,
12
+ /upmsOrg\/getSubDeptCodesByOrgCode/,
13
+ /upmsOrg\/getProvincesCodes/,
14
+ /upmsOrg\/getCitysCodes/,
15
+ /upmsOrg\/getIndustrysCodes/,
16
+ /manage\/permission\/check/
17
+ ];
18
+
19
+ export default cacheRules
@@ -0,0 +1,12 @@
1
+ import axios from 'axios'
2
+ import config from '../../config/config'
3
+ import interceptors from './interceptors'
4
+
5
+
6
+ let ajax = axios.create();
7
+ ajax.defaults.baseURL = config.serverContext
8
+ ajax.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'
9
+ ajax.interceptors.request.use(interceptors.requestInterceptors, interceptors.requestError);
10
+ ajax.interceptors.response.use(interceptors.responseInterceptors, interceptors.responseError);
11
+
12
+ export default ajax;
@@ -0,0 +1,90 @@
1
+ import qs from 'qs'
2
+ import cacheRules from "./cacheconf";
3
+ import {getToken,getUrlParams} from '../platform'
4
+ import Bus from '../bus';
5
+
6
+
7
+ let timer1, timer2;
8
+
9
+ function requestInterceptors(config) {
10
+ const params = getUrlParams();
11
+
12
+ let token = getToken();
13
+ if (token) {
14
+ config.headers.token = token;
15
+ }
16
+
17
+ //sso_token认证
18
+ if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
19
+ config.params = Object.assign({
20
+ sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
21
+ sso_id: params.sso_id
22
+ }, config.params)
23
+ }
24
+
25
+ //oauth认证
26
+ if (params.hasOwnProperty('token')) {
27
+ if (config.url.indexOf('?') === -1) {
28
+ config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
29
+ } else {
30
+ config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
31
+ }
32
+ }
33
+
34
+ if (config.method === 'post') {
35
+ // payload为自定义不使用qs.stringify序列化的标记,默认config.payload == undefined;
36
+ // 为true时用于匹配@requestBody定义参数的接口
37
+ // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
38
+ if (!config.payload) {
39
+ config.data = qs.stringify(config.data)
40
+ }
41
+ } else if (config.method === 'get') {
42
+ for (let rule of cacheRules) {
43
+ if (rule.test(config.url)) {
44
+ return config;
45
+ }
46
+ }
47
+ if (config.url.indexOf('?') === -1) {
48
+ config.url = config.url + "?t=" + new Date().getTime();
49
+ } else {
50
+ config.url = config.url + "&t=" + new Date().getTime();
51
+ }
52
+ }
53
+ return config;
54
+ }
55
+
56
+ function requestError(error) {
57
+ console.error("服务器内部异常,请稍候再试",error);
58
+ return Promise.reject(error);
59
+ }
60
+
61
+ function responseInterceptors(response) {
62
+ const data = response.data;
63
+ if (data instanceof Object) {
64
+ const code = data["code"];
65
+ if (code === 10106) {
66
+ clearTimeout(timer1);
67
+ timer1 = setTimeout(function () {
68
+ if (confirm("会话已失效,是否重新登录")) {
69
+ Bus.$emit("needLogin");
70
+ }
71
+ }, 500)
72
+ }
73
+ }
74
+ return response;
75
+ }
76
+
77
+ function responseError(error) {
78
+ clearTimeout(timer2);
79
+ timer2 = setTimeout(function () {
80
+ console.error("服务器内部异常,请稍候再试");
81
+ }, 500)
82
+ return Promise.reject(error);
83
+ }
84
+
85
+ export default {
86
+ requestInterceptors,
87
+ responseInterceptors,
88
+ requestError,
89
+ responseError
90
+ }