@das-fed/upf-ui 6.4.0-dev.242 → 6.4.0-dev.244

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 (27) hide show
  1. package/front-end/i18n/front-end-page/dasui_en-US.js +1 -1
  2. package/front-end/i18n/front-end-page/dasui_zh-CN.js +1 -1
  3. package/front-end/i18n/front-end-page/dasui_zh-MO.js +1 -1
  4. package/index.d.ts +15 -0
  5. package/index.js +32 -0
  6. package/package.json +3 -3
  7. package/packages/components/button/index.js +88 -85
  8. package/packages/components/button/index.js.gz +0 -0
  9. package/packages/components/button/style.css +1 -1
  10. package/packages/components/button/style.css.gz +0 -0
  11. package/packages/components/date-picker/index.d.ts +3 -3
  12. package/packages/components/date-picker/index.js +609 -600
  13. package/packages/components/date-picker/index.js.gz +0 -0
  14. package/packages/components/date-picker/src/DateRangePicker.vue.d.ts +1 -1
  15. package/packages/components/date-picker/src/type.d.ts +4 -1
  16. package/packages/components/date-picker/style.css +1 -1
  17. package/packages/components/date-picker/style.css.gz +0 -0
  18. package/packages/components/form-item/src/hooks/use-form.d.ts +1 -1
  19. package/packages/components/pagination/index.d.ts +9 -9
  20. package/packages/components/pagination/src/Pagination.vue.d.ts +1 -1
  21. package/packages/components/table/index.d.ts +9 -9
  22. package/packages/components/table/src/table-column/index.vue.d.ts +1 -1
  23. package/presets/theme-cjb.css +311 -0
  24. package/presets/theme-default.css +311 -0
  25. package/presets/theme-dkh.css +311 -0
  26. package/presets/theme-ssl.css +311 -0
  27. package/theme-default.css +311 -0
package/presets/theme-cjb.css ADDED
@@ -0,0 +1,311 @@
1
+ :root {
2
+ --upf-brand-primary: #ffffff;
3
+ --upf-brand-secondary: #f2f6ff;
4
+ --upf-color-primary: #5582f3;
5
+ --upf-color-success: #52c41a;
6
+ --upf-color-warning: #faad14;
7
+ --upf-color-error: #ff4d4f;
8
+ --upf-color-info: #1890ff;
9
+ --upf-text-primary: #212121;
10
+ --upf-text-secondary: #666666;
11
+ --upf-text-disabled: #B2B2B2;
12
+ --upf-text-placeholder: #bfbfbf;
13
+ --upf-bg-primary: #ffffff;
14
+ --upf-bg-secondary: #F2F2F2;
15
+ --upf-bg-elevated: #ffffff;
16
+ --upf-bg-mask: rgba(0, 0, 0, 0.45);
17
+ --upf-border-color: #D9D9D9;
18
+ --upf-divider-color: #ebeff5;
19
+ --upf-nav-bg: #ffffff;
20
+ --upf-nav-text: #212121;
21
+ --upf-nav-hover-bg: #f2f6ff;
22
+ --upf-nav-active-bg: #f2f6ff;
23
+ --upf-nav-active-text: #5582f3;
24
+ --upf-menu-bg: #ffffff;
25
+ --upf-menu-text: #212121;
26
+ --upf-menu-hover-bg: #f2f2f2;
27
+ --upf-menu-active-bg: #f2f6ff;
28
+ --upf-menu-active-text: #5582f3;
29
+ --upf-menu-submenu-bg: #ffffff;
30
+ --upf-tab-bg: #ffffff;
31
+ --upf-tab-text: #666666;
32
+ --upf-tab-hover-bg: #f2f6ff;
33
+ --upf-tab-active-bg: #ffffff;
34
+ --upf-tab-active-text: #5582f3;
35
+ --upf-border-radius: 4px;
36
+ --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
37
+ --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.12);
38
+ --upf-button-primary: #5582f3;
39
+ --upf-notification-primary-bg: #5582f3;
40
+ --upf-button-default-text: #212121;
41
+ --upf-notification-title-text: #212121;
42
+ --upf-text-tooltip-text: #212121;
43
+ --upf-button-default-border: #D9D9D9;
44
+ --upf-text-tooltip-border: #D9D9D9;
45
+ --upf-button-default-disabled: #B2B2B2;
46
+ --upf-switch-off-color: #B2B2B2;
47
+ --upf-message-thumb: #B2B2B2;
48
+ --upf-text-tooltip-scrollbar-thumb: #B2B2B2;
49
+ --upf-button-default-disabled-bg: #F2F2F2;
50
+ --upf-table-header-bg: #F2F2F2;
51
+ --upf-checkbox-filter-bg: #ffffff;
52
+ --upf-loading-color-1: #1890ff;
53
+ --upf-loading-color-2: #f2f6ff;
54
+ --upf-loading-color-3: #52c41a;
55
+ --upf-loading-color-6: #ebeff5;
56
+ --upf-message-close: #666666;
57
+ --upf-notification-description-text: #666666;
58
+ --upf-notification-close: #666666;
59
+ --upf-text-tooltip-scrollbar-thumb-hover: #666666;
60
+ --upf-button-primary-text: #ffffff;
61
+ --upf-button-primary-text-disabled: rgba(255, 255, 255, 1);
62
+ --upf-dialog-basic-header-height: 50px;
63
+ --upf-dialog-basic-content-padding: 30px;
64
+ --upf-dialog-feedback-header-height: 60px;
65
+ --upf-dialog-feedback-icon-width: 168px;
66
+ --upf-dialog-feedback-icon-height: 96px;
67
+ --upf-dialog-feedback-content-font-size: 16px;
68
+ --upf-dialog-feedback-content-padding: 48px;
69
+ --upf-dialog-notice-content-font-size: 14px;
70
+ --upf-dialog-notice-content-padding: 24px;
71
+ --upf-table-header-padding-top: 4px;
72
+ --upf-table-header-padding-bottom: 4px;
73
+ --upf-message-font-size-sm: 12px;
74
+ --upf-message-font-size-md: 14px;
75
+ --upf-message-font-size-lg: 16px;
76
+ --upf-notification-font-size-sm: 12px;
77
+ --upf-notification-font-size-md: 14px;
78
+ --upf-notification-font-size-lg: 16px;
79
+ --upf-notification-primary-text: #ffffff;
80
+ --upf-text-tooltip-scrollbar-padding: 1px;
81
+ --upf-button-primary-hover: #7499f5;
82
+ --upf-button-active: #3761CA;
83
+ --upf-button-disabled: #ccdafb;
84
+ --upf-button-set: #4265be;
85
+ --upf-button-set-hover: #4970d1;
86
+ --upf-button-set-active: #3761CA;
87
+ --upf-button-set-disabled: #97aadb;
88
+ --upf-switch-on-color-disabled: #c9d7fb;
89
+ --upf-checkbox-focus-shadow: rgba(85, 130, 243, 0.1);
90
+ --upf-checkbox-overlay-error-bg: #ffe6e6;
91
+ --upf-loading-color-4: #9cb6f8;
92
+ --upf-loading-color-5: #5582f3;
93
+ --upf-table-row-hover-bg: #F2F2F2;
94
+ --upf-table-row-active-bg: #f1f5fe;
95
+ --upf-table-row-active-hover-bg: #e7eefd;
96
+ --upf-table-summary-row-color: #fc822f;
97
+ --upf-table-summary-row-bg: #fef0d5;
98
+ --upf-message-bg: #dfefff;
99
+ --upf-message-text: #1890ff;
100
+ --upf-message-border: #b5dbff;
101
+ --upf-message-close-hover: #5582f3;
102
+ --upf-message-success-bg: #e3f6da;
103
+ --upf-message-success-text: #52c41a;
104
+ --upf-message-success-border: #c8ecb6;
105
+ --upf-message-info-bg: #dfefff;
106
+ --upf-message-info-text: #1890ff;
107
+ --upf-message-info-border: #b5dbff;
108
+ --upf-message-warning-bg: #fef2d9;
109
+ --upf-message-warning-text: #faad14;
110
+ --upf-message-warning-border: #fde5b4;
111
+ --upf-message-error-bg: #ffe6e6;
112
+ --upf-message-error-text: #ff4d4f;
113
+ --upf-message-error-border: #ffc6c7;
114
+ --upf-notification-bg: #ffffff;
115
+ --upf-notification-close-hover: #5582f3;
116
+ --upf-text-tooltip-bg: #ffffff;
117
+ --upf-text-tooltip-shadow-color: rgba(38, 38, 38, 0.16);
118
+ --upf-app-container-app-bg-override: #ffffff;
119
+ --upf-app-container-app-text-override: #212121;
120
+ --el-color-primary: #5582f3;
121
+ --el-color-success: #52c41a;
122
+ --el-color-warning: #faad14;
123
+ --el-color-danger: #ff4d4f;
124
+ --el-color-error: #ff4d4f;
125
+ --el-color-info: #1890ff;
126
+ --el-text-color-primary: #212121;
127
+ --el-text-color-regular: #212121;
128
+ --el-text-color-secondary: #666666;
129
+ --el-text-color-placeholder: #bfbfbf;
130
+ --el-text-color-disabled: #B2B2B2;
131
+ --el-border-color: #D9D9D9;
132
+ --el-border-color-light: #ebeff5;
133
+ --el-border-color-lighter: #ebeff5;
134
+ --el-fill-color-blank: #ffffff;
135
+ --el-bg-color: #ffffff;
136
+ --el-bg-color-page: #F2F2F2;
137
+ --el-bg-color-overlay: #ffffff;
138
+ --el-dialog-bg-color: #ffffff;
139
+ --el-mask-color: rgba(0, 0, 0, 0.45);
140
+ --el-tree-text-color: #666666;
141
+ --el-checkbox-disabled-checked-icon-color: #B2B2B2;
142
+ --el-dialog-content-font-size: 14px;
143
+ --el-transition-duration-fast: 0.2s;
144
+ --el-checkbox-font-weight: 400;
145
+ --el-checkbox-input-width: 14px;
146
+ --el-checkbox-input-height: 14px;
147
+ --el-checkbox-checked-icon-color: #ffffff;
148
+ --el-checkbox-input-border: 1px solid #D9D9D9;
149
+ --das-black-list-mange-color-white: #ffffff;
150
+ --das-ui-color-primary: #5582f3;
151
+ --das-ui-color-danger: #ff4d4f;
152
+ --das-ui-color-warning: #faad14;
153
+ --das-ui-color-success: #52c41a;
154
+ --das-ui-color-link: #5582f3;
155
+ --das-ui-color-normal: #212121;
156
+ --das-ui-color-secondary: #666666;
157
+ --das-ui-color-help: #B2B2B2;
158
+ --das-ui-color-disabled: #B2B2B2;
159
+ --das-ui-color-overlay-error: #ff4d4f;
160
+ --das-ui-button-primary: #5582f3;
161
+ --das-ui-input-full-border-color: #D9D9D9;
162
+ --das-ui-tag-list-border-active-color: #5582f3;
163
+ --das-ui-tag-dark-temporary-color: #666666;
164
+ --das-ui-split-panel-color-primary: #5582f3;
165
+ --das-ui-split-panel-color-line: #ebeff5;
166
+ --das-ui-split-panel-color-btn: #666666;
167
+ --das-ui-tree-table-highlight-color: #5582f3;
168
+ --das-ui-tree-table-header-color: #212121;
169
+ --das-ui-tree-table-header-bg-color: #F2F2F2;
170
+ --das-ui-tree-table-border-color: #D9D9D9;
171
+ --das-ui-rich-editor-active-font-color: #5582f3;
172
+ --das-ui-dropdown-bgff-color: #ffffff;
173
+ --das-ui-dropdown-divided-color: #D9D9D9;
174
+ --das-ui-dropdown-active-color: #5582f3;
175
+ --das-ui-dropdown-hover-color: #F2F2F2;
176
+ --das-ui-spin-logo-1-color: #1890ff;
177
+ --das-ui-spin-logo-2-color: #f2f6ff;
178
+ --das-ui-spin-logo-3-color: #52c41a;
179
+ --das-ui-spin-logo-4-color: #9cb6f8;
180
+ --das-ui-spin-logo-5-color: #5582f3;
181
+ --das-ui-spin-logo-6-color: #ebeff5;
182
+ --das-ui-special-range-picker-close-btn: #B2B2B2;
183
+ --das-ui-special-range-picker-close-btn-hover: #666666;
184
+ --das-ui-special-range-picker-color-primary: #5582f3;
185
+ --das-ui-special-range-picker-color-white: #ffffff;
186
+ --das-ui-special-range-picker-hover-color: #F2F2F2;
187
+ --das-ui-special-range-picker-border-color: #D9D9D9;
188
+ --das-ui-special-range-picker-header-bgcolor: #F2F2F2;
189
+ --das-ui-special-range-picker-in-range: #f1f5fe;
190
+ --das-ui-special-range-picker-new-range: #e7eefd;
191
+ --das-ui-special-range-picker-disabled: #ebeff5;
192
+ --das-ui-special-range-picker-error: #ff4d4f;
193
+ --das-ui-special-range-picker-overlay-error-bg-color: #ffe6e6;
194
+ --das-ui-special-range-picker-box-shadow-5: rgb(0 0 0 / 5%);
195
+ --das-ui-special-range-picker-box-shadow-8: rgb(0 0 0 / 8%);
196
+ --das-ui-special-range-picker-box-shadow-12: rgb(0 0 0 / 12%);
197
+ --das-ui-table-checkbox-bg: #5582f3;
198
+ --das-ui-table-checkbox-border-color: #5582f3;
199
+ --das-ui-table-sortable-color: #5582f3;
200
+ --das-ui-table-required-color: #ff4d4f;
201
+ --das-ui-form-error-label-color: #ff4d4f;
202
+ --das-input-base-border-color: #D9D9D9;
203
+ --das-input-active-border-color: #5582f3;
204
+ --das-input-font-color: #212121;
205
+ --das-input-sub-font-color: #bfbfbf;
206
+ --das-input-disabled-bg-color: #F2F2F2;
207
+ --das-input-count-color: #B2B2B2;
208
+ --das-input-message-font-size: 12px;
209
+ --das-ui-scrollbar-thumb-color: #B2B2B2;
210
+ --das-ui-scrollbar-thumb-hover-color: #666666;
211
+ --das-ui-scrollbar-padding: 1px;
212
+ --das-ui-scrollbar-thumb-size: 8px;
213
+ --das-user-manage-white: #ffffff;
214
+ --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
215
+ --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
216
+ --das-ui-font-size-sm: 12px;
217
+ --das-ui-font-size-md: 14px;
218
+ --das-ui-font-size-lg: 16px;
219
+ --das-upf-ui-font-size-sm: 14px;
220
+ --das-upf-ui-line-height: 32px;
221
+ --das-ui-text-tooltip-shadow: rgba(0, 0, 0, 0.2);
222
+ --das-ui-text-tooltip-bgcolor: #ffffff;
223
+ --das-ui-search-form-font-color: #212121;
224
+ --das-ui-search-form-filter-font-color: #666666;
225
+ --das-ui-search-form-filter-bgcolor: #F2F2F2;
226
+ --das-ui-search-form-filter-border-color: #D9D9D9;
227
+ --das-ui-select-list-hover-bg: #F2F2F2;
228
+ --das-ui-select-list-close-btn-hover: #5582f3;
229
+ --das-ui-select-list-active-font-color: #5582f3;
230
+ --das-ui-steps-color: #5582f3;
231
+ --das-ui-steps-dashed-color: #B2B2B2;
232
+ --das-ui-steps-wait-color: #666666;
233
+ --das-ui-steps-finish-color: #52c41a;
234
+ --das-ui-steps-error-color: #ff4d4f;
235
+ --das-ui-steps-title-font-size: 12px;
236
+ --das-ui-collaspe-bgcolor: #ffffff;
237
+ --das-ui-calendar-color-text: #212121;
238
+ --das-ui-calendar-color-border: #D9D9D9;
239
+ --das-ui-calendar-size-text: 14px;
240
+ --das-ui-calendar-color-head-tip: #999999;
241
+ --das-ui-calendar-size-head-tip: 12px;
242
+ --das-ui-calendar-span-size: 28px;
243
+ --das-ui-calendar-color-pre-next: #B2B2B2;
244
+ --das-ui-color-primary-level2: #e4ebfd;
245
+ --das-ui-color-primary-level3: #c9d7fb;
246
+ --das-ui-color-primary-level4: #adc3f9;
247
+ --das-ui-color-primary-level5: #8baaf7;
248
+ --das-ui-color-primary-level7: #466bc7;
249
+ --das-ui-color-primary-level8: #3a58a5;
250
+ --das-ui-color-primary-level9: #2b417a;
251
+ --das-ui-color-danger-level1: #ffe6e6;
252
+ --das-ui-color-danger-level2: #fff1f1;
253
+ --das-ui-color-warning-level1: #fff8ec;
254
+ --das-ui-color-warning-level2: #fef2d9;
255
+ --das-ui-color-success-level1: #f1faed;
256
+ --das-ui-color-success-level2: #e3f6da;
257
+ --das-ui-color-amount: #fc822f;
258
+ --das-ui-button-primary-hover: #466bc7;
259
+ --das-ui-search-form-primary-color: #5582f3;
260
+ --das-ui-tag-list-text-color: #212121;
261
+ --das-ui-tag-list-border-color: #D9D9D9;
262
+ --das-ui-upload-border-color: #D9D9D9;
263
+ --das-ui-upload-bgcolor: #F2F2F2;
264
+ --das-ui-search-form-tip-color: #666666;
265
+ --das-ui-layout-header-menu-border-color: #D9D9D9;
266
+ --das-ui-layout-header-menu-background-color: #ffffff;
267
+ --das-ui-layout-header-menu-color: #212121;
268
+ --das-ui-layout-header-menu-hover-background-color: #f2f6ff;
269
+ --das-ui-layout-header-menu-hover-color: #5582f3;
270
+ --das-ui-layout-header-menu-active-background-color: #f2f6ff;
271
+ --das-ui-layout-header-menu-active-color: #5582f3;
272
+ --das-ui-layout-header-menu-remove-btn-color: rgba(33, 33, 33, 0.72);
273
+ --das-ui-layout-header-menu-remove-btn-hover-color: #5582f3;
274
+ --das-ui-layout-header-icon-color: #212121;
275
+ --das-ui-layout-header-left-box-line: rgba(33, 33, 33, 0.28);
276
+ --das-ui-layout-aside-menu-width: 214px;
277
+ --das-ui-layout-aside-collapse-menu-width: 50px;
278
+ --das-ui-layout-aside-menu-item-height: 50px;
279
+ --das-ui-layout-aside-border-color: #D9D9D9;
280
+ --das-ui-layout-aside-background-color: #ffffff;
281
+ --das-ui-layout-aside--item-color: #212121;
282
+ --das-ui-layout-aside--item-arrow-color: #B2B2B2;
283
+ --das-ui-layout-aside--item-active-color: #5582f3;
284
+ --das-ui-layout-aside--item-active-background-color: #f2f6ff;
285
+ --das-ui-layout-aside-item-hover-color: #5582f3;
286
+ --das-ui-layout-aside-item-hover-background-color: #f2f2f2;
287
+ --das-ui-layout-aside-submenu-title-border-color: #ebeff5;
288
+ --das-ui-layout-aside-submenu-vertical-background-color: #ffffff;
289
+ --das-ui-layout-aside-submenu-vertical-item-hover-background-color: #f2f2f2;
290
+ --das-ui-layout-aside-submenu-background-color: #ffffff;
291
+ --das-ui-layout-aside-submenu-item-affix-color: #5582f3;
292
+ --das-ui-layout-aside-submenu-item-color: #212121;
293
+ --das-ui-layout-aside-submenu-item-hover-color: #5582f3;
294
+ --das-ui-layout-aside-submenu-item-hover-background-color: #f2f2f2;
295
+ --das-ui-layout-aside-submenu-item-active-background-color: #f2f6ff;
296
+ --das-ui-layout-aside-collapse-icon-bg-color: #B2B2B2;
297
+ --das-ui-layout-aside-collapse-icon-hover-bg-color: #5582f3;
298
+ --das-ui-layout-aside-divise-border-color: #ebeff5;
299
+ --das-ui-layout-aside-menu-expired-color: #B2B2B2;
300
+ --das-ui-layout-aside-menu-top-left-icon-color: #5582f3;
301
+ --das-ui-layout-aside-menu-top-right-icon-color: #666666;
302
+ --upf-primary: #5582f3;
303
+ --upf-text: #212121;
304
+ --upf-surface: #ffffff;
305
+ --upf-divider: #ebeff5;
306
+ --upf-nav-item-hover-bg: #f2f6ff;
307
+ --upf-nav-item-active-bg: #f2f6ff;
308
+ --upf-menu-item-hover-bg: #f2f2f2;
309
+ --upf-menu-item-active-bg: #f2f6ff;
310
+ --upf-menu-item-active-text: #5582f3;
311
+ }
package/presets/theme-default.css ADDED
@@ -0,0 +1,311 @@
1
+ :root {
2
+ --upf-brand-primary: #0e5fd8;
3
+ --upf-brand-secondary: #3579de;
4
+ --upf-color-primary: #5582f3;
5
+ --upf-color-success: #52c41a;
6
+ --upf-color-warning: #faad14;
7
+ --upf-color-error: #ff4d4f;
8
+ --upf-color-info: #1890ff;
9
+ --upf-text-primary: #231815;
10
+ --upf-text-secondary: #666666;
11
+ --upf-text-disabled: #B2B2B2;
12
+ --upf-text-placeholder: #bfbfbf;
13
+ --upf-bg-primary: #ffffff;
14
+ --upf-bg-secondary: #F2F2F2;
15
+ --upf-bg-elevated: #ffffff;
16
+ --upf-bg-mask: rgba(0, 0, 0, 0.45);
17
+ --upf-border-color: #D9D9D9;
18
+ --upf-divider-color: #ebeff5;
19
+ --upf-nav-bg: #0e5fd8;
20
+ --upf-nav-text: #ffffff;
21
+ --upf-nav-hover-bg: #3579de;
22
+ --upf-nav-active-bg: #3579de;
23
+ --upf-nav-active-text: #ffffff;
24
+ --upf-menu-bg: #ffffff;
25
+ --upf-menu-text: #231815;
26
+ --upf-menu-hover-bg: #f2f2f2;
27
+ --upf-menu-active-bg: #eef3fe;
28
+ --upf-menu-active-text: #5582f3;
29
+ --upf-menu-submenu-bg: #ffffff;
30
+ --upf-tab-bg: #ffffff;
31
+ --upf-tab-text: #666666;
32
+ --upf-tab-hover-bg: #eef3fe;
33
+ --upf-tab-active-bg: #ffffff;
34
+ --upf-tab-active-text: #5582f3;
35
+ --upf-border-radius: 4px;
36
+ --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
37
+ --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.15);
38
+ --upf-button-primary: #5582f3;
39
+ --upf-notification-primary-bg: #5582f3;
40
+ --upf-button-default-text: #231815;
41
+ --upf-notification-title-text: #231815;
42
+ --upf-text-tooltip-text: #231815;
43
+ --upf-button-default-border: #D9D9D9;
44
+ --upf-text-tooltip-border: #D9D9D9;
45
+ --upf-button-default-disabled: #B2B2B2;
46
+ --upf-switch-off-color: #B2B2B2;
47
+ --upf-message-thumb: #B2B2B2;
48
+ --upf-text-tooltip-scrollbar-thumb: #B2B2B2;
49
+ --upf-button-default-disabled-bg: #F2F2F2;
50
+ --upf-table-header-bg: #F2F2F2;
51
+ --upf-checkbox-filter-bg: #ffffff;
52
+ --upf-loading-color-1: #1890ff;
53
+ --upf-loading-color-2: #3579de;
54
+ --upf-loading-color-3: #52c41a;
55
+ --upf-loading-color-6: #ebeff5;
56
+ --upf-message-close: #666666;
57
+ --upf-notification-description-text: #666666;
58
+ --upf-notification-close: #666666;
59
+ --upf-text-tooltip-scrollbar-thumb-hover: #666666;
60
+ --upf-button-primary-text: #ffffff;
61
+ --upf-button-primary-text-disabled: rgba(255, 255, 255, 1);
62
+ --upf-dialog-basic-header-height: 50px;
63
+ --upf-dialog-basic-content-padding: 30px;
64
+ --upf-dialog-feedback-header-height: 60px;
65
+ --upf-dialog-feedback-icon-width: 168px;
66
+ --upf-dialog-feedback-icon-height: 96px;
67
+ --upf-dialog-feedback-content-font-size: 16px;
68
+ --upf-dialog-feedback-content-padding: 48px;
69
+ --upf-dialog-notice-content-font-size: 14px;
70
+ --upf-dialog-notice-content-padding: 24px;
71
+ --upf-table-header-padding-top: 4px;
72
+ --upf-table-header-padding-bottom: 4px;
73
+ --upf-message-font-size-sm: 12px;
74
+ --upf-message-font-size-md: 14px;
75
+ --upf-message-font-size-lg: 16px;
76
+ --upf-notification-font-size-sm: 12px;
77
+ --upf-notification-font-size-md: 14px;
78
+ --upf-notification-font-size-lg: 16px;
79
+ --upf-notification-primary-text: #ffffff;
80
+ --upf-text-tooltip-scrollbar-padding: 1px;
81
+ --upf-button-primary-hover: #7499f5;
82
+ --upf-button-active: #3761CA;
83
+ --upf-button-disabled: #ccdafb;
84
+ --upf-button-set: #4265be;
85
+ --upf-button-set-hover: #4970d1;
86
+ --upf-button-set-active: #3761CA;
87
+ --upf-button-set-disabled: #97aadb;
88
+ --upf-switch-on-color-disabled: #c9d7fb;
89
+ --upf-checkbox-focus-shadow: rgba(85, 130, 243, 0.1);
90
+ --upf-checkbox-overlay-error-bg: #ffe6e6;
91
+ --upf-loading-color-4: #477eea;
92
+ --upf-loading-color-5: #5582f3;
93
+ --upf-table-row-hover-bg: #F2F2F2;
94
+ --upf-table-row-active-bg: #f1f5fe;
95
+ --upf-table-row-active-hover-bg: #e7eefd;
96
+ --upf-table-summary-row-color: #fc822f;
97
+ --upf-table-summary-row-bg: #fef0d5;
98
+ --upf-message-bg: #dfefff;
99
+ --upf-message-text: #1890ff;
100
+ --upf-message-border: #b5dbff;
101
+ --upf-message-close-hover: #5582f3;
102
+ --upf-message-success-bg: #e3f6da;
103
+ --upf-message-success-text: #52c41a;
104
+ --upf-message-success-border: #c8ecb6;
105
+ --upf-message-info-bg: #dfefff;
106
+ --upf-message-info-text: #1890ff;
107
+ --upf-message-info-border: #b5dbff;
108
+ --upf-message-warning-bg: #fef2d9;
109
+ --upf-message-warning-text: #faad14;
110
+ --upf-message-warning-border: #fde5b4;
111
+ --upf-message-error-bg: #ffe6e6;
112
+ --upf-message-error-text: #ff4d4f;
113
+ --upf-message-error-border: #ffc6c7;
114
+ --upf-notification-bg: #ffffff;
115
+ --upf-notification-close-hover: #5582f3;
116
+ --upf-text-tooltip-bg: #ffffff;
117
+ --upf-text-tooltip-shadow-color: rgba(38, 38, 38, 0.16);
118
+ --upf-app-container-app-bg-override: #0e5fd8;
119
+ --upf-app-container-app-text-override: #ffffff;
120
+ --el-color-primary: #5582f3;
121
+ --el-color-success: #52c41a;
122
+ --el-color-warning: #faad14;
123
+ --el-color-danger: #ff4d4f;
124
+ --el-color-error: #ff4d4f;
125
+ --el-color-info: #1890ff;
126
+ --el-text-color-primary: #231815;
127
+ --el-text-color-regular: #231815;
128
+ --el-text-color-secondary: #666666;
129
+ --el-text-color-placeholder: #bfbfbf;
130
+ --el-text-color-disabled: #B2B2B2;
131
+ --el-border-color: #D9D9D9;
132
+ --el-border-color-light: #ebeff5;
133
+ --el-border-color-lighter: #ebeff5;
134
+ --el-fill-color-blank: #ffffff;
135
+ --el-bg-color: #ffffff;
136
+ --el-bg-color-page: #F2F2F2;
137
+ --el-bg-color-overlay: #ffffff;
138
+ --el-dialog-bg-color: #ffffff;
139
+ --el-mask-color: rgba(0, 0, 0, 0.45);
140
+ --el-tree-text-color: #666666;
141
+ --el-checkbox-disabled-checked-icon-color: #B2B2B2;
142
+ --el-dialog-content-font-size: 14px;
143
+ --el-transition-duration-fast: 0.2s;
144
+ --el-checkbox-font-weight: 400;
145
+ --el-checkbox-input-width: 14px;
146
+ --el-checkbox-input-height: 14px;
147
+ --el-checkbox-checked-icon-color: #ffffff;
148
+ --el-checkbox-input-border: 1px solid #D9D9D9;
149
+ --das-black-list-mange-color-white: #ffffff;
150
+ --das-ui-color-primary: #5582f3;
151
+ --das-ui-color-danger: #ff4d4f;
152
+ --das-ui-color-warning: #faad14;
153
+ --das-ui-color-success: #52c41a;
154
+ --das-ui-color-link: #5582f3;
155
+ --das-ui-color-normal: #231815;
156
+ --das-ui-color-secondary: #666666;
157
+ --das-ui-color-help: #B2B2B2;
158
+ --das-ui-color-disabled: #B2B2B2;
159
+ --das-ui-color-overlay-error: #ff4d4f;
160
+ --das-ui-button-primary: #5582f3;
161
+ --das-ui-input-full-border-color: #D9D9D9;
162
+ --das-ui-tag-list-border-active-color: #5582f3;
163
+ --das-ui-tag-dark-temporary-color: #666666;
164
+ --das-ui-split-panel-color-primary: #5582f3;
165
+ --das-ui-split-panel-color-line: #ebeff5;
166
+ --das-ui-split-panel-color-btn: #666666;
167
+ --das-ui-tree-table-highlight-color: #5582f3;
168
+ --das-ui-tree-table-header-color: #231815;
169
+ --das-ui-tree-table-header-bg-color: #F2F2F2;
170
+ --das-ui-tree-table-border-color: #D9D9D9;
171
+ --das-ui-rich-editor-active-font-color: #5582f3;
172
+ --das-ui-dropdown-bgff-color: #ffffff;
173
+ --das-ui-dropdown-divided-color: #D9D9D9;
174
+ --das-ui-dropdown-active-color: #5582f3;
175
+ --das-ui-dropdown-hover-color: #F2F2F2;
176
+ --das-ui-spin-logo-1-color: #1890ff;
177
+ --das-ui-spin-logo-2-color: #3579de;
178
+ --das-ui-spin-logo-3-color: #52c41a;
179
+ --das-ui-spin-logo-4-color: #477eea;
180
+ --das-ui-spin-logo-5-color: #5582f3;
181
+ --das-ui-spin-logo-6-color: #ebeff5;
182
+ --das-ui-special-range-picker-close-btn: #B2B2B2;
183
+ --das-ui-special-range-picker-close-btn-hover: #666666;
184
+ --das-ui-special-range-picker-color-primary: #5582f3;
185
+ --das-ui-special-range-picker-color-white: #ffffff;
186
+ --das-ui-special-range-picker-hover-color: #F2F2F2;
187
+ --das-ui-special-range-picker-border-color: #D9D9D9;
188
+ --das-ui-special-range-picker-header-bgcolor: #F2F2F2;
189
+ --das-ui-special-range-picker-in-range: #f1f5fe;
190
+ --das-ui-special-range-picker-new-range: #e7eefd;
191
+ --das-ui-special-range-picker-disabled: #ebeff5;
192
+ --das-ui-special-range-picker-error: #ff4d4f;
193
+ --das-ui-special-range-picker-overlay-error-bg-color: #ffe6e6;
194
+ --das-ui-special-range-picker-box-shadow-5: rgb(0 0 0 / 5%);
195
+ --das-ui-special-range-picker-box-shadow-8: rgb(0 0 0 / 8%);
196
+ --das-ui-special-range-picker-box-shadow-12: rgb(0 0 0 / 12%);
197
+ --das-ui-table-checkbox-bg: #5582f3;
198
+ --das-ui-table-checkbox-border-color: #5582f3;
199
+ --das-ui-table-sortable-color: #5582f3;
200
+ --das-ui-table-required-color: #ff4d4f;
201
+ --das-ui-form-error-label-color: #ff4d4f;
202
+ --das-input-base-border-color: #D9D9D9;
203
+ --das-input-active-border-color: #5582f3;
204
+ --das-input-font-color: #231815;
205
+ --das-input-sub-font-color: #bfbfbf;
206
+ --das-input-disabled-bg-color: #F2F2F2;
207
+ --das-input-count-color: #B2B2B2;
208
+ --das-input-message-font-size: 12px;
209
+ --das-ui-scrollbar-thumb-color: #B2B2B2;
210
+ --das-ui-scrollbar-thumb-hover-color: #666666;
211
+ --das-ui-scrollbar-padding: 1px;
212
+ --das-ui-scrollbar-thumb-size: 8px;
213
+ --das-user-manage-white: #ffffff;
214
+ --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
215
+ --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
216
+ --das-ui-font-size-sm: 12px;
217
+ --das-ui-font-size-md: 14px;
218
+ --das-ui-font-size-lg: 16px;
219
+ --das-upf-ui-font-size-sm: 14px;
220
+ --das-upf-ui-line-height: 32px;
221
+ --das-ui-text-tooltip-shadow: rgba(0, 0, 0, 0.2);
222
+ --das-ui-text-tooltip-bgcolor: #ffffff;
223
+ --das-ui-search-form-font-color: #231815;
224
+ --das-ui-search-form-filter-font-color: #666666;
225
+ --das-ui-search-form-filter-bgcolor: #F2F2F2;
226
+ --das-ui-search-form-filter-border-color: #D9D9D9;
227
+ --das-ui-select-list-hover-bg: #F2F2F2;
228
+ --das-ui-select-list-close-btn-hover: #5582f3;
229
+ --das-ui-select-list-active-font-color: #5582f3;
230
+ --das-ui-steps-color: #5582f3;
231
+ --das-ui-steps-dashed-color: #B2B2B2;
232
+ --das-ui-steps-wait-color: #666666;
233
+ --das-ui-steps-finish-color: #52c41a;
234
+ --das-ui-steps-error-color: #ff4d4f;
235
+ --das-ui-steps-title-font-size: 12px;
236
+ --das-ui-collaspe-bgcolor: #ffffff;
237
+ --das-ui-calendar-color-text: #212121;
238
+ --das-ui-calendar-color-border: #D9D9D9;
239
+ --das-ui-calendar-size-text: 14px;
240
+ --das-ui-calendar-color-head-tip: #999999;
241
+ --das-ui-calendar-size-head-tip: 12px;
242
+ --das-ui-calendar-span-size: 28px;
243
+ --das-ui-calendar-color-pre-next: #B2B2B2;
244
+ --das-ui-color-primary-level2: #e4ebfd;
245
+ --das-ui-color-primary-level3: #c9d7fb;
246
+ --das-ui-color-primary-level4: #adc3f9;
247
+ --das-ui-color-primary-level5: #8baaf7;
248
+ --das-ui-color-primary-level7: #466bc7;
249
+ --das-ui-color-primary-level8: #3a58a5;
250
+ --das-ui-color-primary-level9: #2b417a;
251
+ --das-ui-color-danger-level1: #ffe6e6;
252
+ --das-ui-color-danger-level2: #fff1f1;
253
+ --das-ui-color-warning-level1: #fff8ec;
254
+ --das-ui-color-warning-level2: #fef2d9;
255
+ --das-ui-color-success-level1: #f1faed;
256
+ --das-ui-color-success-level2: #e3f6da;
257
+ --das-ui-color-amount: #fc822f;
258
+ --das-ui-button-primary-hover: #466bc7;
259
+ --das-ui-search-form-primary-color: #5582f3;
260
+ --das-ui-tag-list-text-color: #231815;
261
+ --das-ui-tag-list-border-color: #D9D9D9;
262
+ --das-ui-upload-border-color: #D9D9D9;
263
+ --das-ui-upload-bgcolor: #F2F2F2;
264
+ --das-ui-search-form-tip-color: #666666;
265
+ --das-ui-layout-header-menu-border-color: #D9D9D9;
266
+ --das-ui-layout-header-menu-background-color: #0e5fd8;
267
+ --das-ui-layout-header-menu-color: #ffffff;
268
+ --das-ui-layout-header-menu-hover-background-color: #3579de;
269
+ --das-ui-layout-header-menu-hover-color: #ffffff;
270
+ --das-ui-layout-header-menu-active-background-color: #3579de;
271
+ --das-ui-layout-header-menu-active-color: #ffffff;
272
+ --das-ui-layout-header-menu-remove-btn-color: rgba(255, 255, 255, 0.72);
273
+ --das-ui-layout-header-menu-remove-btn-hover-color: #ffffff;
274
+ --das-ui-layout-header-icon-color: #ffffff;
275
+ --das-ui-layout-header-left-box-line: rgba(255, 255, 255, 0.28);
276
+ --das-ui-layout-aside-menu-width: 214px;
277
+ --das-ui-layout-aside-collapse-menu-width: 50px;
278
+ --das-ui-layout-aside-menu-item-height: 50px;
279
+ --das-ui-layout-aside-border-color: #D9D9D9;
280
+ --das-ui-layout-aside-background-color: #ffffff;
281
+ --das-ui-layout-aside--item-color: #231815;
282
+ --das-ui-layout-aside--item-arrow-color: #B2B2B2;
283
+ --das-ui-layout-aside--item-active-color: #5582f3;
284
+ --das-ui-layout-aside--item-active-background-color: #eef3fe;
285
+ --das-ui-layout-aside-item-hover-color: #5582f3;
286
+ --das-ui-layout-aside-item-hover-background-color: #f2f2f2;
287
+ --das-ui-layout-aside-submenu-title-border-color: #ebeff5;
288
+ --das-ui-layout-aside-submenu-vertical-background-color: #ffffff;
289
+ --das-ui-layout-aside-submenu-vertical-item-hover-background-color: #f2f2f2;
290
+ --das-ui-layout-aside-submenu-background-color: #ffffff;
291
+ --das-ui-layout-aside-submenu-item-affix-color: #5582f3;
292
+ --das-ui-layout-aside-submenu-item-color: #231815;
293
+ --das-ui-layout-aside-submenu-item-hover-color: #5582f3;
294
+ --das-ui-layout-aside-submenu-item-hover-background-color: #f2f2f2;
295
+ --das-ui-layout-aside-submenu-item-active-background-color: #eef3fe;
296
+ --das-ui-layout-aside-collapse-icon-bg-color: #B2B2B2;
297
+ --das-ui-layout-aside-collapse-icon-hover-bg-color: #5582f3;
298
+ --das-ui-layout-aside-divise-border-color: #ebeff5;
299
+ --das-ui-layout-aside-menu-expired-color: #B2B2B2;
300
+ --das-ui-layout-aside-menu-top-left-icon-color: #5582f3;
301
+ --das-ui-layout-aside-menu-top-right-icon-color: #666666;
302
+ --upf-primary: #5582f3;
303
+ --upf-text: #231815;
304
+ --upf-surface: #ffffff;
305
+ --upf-divider: #ebeff5;
306
+ --upf-nav-item-hover-bg: #3579de;
307
+ --upf-nav-item-active-bg: #3579de;
308
+ --upf-menu-item-hover-bg: #f2f2f2;
309
+ --upf-menu-item-active-bg: #eef3fe;
310
+ --upf-menu-item-active-text: #5582f3;
311
+ }