@epxing/theme 0.0.0-stage → 5.3.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/src/index.scss ADDED
@@ -0,0 +1,549 @@
1
+ // T29:element-ui → Element Plus。element.scss(257 行)拆成两块:
2
+ // - 50 处主题色 @include → tokens(12 套主题 × 8 个 EP CSS 变量,EP 全组件自动跟随)
3
+ // - 28 条结构性定制 → overrides(类名已逐条核对 EP;唯一改名 .el-tooltip__popper → .el-popper)
4
+ @import "./theme/tokens.scss"; // epx 设计令牌层(暗黑/字号/圆角/间距唯一维护点,P1)
5
+ @import "./theme/element-plus-tokens.scss";
6
+ @import "./theme/element-plus-overrides.scss";
7
+
8
+ /** css初始化 **/
9
+ body,
10
+ ol,
11
+ ul,
12
+ h1,
13
+ h2,
14
+ h3,
15
+ h4,
16
+ h5,
17
+ h6,
18
+ p,
19
+ th,
20
+ td,
21
+ dl,
22
+ dd,
23
+ dt,
24
+ form,
25
+ fieldset,
26
+ legend,
27
+ input,
28
+ textarea,
29
+ select {
30
+ margin: 0;
31
+ padding: 0
32
+ }
33
+
34
+ body {
35
+ font: 14px "微软雅黑";
36
+ line-height: 1.5;
37
+ background: var(--epx-bg); // 令牌化:暗黑模式下页面底色随 --epx-bg 变深(原硬编码 #f0f2f6 不跟随)
38
+ color: var(--epx-text);
39
+ }
40
+
41
+ a {
42
+ text-decoration: none;
43
+ @include font_color_primary;
44
+ }
45
+
46
+ li {
47
+ list-style: none
48
+ }
49
+
50
+ img {
51
+ border: 0;
52
+ vertical-align: middle
53
+ }
54
+
55
+ table {
56
+ border-collapse: collapse;
57
+ border-spacing: 0
58
+ }
59
+
60
+ p {
61
+ word-wrap: break-word
62
+ }
63
+
64
+ *:focus {
65
+ outline: none;
66
+ }
67
+
68
+ *,
69
+ :after,
70
+ :before {
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ [class*="epx-icon-color-"],
75
+ [class^=epx--icon-color-] {
76
+ font-family: "epx-icon-color" !important;
77
+ font-style: normal;
78
+ // M12(终审 Minor,收尾修复波):Task 5 删掉的旧规则 `[class*="epx-icon-"]`(子串匹配,
79
+ // 见 docs/superpowers/plans/2026-08-21-icon-p1-mask-base.md「存量事实②」)同时也命中这
80
+ // 24 个 epx-icon-color-* 类,一并带走了它们的 display:inline-block。base.scss 的新基座
81
+ // 用 `:not([class*="epx-icon-color-"])` 明确排除彩色类,没人替它们补回来。终审实测字形
82
+ // 位置零位移(vertical-align:middle 让中心点不受影响),但盒高会变(16px 字号下,
83
+ // inline 元素的盒高随行高走,inline-block 后固定为字体自身高度),补上即完全对齐改造前。
84
+ display: inline-block;
85
+ vertical-align: middle;
86
+ -webkit-font-smoothing: antialiased;
87
+ -moz-osx-font-smoothing: grayscale;
88
+ }
89
+
90
+ body {
91
+ box-sizing: border-box;
92
+ -webkit-overflow-scrolling: unset;
93
+ }
94
+
95
+ .body {
96
+ flex: 1;
97
+ overflow: auto;
98
+ overflow-x: hidden;
99
+ position: relative;
100
+ }
101
+
102
+ #app {
103
+ font-family: '微软雅黑', Arial, sans-serif;
104
+ -webkit-font-smoothing: antialiased;
105
+ -moz-osx-font-smoothing: grayscale;
106
+ width: 100%;
107
+ height: 100vh;
108
+ box-sizing: border-box;
109
+ // ⚠️ 2026-08-20:原来写死 #F3F5FA,**整个暗黑模式看起来像没生效**就是它造成的。
110
+ // 上面第 38 行早就把 body 令牌化了(注释还写着「暗黑下随 --epx-bg 变深」),
111
+ // 但 #app 是 height:100vh 的全屏容器、**整个盖在 body 上面**——body 的暗色底
112
+ // 一个像素都露不出来,用户看到的永远是这里的 #F3F5FA。
113
+ // 令牌化之后页面底色才真的跟随。(亮色值 #f5f7fa 与原 #F3F5FA 差 2/256,肉眼无感。)
114
+ background: var(--epx-bg);
115
+ display: flex;
116
+ flex-direction: column;
117
+ }
118
+ /* T27:App.vue 根(原 id="app",Vue3 下改 class 避免与挂载点重复 id)填充挂载点 */
119
+ .epx-app-root {
120
+ width: 100%;
121
+ height: 100%;
122
+ box-sizing: border-box;
123
+ display: flex;
124
+ flex-direction: column;
125
+ flex: 1;
126
+ min-height: 0;
127
+ }
128
+
129
+ .fl {
130
+ float: left;
131
+ }
132
+
133
+ .fr {
134
+ float: right;
135
+ }
136
+
137
+ input::-ms-clear {
138
+ display: none;
139
+ }
140
+
141
+ input::-ms-reveal {
142
+ display: none;
143
+ }
144
+
145
+ /*清除谷歌浏览器下的 search 叉号 */
146
+ input[type=search]::-webkit-search-cancel-button {
147
+ -webkit-appearance: none;
148
+ }
149
+
150
+ /*清除IE下的 search 叉号 */
151
+ input[type=search]::-ms-clear {
152
+ display: none;
153
+ }
154
+
155
+ /***element***/
156
+ .el-popconfirm__main {
157
+ margin: 10px 0;
158
+ }
159
+
160
+ .el-dropdown-menu {
161
+ max-height: 60%;
162
+ overflow: auto;
163
+ }
164
+
165
+ .el-message-box--500 {
166
+ width: 500px
167
+ }
168
+
169
+ .el-message__content {
170
+ white-space: pre-wrap;
171
+ line-height: 20px;
172
+ }
173
+
174
+ input[type=number] {
175
+ -moz-appearance: textfield !important;
176
+ -webkit-appearance: textfield;
177
+ appearance: textfield;
178
+ }
179
+
180
+ input[type=number]::-webkit-inner-spin-button,
181
+ input[type=number]::-webkit-outer-spin-button {
182
+ -webkit-appearance: none;
183
+ margin: 0;
184
+ }
185
+
186
+ .el-tree {
187
+ transform: translate(0, 0);
188
+ z-index: 0;
189
+ }
190
+
191
+ .el-table .caret-wrapper {
192
+ height: 16px;
193
+ }
194
+
195
+ .el-table .sort-caret.ascending {
196
+ top: -4px;
197
+ }
198
+
199
+ .el-table .sort-caret.descending {
200
+ bottom: -2px;
201
+ }
202
+
203
+ .el-table__fixed,
204
+ .el-table__fixed-right {
205
+ pointer-events: none;
206
+
207
+ >* {
208
+ pointer-events: all;
209
+ }
210
+ }
211
+
212
+ .el-menu--popup {
213
+ min-width: 180px;
214
+ }
215
+
216
+ .el-radio__input.is-disabled+span.el-radio__label,
217
+ .el-checkbox__input.is-disabled+span.el-checkbox__label {
218
+ // 禁用态文字:原写死 #999999,暗底上糊成一团。令牌亮色值同为 #999999,亮色观感不变。
219
+ color: var(--color-text-assistant);
220
+ }
221
+
222
+ .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
223
+ width: 6px;
224
+ height: 6px;
225
+ }
226
+
227
+ .el-cascader-panel .el-cascader-menu {
228
+ min-width: 180px;
229
+ }
230
+
231
+ .dialog {
232
+ .el-dialog__header {
233
+ padding: 10px 20px;
234
+ // 分隔线令牌化:原写死 #e3e3e3,暗色弹窗上是一条过亮的横线(与 .epx-drawer 那处同源,
235
+ // 那里已经改过、这里漏了)。
236
+ border-bottom: 1px solid var(--epx-border);
237
+ }
238
+
239
+ .el-dialog__headerbtn {
240
+ top: 10px;
241
+ }
242
+ }
243
+
244
+ .dialog--noheader {
245
+ .el-dialog__header {
246
+ display: none;
247
+ }
248
+ }
249
+
250
+ .dialog--nopadding {
251
+ .el-dialog__body {
252
+ padding: 0
253
+ }
254
+ }
255
+
256
+ .epx-drawer {
257
+ .el-drawer__header {
258
+ padding: 20px;
259
+ margin-bottom: 0;
260
+ // 分隔线与标题色改吃语义令牌:原先写死 #e3e3e3 / #333,暗黑下分隔线仍是亮灰、标题仍是深灰,
261
+ // 在深色抽屉上属于「半坏」——底跟着变暗了、线和字没跟上。
262
+ border-bottom: 1px solid var(--epx-border);
263
+ color: var(--epx-text);
264
+ // 18px 没有对应的 --epx-font-size-* 档位(12/14/16/20),保留字面量以免改变现有字号
265
+ font-size: 18px;
266
+ z-index: 10;
267
+ }
268
+ }
269
+
270
+ .pdf-viewer-page {
271
+ position: relative;
272
+ // ⚠️ 故意不令牌化:这是 PDF 的「纸张」,现实里就是白的,而且 PDF 内容本身(黑字)
273
+ // 不跟随主题——把纸变黑会让文字直接消失。暗色下保持白纸是正确的。
274
+ background: #fff;
275
+ margin: 0 auto 10px;
276
+ }
277
+
278
+ .pdf-viewer-loading {
279
+ position: absolute;
280
+ top: 50%;
281
+ left: 50%;
282
+ margin-left: -10px;
283
+ margin-top: -10px;
284
+ z-index: 1;
285
+ font-size: 20px;
286
+ }
287
+
288
+ .tox-tinymce-aux {
289
+ z-index: 3000 !important;
290
+ }
291
+
292
+ @media screen and (min-width: 992px) {
293
+
294
+ // 滚动背景
295
+ ::-webkit-scrollbar {
296
+ width: 8px;
297
+ height: 8px;
298
+ // background-image: linear-gradient(135deg, #1DE9B6 0%, rgba(8, 196, 219, 0.50) 72%, rgba(0, 182, 234, 0.30) 100%);
299
+ }
300
+
301
+ ::-webkit-scrollbar-track {
302
+ background: none;
303
+ }
304
+
305
+ // 滚动条
306
+ ::-webkit-scrollbar-thumb {
307
+ background-color: rgba(95, 95, 95, .2);
308
+ transition: all .2s;
309
+ border-radius: 8px;
310
+
311
+ &:hover {
312
+ background-color: rgba(95, 95, 95, .3);
313
+ }
314
+
315
+ // text-align: center;
316
+ @include font_color_primary // margin-top: 60px;
317
+ }
318
+ }
319
+
320
+
321
+ @media only screen and (max-width: 992px) {
322
+ body {
323
+ font: 12px
324
+ }
325
+
326
+ ::-webkit-scrollbar {
327
+ width: 0px;
328
+ height: 0px;
329
+ // background-image: linear-gradient(135deg, #1DE9B6 0%, rgba(8, 196, 219, 0.50) 72%, rgba(0, 182, 234, 0.30) 100%);
330
+ }
331
+ }
332
+
333
+ // 设备模拟
334
+ .mobile-emulation-device {
335
+ ::-webkit-scrollbar {
336
+ width: 8px;
337
+ height: 8px;
338
+ }
339
+
340
+ ::-webkit-scrollbar-track {
341
+ background: none;
342
+ }
343
+
344
+ // 滚动条
345
+ ::-webkit-scrollbar-thumb {
346
+ background-color: rgba(95, 95, 95, .2);
347
+ transition: all .2s;
348
+ border-radius: 8px;
349
+
350
+ &:hover {
351
+ background-color: rgba(95, 95, 95, .3);
352
+ }
353
+
354
+ @include font_color_primary
355
+ }
356
+ }
357
+
358
+ /**主题色**/
359
+ .primary-color {
360
+ @include font_color_primary;
361
+ }
362
+
363
+ .border-primary-color {
364
+ @include font_color_primary;
365
+ }
366
+
367
+ .background-primary-color {
368
+ @include font_color_primary;
369
+ }
370
+
371
+ @supports (bottom: env(safe-area-inset-bottom)) {
372
+ html {
373
+ overflow: hidden;
374
+ }
375
+
376
+ .body,
377
+ .footer {
378
+ padding-bottom: constant(safe-area-inset-bottom);
379
+ padding-bottom: env(safe-area-inset-bottom);
380
+ }
381
+ }
382
+
383
+ /**tinymce***/
384
+ .tox .tox-tree .tox-trbtn {
385
+ height: 32px;
386
+ }
387
+
388
+ /**markdown**/
389
+
390
+ .markdown {
391
+ white-space: normal;
392
+ max-width: 100%;
393
+ overflow-wrap: anywhere;
394
+
395
+ img {
396
+ max-width: 100%;
397
+ height: auto;
398
+ }
399
+
400
+ h1,
401
+ h2,
402
+ h3,
403
+ h4,
404
+ h5,
405
+ h6,
406
+ ul,
407
+ ol,
408
+ p {
409
+ margin-block-start: 1em;
410
+ margin-block-end: 1em;
411
+ }
412
+
413
+ p:first-child {
414
+ margin-top: 0;
415
+ }
416
+
417
+ p:last-child {
418
+ margin-bottom: 0;
419
+ }
420
+
421
+ pre {
422
+ display: block;
423
+ overflow-x: auto;
424
+ padding: 9.5px;
425
+ margin: 0 0 10px;
426
+ font-size: 13px;
427
+ line-height: 1.42857143;
428
+ color: var(--epx-text);
429
+ word-break: break-all;
430
+ word-wrap: break-word;
431
+ background-color: var(--epx-bg);
432
+ border-radius: 4px;
433
+ }
434
+
435
+ pre code {
436
+ padding: 0;
437
+ font-size: inherit;
438
+ color: inherit;
439
+ white-space: pre-wrap;
440
+ background-color: transparent;
441
+ border-radius: 0;
442
+ }
443
+
444
+ table {
445
+ border-collapse: collapse;
446
+ // display:block 才能让 overflow 生效:table 元素本身会忽略 overflow,列多时会撑破聊天气泡
447
+ display: block;
448
+ width: max-content;
449
+ max-width: 100%;
450
+ overflow-x: auto;
451
+ empty-cells: show;
452
+ border-radius: 8px;
453
+ border: 1px solid var(--epx-border);
454
+
455
+ thead {
456
+ tr {
457
+ background: var(--epx-bg);
458
+ }
459
+
460
+ th {
461
+ font-weight: 600;
462
+ }
463
+ }
464
+
465
+ tbody {
466
+ border: none;
467
+
468
+ tr {
469
+ background: var(--epx-bg-card);
470
+ }
471
+ }
472
+
473
+ td,
474
+ th {
475
+ font-size: 16px;
476
+ padding: 10px 16px;
477
+ vertical-align: middle;
478
+ border: 1px solid var(--epx-border);
479
+ }
480
+ }
481
+
482
+ ul {
483
+ li {
484
+ list-style-type: disc;
485
+ list-style-position: inside;
486
+ }
487
+ }
488
+
489
+ ol {
490
+ li {
491
+ list-style-type: decimal;
492
+ list-style-position: inside;
493
+ }
494
+ }
495
+ }
496
+
497
+ .ml-2 {
498
+ margin-left: 8px;
499
+ }
500
+
501
+ .mb-3 {
502
+ margin-bottom: 12px;
503
+ }
504
+
505
+ .ml-10 {
506
+ margin-left: 40px;
507
+ }
508
+
509
+ .mt-10 {
510
+ margin-top: 40px;
511
+ }
512
+
513
+ .bg-white {
514
+ // ⚠️ 故意不令牌化:类名本身就叫 bg-white,语义是「白」而不是「卡片底」。
515
+ // 想跟随主题的地方应该改用 var(--epx-bg-card),而不是把这个工具类的语义偷偷改掉
516
+ // ——那会让所有真的需要白底的调用点一起变暗,且无从察觉。
517
+ background-color: #fff;
518
+ }
519
+
520
+ /**变量**/
521
+ :root {
522
+ --border-radius-zero: 0px;
523
+ --border-radius-base: 4px;
524
+ --border-radius-medium: 8px;
525
+ --border-radius-large: 12px;
526
+ --border-radius-circle: 100%;
527
+ --margin-small: 6px;
528
+ --margin-medium: 8px;
529
+ --margin-base: 10px;
530
+ --margin-large: 12px;
531
+
532
+ --padding-mini: 6px;
533
+ --padding-small: 6px;
534
+ --padding-medium: 8px;
535
+ --padding-base: 10px;
536
+ --padding-large: 12px;
537
+
538
+ // 组件基础圆角/外边距已由 theme/tokens.scss 的风格轴接管(--epx-radius-base / --epx-margin),
539
+ // 此处不再定义,否则 index.scss 后写会覆盖 tokens.scss 的桥接。
540
+ --padding: var(--padding-base);
541
+
542
+ // 字体颜色 --color-text-* 已于 2026-08-20 迁到 theme/tokens.scss。
543
+ // 原因与上面第一条注释同源:本文件第 4 行才 @import tokens.scss,而这个 :root 在 500 多行,
544
+ // `:root` 与 `[data-theme=dark]` 特异性相同、同分靠源码顺序决胜 ⇒ 定义留在这里的话,
545
+ // tokens.scss 里写的暗色重定义会被这里的亮色值盖掉,永远不生效。
546
+ // 实际后果:这五个变量看着像令牌、/ui-standard 还推荐优先使用,
547
+ // 却和硬编码一样不跟随暗黑。迁走后明暗两块同文件、暗色在后,才真正生效。
548
+ // ⚠️ 别再把它们挪回来。
549
+ }
@@ -0,0 +1,4 @@
1
+ /* T36+:vendor 自 element-ui 2.15.14 的 lib/theme-chalk/color-picker.css —— 本目录 vendor 色板内件
2
+ (sv-panel/hue-slider/alpha-slider/predefine)所用的 el-color-* 类名样式。
3
+ element-ui 依赖整包退役后由本文件供样式。内容除本头注释外与上游逐字节一致。 */
4
+ .el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #409EFF;box-shadow:0 0 3px 2px #409EFF}.el-color-alpha-slider__thumb,.el-color-hue-slider__thumb{-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);left:0;top:0;z-index:1}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6)}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6)}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
@@ -0,0 +1,4 @@
1
+ /* T36+:vendor 自 element-ui 2.15.14 的 lib/theme-chalk/icon.css(决策 A:保留 element-ui 图标字体,
2
+ 全仓 1691 处 <i class="el-icon-*"> 与数据库页面配置里的图标 class 零改动)。
3
+ 连同 fonts/ 一起入仓后,element-ui 依赖整包退役。内容除本头注释外与上游逐字节一致。 */
4
+ @font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}