@k-table/report 0.0.1 → 0.1.0

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/dist/index.css ADDED
@@ -0,0 +1,885 @@
1
+ /* src/vendor/components-kt/preview/kt-report-preview.css */
2
+ .kt-report-page,
3
+ .kt-report-page table,
4
+ .kt-report-page thead,
5
+ .kt-report-page tbody,
6
+ .kt-report-page tr,
7
+ .kt-report-page td,
8
+ .kt-report-page th,
9
+ .kt-report-page div,
10
+ .kt-report-page span,
11
+ .kt-report-preview-host,
12
+ .kt-report-preview-host table,
13
+ .kt-report-preview-host div,
14
+ .kt-report-preview-host span,
15
+ .kt-report-print-host,
16
+ .kt-report-print-host table,
17
+ .kt-report-print-host thead,
18
+ .kt-report-print-host tbody,
19
+ .kt-report-print-host tr,
20
+ .kt-report-print-host td,
21
+ .kt-report-print-host th,
22
+ .kt-report-print-host div,
23
+ .kt-report-print-host span,
24
+ .kt-report-print-root,
25
+ .kt-report-print-root table,
26
+ .kt-report-print-root div,
27
+ .kt-report-print-root span,
28
+ .kt-report-page-stack,
29
+ .kt-report-page-stack div,
30
+ .kt-report-page-stack span,
31
+ .kt-report-wm-layer,
32
+ .kt-report-wm-layer div,
33
+ .kt-report-wm-layer span,
34
+ .kt-report-wm-anchor {
35
+ font-family: inherit;
36
+ }
37
+ .kt-report-page,
38
+ .kt-report-preview-host,
39
+ .kt-report-print-host,
40
+ .kt-report-print-root,
41
+ .kt-report-page-stack {
42
+ font-family:
43
+ SimSun,
44
+ "Songti SC",
45
+ "\5b8b\4f53",
46
+ "Noto Serif CJK SC",
47
+ serif;
48
+ }
49
+ .kt-report-page {
50
+ background: #fff;
51
+ color: #1d2129;
52
+ }
53
+ .kt-report-page table,
54
+ .kt-report-preview-host table,
55
+ table.kt-sheet-region-table {
56
+ table-layout: fixed !important;
57
+ max-width: none !important;
58
+ height: auto;
59
+ line-height: 1.15;
60
+ }
61
+ .kt-report-page td,
62
+ .kt-report-page th,
63
+ .kt-report-preview-host td,
64
+ .kt-report-preview-host th,
65
+ table.kt-sheet-region-table td {
66
+ box-sizing: border-box;
67
+ line-height: 1.15;
68
+ writing-mode: horizontal-tb;
69
+ white-space: pre;
70
+ word-break: normal;
71
+ overflow-wrap: normal;
72
+ }
73
+ .kt-report-print-root {
74
+ display: flex;
75
+ flex-direction: column;
76
+ align-items: stretch;
77
+ width: 100%;
78
+ min-width: 0;
79
+ }
80
+ .kt-report-preview-host {
81
+ display: flex;
82
+ flex-direction: column;
83
+ align-items: center;
84
+ gap: 16px;
85
+ background: var(--kt-forms-preview-host, #f0f2f5);
86
+ padding: 16px;
87
+ overflow: auto;
88
+ box-sizing: border-box;
89
+ width: 100%;
90
+ min-width: 0;
91
+ max-width: 100%;
92
+ }
93
+ .kt-report-preview-host[data-kt-page-margins] .kt-report-page > div:first-of-type,
94
+ .kt-report-print-host[data-kt-page-margins] .kt-report-page > div:first-of-type,
95
+ .kt-report-print-root[data-kt-page-margins] .kt-report-page > div:first-of-type {
96
+ padding-top: var(--kt-page-margin-top, 0mm) !important;
97
+ padding-right: var(--kt-page-margin-right, 0mm) !important;
98
+ padding-bottom: var(--kt-page-margin-bottom, 0mm) !important;
99
+ padding-left: var(--kt-page-margin-left, 0mm) !important;
100
+ }
101
+ .kt-report-page-stack {
102
+ position: relative;
103
+ display: inline-block;
104
+ }
105
+ .kt-report-wm-layer,
106
+ .kt-report-wm-anchor {
107
+ pointer-events: none;
108
+ user-select: none;
109
+ }
110
+ .kt-report-wm-tiled {
111
+ -webkit-print-color-adjust: exact;
112
+ print-color-adjust: exact;
113
+ }
114
+ .kt-report-print-host {
115
+ position: static;
116
+ display: block;
117
+ background: var(--kt-paper-bg, #fff);
118
+ overflow: visible;
119
+ box-sizing: border-box;
120
+ }
121
+ .kt-compose-preview-pane {
122
+ height: 100%;
123
+ min-height: 0;
124
+ display: flex;
125
+ flex-direction: column;
126
+ background: var(--kt-forms-preview-host, #f7f8fa);
127
+ border-left-width: 1px;
128
+ border-left-style: solid;
129
+ border-left-color: var(--kt-forms-border, #e5e6eb);
130
+ }
131
+ .kt-compose-preview-pane-head {
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: space-between;
135
+ gap: 8px;
136
+ padding: 6px 8px;
137
+ border-bottom-width: 1px;
138
+ border-bottom-style: solid;
139
+ border-bottom-color: #e5e6eb;
140
+ background: #fff;
141
+ color: #1d2129;
142
+ }
143
+ .kt-compose-preview-pane-head__start {
144
+ display: flex;
145
+ align-items: center;
146
+ gap: 8px;
147
+ min-width: 0;
148
+ }
149
+ .kt-compose-preview-pane-body {
150
+ flex: 1;
151
+ min-height: 0;
152
+ min-width: 0;
153
+ overflow: auto;
154
+ padding: 8px;
155
+ }
156
+ .kt-preview-print-bar {
157
+ display: flex;
158
+ align-items: center;
159
+ gap: 8px;
160
+ height: 28px;
161
+ min-height: 28px;
162
+ margin-bottom: 8px;
163
+ box-sizing: border-box;
164
+ }
165
+ .kt-preview-print-bar-main,
166
+ .kt-preview-print-bar-end,
167
+ .kt-preview-zoom {
168
+ display: flex;
169
+ align-items: center;
170
+ min-height: 0;
171
+ height: 28px;
172
+ }
173
+ .kt-preview-print-bar-main {
174
+ min-width: 0;
175
+ flex: 1;
176
+ gap: 8px;
177
+ flex-wrap: nowrap;
178
+ overflow-x: auto;
179
+ }
180
+ .kt-preview-print-bar-end {
181
+ flex-shrink: 0;
182
+ margin-left: auto;
183
+ gap: 4px;
184
+ }
185
+ .kt-preview-zoom {
186
+ gap: 4px;
187
+ }
188
+ .kt-preview-print-bar-meta {
189
+ display: inline-flex;
190
+ align-items: center;
191
+ height: 28px;
192
+ line-height: 28px;
193
+ font-size: 12px;
194
+ color: #8c8c8c;
195
+ white-space: nowrap;
196
+ }
197
+ .kt-preview-fill-icon-btn {
198
+ display: inline-flex;
199
+ align-items: center;
200
+ justify-content: center;
201
+ width: 24px;
202
+ height: 24px;
203
+ padding: 0;
204
+ border-width: 0;
205
+ background: transparent;
206
+ color: #4e5969;
207
+ cursor: pointer;
208
+ border-radius: 2px;
209
+ flex-shrink: 0;
210
+ font-size: 16px;
211
+ }
212
+ .kt-preview-fill-icon-btn:hover {
213
+ background: #e5e6eb;
214
+ color: #1d2129;
215
+ }
216
+ .kt-preview-page-chrome {
217
+ box-sizing: border-box;
218
+ min-height: calc(100vh - 104px);
219
+ background: #fff;
220
+ padding: 16px;
221
+ }
222
+ .kt-preview-page-chrome--fill {
223
+ min-height: 100vh;
224
+ padding: 8px;
225
+ display: flex;
226
+ flex-direction: column;
227
+ }
228
+ .kt-preview-page-chrome--fill .kt-report-preview-host {
229
+ flex: 1;
230
+ min-height: 0;
231
+ }
232
+ html.kt-report-printing,
233
+ html.kt-report-printing body {
234
+ background: #fff !important;
235
+ height: auto !important;
236
+ min-height: 0 !important;
237
+ overflow: visible !important;
238
+ margin: 0 !important;
239
+ padding: 0 !important;
240
+ }
241
+ html.kt-report-printing body > *:not(.kt-report-print-host) {
242
+ display: none !important;
243
+ }
244
+ html.kt-report-printing .kt-report-print-host,
245
+ html.kt-report-printing .kt-report-print-host * {
246
+ visibility: visible !important;
247
+ }
248
+ html.kt-report-printing .kt-paper-island,
249
+ html.kt-report-printing .kt-report-preview-host,
250
+ html.kt-report-printing .kt-preview-page-chrome {
251
+ background: transparent !important;
252
+ padding: 0 !important;
253
+ margin: 0 !important;
254
+ gap: 0 !important;
255
+ box-shadow: none !important;
256
+ border-width: 0 !important;
257
+ overflow: visible !important;
258
+ min-height: 0 !important;
259
+ }
260
+ html.kt-report-printing .kt-report-print-root,
261
+ body.kt-report-printing .kt-report-print-root {
262
+ align-items: center;
263
+ }
264
+ @media print {
265
+ html.kt-report-printing,
266
+ body.kt-report-printing {
267
+ background: #fff !important;
268
+ height: auto !important;
269
+ min-height: 0 !important;
270
+ overflow: visible !important;
271
+ margin: 0 !important;
272
+ padding: 0 !important;
273
+ }
274
+ body.kt-report-printing > *:not(.kt-report-print-host) {
275
+ display: none !important;
276
+ }
277
+ body.kt-report-printing .kt-report-print-host,
278
+ body.kt-report-printing .kt-report-print-host * {
279
+ visibility: visible !important;
280
+ }
281
+ body.kt-report-printing .kt-report-print-host {
282
+ display: block !important;
283
+ visibility: visible !important;
284
+ position: static !important;
285
+ inset: auto !important;
286
+ left: auto !important;
287
+ top: auto !important;
288
+ z-index: auto !important;
289
+ max-width: none !important;
290
+ max-height: none !important;
291
+ overflow: visible !important;
292
+ margin: 0 !important;
293
+ padding: 0 !important;
294
+ background: #fff !important;
295
+ transform: none !important;
296
+ zoom: 1 !important;
297
+ font-family:
298
+ SimSun,
299
+ "Songti SC",
300
+ "\5b8b\4f53",
301
+ "Noto Serif CJK SC",
302
+ serif;
303
+ }
304
+ body.kt-report-printing .kt-report-print-root {
305
+ display: flex !important;
306
+ flex-direction: column !important;
307
+ align-items: flex-start !important;
308
+ visibility: visible !important;
309
+ position: static !important;
310
+ width: auto !important;
311
+ height: auto !important;
312
+ margin: 0 !important;
313
+ padding: 0 !important;
314
+ gap: 0 !important;
315
+ background: #fff !important;
316
+ overflow: visible !important;
317
+ transform: none !important;
318
+ zoom: 1 !important;
319
+ }
320
+ body.kt-report-printing .kt-paper-island,
321
+ body.kt-report-printing .kt-report-preview-host,
322
+ body.kt-report-printing .kt-preview-page-chrome,
323
+ body.kt-report-printing .kt-compose-preview-pane {
324
+ background: transparent !important;
325
+ padding: 0 !important;
326
+ margin: 0 !important;
327
+ gap: 0 !important;
328
+ box-shadow: none !important;
329
+ border-width: 0 !important;
330
+ overflow: visible !important;
331
+ min-height: 0 !important;
332
+ }
333
+ body.kt-report-printing .kt-report-print-root > * {
334
+ display: block !important;
335
+ visibility: visible !important;
336
+ break-inside: avoid;
337
+ page-break-inside: avoid;
338
+ break-after: page;
339
+ page-break-after: always;
340
+ background: #fff !important;
341
+ box-shadow: none !important;
342
+ zoom: 1 !important;
343
+ }
344
+ body.kt-report-printing .kt-report-print-root > *:last-child {
345
+ break-after: auto;
346
+ page-break-after: auto;
347
+ }
348
+ body.kt-report-printing .kt-report-print-sheet,
349
+ body.kt-report-printing .kt-report-page-stack {
350
+ display: block !important;
351
+ visibility: visible !important;
352
+ break-inside: avoid;
353
+ page-break-inside: avoid;
354
+ background: #fff !important;
355
+ box-shadow: none !important;
356
+ zoom: 1 !important;
357
+ }
358
+ body.kt-report-printing .kt-report-page {
359
+ box-shadow: none !important;
360
+ outline: none !important;
361
+ visibility: visible !important;
362
+ overflow: hidden !important;
363
+ box-sizing: border-box !important;
364
+ background: #fff !important;
365
+ zoom: 1 !important;
366
+ -webkit-print-color-adjust: exact;
367
+ print-color-adjust: exact;
368
+ }
369
+ body.kt-report-printing .kt-report-wm-tiled {
370
+ -webkit-print-color-adjust: exact;
371
+ print-color-adjust: exact;
372
+ }
373
+ body.kt-report-printing .kt-report-page > div:first-of-type {
374
+ padding-top: var(--kt-page-margin-top, 0mm) !important;
375
+ padding-right: var(--kt-page-margin-right, 0mm) !important;
376
+ padding-bottom: var(--kt-page-margin-bottom, 0mm) !important;
377
+ padding-left: var(--kt-page-margin-left, 0mm) !important;
378
+ }
379
+ body.kt-report-printing .kt-sheet-cell-clip {
380
+ display: flex !important;
381
+ flex-direction: column !important;
382
+ overflow: hidden !important;
383
+ box-sizing: border-box !important;
384
+ }
385
+ body.kt-report-printing .kt-sheet-cell-clip > * {
386
+ flex-shrink: 0 !important;
387
+ min-height: auto !important;
388
+ }
389
+ .kt-preview-print-bar,
390
+ .kt-preview-fill-icon-btn,
391
+ .kt-report-print-hide,
392
+ .kt-compose-preview-pane-head {
393
+ display: none !important;
394
+ }
395
+ }
396
+
397
+ /* src/vendor/components-kt/design/kt-report-designer.css */
398
+ .kt-report-designer-main-tabs {
399
+ flex: 1;
400
+ min-height: 0;
401
+ overflow: hidden;
402
+ }
403
+ .kt-report-designer-main-tabs.arco-tabs {
404
+ display: flex;
405
+ flex-direction: column;
406
+ height: 100%;
407
+ min-height: 0;
408
+ }
409
+ .kt-report-designer-main-tabs .arco-tabs-header-nav {
410
+ flex-shrink: 0;
411
+ }
412
+ .kt-report-designer-main-tabs .arco-tabs-content {
413
+ flex: 1;
414
+ min-height: 0;
415
+ overflow: hidden;
416
+ }
417
+ .kt-report-designer-main-tabs .arco-tabs-content-list,
418
+ .kt-report-designer-main-tabs .arco-tabs-content-item,
419
+ .kt-report-designer-main-tabs .arco-tabs-pane {
420
+ height: 100%;
421
+ min-height: 0;
422
+ }
423
+ .kt-label-designer-grid,
424
+ .kt-label-designer-grid table,
425
+ .kt-label-designer-grid thead,
426
+ .kt-label-designer-grid tbody,
427
+ .kt-label-designer-grid tr,
428
+ .kt-label-designer-grid td,
429
+ .kt-label-designer-grid th,
430
+ .kt-label-designer-grid div,
431
+ .kt-label-designer-grid span,
432
+ .kt-label-designer-grid textarea {
433
+ font-family: inherit;
434
+ }
435
+ .kt-label-designer-grid {
436
+ font-family:
437
+ SimSun,
438
+ "Songti SC",
439
+ "\5b8b\4f53",
440
+ "Noto Serif CJK SC",
441
+ serif;
442
+ }
443
+ .kt-designer-header-label {
444
+ display: flex;
445
+ flex-direction: column;
446
+ align-items: center;
447
+ justify-content: center;
448
+ line-height: 1.15;
449
+ pointer-events: none;
450
+ }
451
+ .kt-designer-scale-px {
452
+ display: block;
453
+ font-size: 9px;
454
+ line-height: 1;
455
+ font-weight: 400;
456
+ color: #a9aeb8;
457
+ pointer-events: none;
458
+ user-select: none;
459
+ }
460
+ .kt-designer-row-index {
461
+ display: flex;
462
+ flex-direction: column;
463
+ align-items: center;
464
+ justify-content: center;
465
+ line-height: 1.1;
466
+ pointer-events: none;
467
+ }
468
+ .kt-designer-chrome {
469
+ display: flex;
470
+ align-items: center;
471
+ flex: 0 0 auto;
472
+ height: 32px;
473
+ max-height: 32px;
474
+ margin-top: 4px !important;
475
+ margin-bottom: 4px !important;
476
+ line-height: 1;
477
+ overflow: visible;
478
+ }
479
+ .kt-designer-chrome-quick {
480
+ display: flex;
481
+ flex-wrap: nowrap;
482
+ align-items: center;
483
+ align-content: center;
484
+ width: 100%;
485
+ height: 32px;
486
+ max-height: 32px;
487
+ gap: 6px;
488
+ line-height: 1;
489
+ }
490
+ button.kt-designer-chrome-quick__save {
491
+ margin-left: auto !important;
492
+ }
493
+ .kt-designer-chrome-quick > * {
494
+ display: inline-flex !important;
495
+ align-items: center;
496
+ align-self: center;
497
+ line-height: 1;
498
+ max-height: 32px;
499
+ }
500
+ .kt-designer-chrome-quick .arco-btn,
501
+ .kt-designer-chrome-quick .ant-btn {
502
+ display: inline-flex !important;
503
+ align-items: center;
504
+ justify-content: center;
505
+ height: 28px;
506
+ min-height: 28px;
507
+ max-height: 28px;
508
+ padding: 0 12px;
509
+ line-height: 26px;
510
+ box-sizing: border-box;
511
+ vertical-align: middle;
512
+ }
513
+ .kt-designer-chrome-quick .arco-radio-group,
514
+ .kt-designer-chrome-quick .arco-radio-button,
515
+ .kt-designer-chrome-quick .arco-select,
516
+ .kt-designer-chrome-quick .arco-select-view,
517
+ .kt-designer-chrome-quick .arco-badge,
518
+ .kt-designer-chrome-quick .arco-typography,
519
+ .kt-designer-chrome-quick .ant-radio-group,
520
+ .kt-designer-chrome-quick .ant-radio-button-wrapper,
521
+ .kt-designer-chrome-quick .ant-select,
522
+ .kt-designer-chrome-quick .ant-select-selector,
523
+ .kt-designer-chrome-quick .ant-badge,
524
+ .kt-designer-chrome-quick .ant-typography {
525
+ display: inline-flex !important;
526
+ align-items: center;
527
+ height: 28px;
528
+ max-height: 28px;
529
+ line-height: 26px;
530
+ vertical-align: middle;
531
+ }
532
+ .kt-designer-chrome-quick .arco-radio-button-inner {
533
+ display: inline-flex;
534
+ align-items: center;
535
+ line-height: 26px;
536
+ }
537
+ .kt-designer-chrome-quick .arco-icon {
538
+ display: block;
539
+ line-height: 1;
540
+ vertical-align: middle;
541
+ }
542
+ .kt-designer-chrome-btn-inner {
543
+ display: inline-flex;
544
+ align-items: center;
545
+ gap: 2px;
546
+ line-height: 1;
547
+ }
548
+ .kt-designer-chrome-quick .arco-badge {
549
+ padding: 0;
550
+ line-height: 0;
551
+ }
552
+ .kt-designer-chrome-quick .arco-dropdown,
553
+ .kt-designer-chrome-quick .arco-trigger {
554
+ display: inline-flex;
555
+ align-items: center;
556
+ line-height: 1;
557
+ }
558
+ .kt-designer-chrome-menu {
559
+ max-height: 480px;
560
+ overflow: auto;
561
+ min-width: 200px;
562
+ }
563
+ .kt-designer-fmt-group {
564
+ display: inline-flex;
565
+ align-items: center;
566
+ gap: 4px;
567
+ vertical-align: middle;
568
+ }
569
+ div.kt-designer-sheet-tab-bar {
570
+ display: flex;
571
+ align-items: flex-end;
572
+ flex-wrap: wrap;
573
+ gap: 8px;
574
+ height: auto;
575
+ min-height: 0;
576
+ max-height: none;
577
+ margin-top: 0px !important;
578
+ margin-bottom: 0 !important;
579
+ padding: 6px 4px 0 !important;
580
+ flex-shrink: 0;
581
+ border-bottom: 1px solid var(--kt-forms-border, #d0d5dd);
582
+ background: var(--kt-forms-chrome-bar, #eceef1);
583
+ }
584
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs {
585
+ min-width: 0;
586
+ flex: 1 1 auto;
587
+ display: flex;
588
+ align-items: flex-end;
589
+ flex-wrap: nowrap;
590
+ height: auto;
591
+ min-height: 0;
592
+ overflow-x: auto;
593
+ overflow-y: hidden;
594
+ scrollbar-width: thin;
595
+ scrollbar-color: rgba(29, 33, 41, 0.28) transparent;
596
+ }
597
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar {
598
+ height: 5px;
599
+ width: 0;
600
+ }
601
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar:vertical {
602
+ width: 0;
603
+ height: 0;
604
+ }
605
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar-track {
606
+ background: transparent;
607
+ }
608
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar-thumb {
609
+ background: rgba(29, 33, 41, 0.28);
610
+ border-radius: 3px;
611
+ }
612
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar-thumb:hover {
613
+ background: rgba(29, 33, 41, 0.42);
614
+ }
615
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab-bar__tabs::-webkit-scrollbar-button {
616
+ display: none;
617
+ width: 0;
618
+ height: 0;
619
+ }
620
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tabs {
621
+ display: flex;
622
+ align-items: flex-end;
623
+ flex-wrap: nowrap;
624
+ flex-shrink: 0;
625
+ min-width: max-content;
626
+ width: max-content;
627
+ gap: 2px;
628
+ }
629
+ div.kt-designer-sheet-tab-bar .arco-space,
630
+ div.kt-designer-sheet-tab-bar .ant-space {
631
+ display: inline-flex;
632
+ align-items: flex-end;
633
+ height: 26px;
634
+ padding-bottom: 2px;
635
+ }
636
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab {
637
+ appearance: none;
638
+ position: relative;
639
+ z-index: 0;
640
+ display: inline-flex;
641
+ align-items: center;
642
+ box-sizing: border-box;
643
+ height: 24px;
644
+ margin: 0 1px -1px 0;
645
+ padding: 0 12px !important;
646
+ border: 1px solid var(--kt-forms-border, #d0d5dd);
647
+ border-radius: 4px 4px 0 0;
648
+ background: var(--kt-forms-chrome-tab, #e4e6ea);
649
+ color: var(--kt-forms-text-secondary, #4e5969);
650
+ font-size: 12px;
651
+ font-weight: 400;
652
+ line-height: 22px;
653
+ white-space: nowrap;
654
+ cursor: pointer;
655
+ user-select: none;
656
+ box-shadow: none;
657
+ }
658
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab:focus {
659
+ outline: none;
660
+ }
661
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab:focus-visible {
662
+ outline: 1px dotted #86909c;
663
+ outline-offset: -2px;
664
+ }
665
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--entry {
666
+ background: #f3eee4;
667
+ color: #6b5420;
668
+ box-shadow: inset 2px 0 0 #c9a46a;
669
+ }
670
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--report {
671
+ background: #e7eef5;
672
+ color: #3d5a80;
673
+ box-shadow: inset 2px 0 0 #8aa8c8;
674
+ }
675
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--prepage {
676
+ background: #c5d4b5;
677
+ color: #2f3d24;
678
+ box-shadow: inset 4px 0 0 #3d5a2a;
679
+ }
680
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active {
681
+ z-index: 1;
682
+ height: 28px;
683
+ font-weight: 700;
684
+ color: #1d2129;
685
+ background: var(--kt-paper-bg, #fff);
686
+ border-color: var(--kt-forms-border, #d0d5dd);
687
+ border-bottom-color: var(--kt-paper-bg, #fff);
688
+ box-shadow: none;
689
+ }
690
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--entry {
691
+ background: var(--kt-paper-bg, #fff);
692
+ color: #4a3200;
693
+ border-bottom-color: var(--kt-paper-bg, #fff);
694
+ box-shadow: inset 2px 0 0 #b8860b;
695
+ }
696
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--report {
697
+ background: var(--kt-paper-bg, #fff);
698
+ color: #0b3d7a;
699
+ border-bottom-color: var(--kt-paper-bg, #fff);
700
+ box-shadow: inset 2px 0 0 #3d6ea8;
701
+ }
702
+ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--prepage {
703
+ background: var(--kt-paper-bg, #fff);
704
+ color: #1f2e16;
705
+ border-bottom-color: var(--kt-paper-bg, #fff);
706
+ box-shadow: inset 4px 0 0 #2a4a1c, 0 0 0 1px #5a7a3a;
707
+ }
708
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--entry {
709
+ background: #3d3420;
710
+ color: #e8d5a8;
711
+ box-shadow: inset 2px 0 0 #c9a46a;
712
+ }
713
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--report {
714
+ background: #1e2c40;
715
+ color: #b8cce4;
716
+ box-shadow: inset 2px 0 0 #8aa8c8;
717
+ }
718
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--prepage {
719
+ background: #2a3820;
720
+ color: #c5d4b5;
721
+ box-shadow: inset 4px 0 0 #7a9a5a;
722
+ }
723
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--entry {
724
+ background: var(--kt-paper-bg, #fff);
725
+ color: #4a3200;
726
+ border-bottom-color: var(--kt-paper-bg, #fff);
727
+ }
728
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--report {
729
+ background: var(--kt-paper-bg, #fff);
730
+ color: #0b3d7a;
731
+ border-bottom-color: var(--kt-paper-bg, #fff);
732
+ }
733
+ .kt-antd-mimic-root[data-kt-mimic-scheme=dark] div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-tab--prepage {
734
+ background: var(--kt-paper-bg, #fff);
735
+ color: #1f2e16;
736
+ border-bottom-color: var(--kt-paper-bg, #fff);
737
+ }
738
+ .kt-designer-sheet-tab-bar__empty {
739
+ padding: 0 8px 4px;
740
+ font-size: 12px;
741
+ color: #86909c;
742
+ line-height: 26px;
743
+ }
744
+ .kt-designer-sheet-tab--hidden {
745
+ opacity: 0.55;
746
+ color: #86909c;
747
+ }
748
+ .kt-designer-sheet-tab-menu {
749
+ position: fixed;
750
+ z-index: 1200;
751
+ min-width: 176px;
752
+ padding: 4px;
753
+ background: var(--ant-color-bg-elevated, #fff);
754
+ color: var(--ant-color-text, inherit);
755
+ border: 1px solid var(--kt-forms-border, #e5e6eb);
756
+ border-radius: 6px;
757
+ box-shadow: 0 6px 16px rgba(15, 15, 15, 0.12);
758
+ }
759
+ .kt-designer-fmt-panel {
760
+ flex-shrink: 0;
761
+ padding: 4px 8px 2px;
762
+ background: var(--kt-forms-header-bg, var(--kt-forms-chrome-bar, #f3f7fd));
763
+ border-bottom: 1px solid var(--kt-forms-border, #d0d5dd);
764
+ }
765
+ .kt-designer-fmt-panel__toolbar {
766
+ display: flex;
767
+ align-items: flex-start;
768
+ gap: 8px;
769
+ margin-bottom: 4px;
770
+ }
771
+ .kt-designer-fmt-panel__toolbar-body {
772
+ min-width: 0;
773
+ flex: 1;
774
+ }
775
+ .kt-designer-fmt-panel__metrics {
776
+ display: flex;
777
+ align-items: center;
778
+ gap: 8px;
779
+ margin-bottom: 6px;
780
+ min-height: 22px;
781
+ }
782
+ .kt-designer-fmt-panel__metrics-text {
783
+ min-width: 0;
784
+ flex: 1;
785
+ font-size: 12px;
786
+ line-height: 1.4;
787
+ color: #86909c;
788
+ }
789
+ .kt-designer-help-body {
790
+ max-width: 360px;
791
+ font-size: 12px;
792
+ line-height: 1.55;
793
+ color: #4e5969;
794
+ }
795
+ .kt-designer-help-body p {
796
+ margin: 4px 0 8px;
797
+ }
798
+ .kt-designer-border-split {
799
+ display: inline-flex !important;
800
+ align-items: center;
801
+ vertical-align: middle;
802
+ height: 24px;
803
+ }
804
+ .kt-designer-border-split > * {
805
+ display: inline-flex;
806
+ align-items: center;
807
+ height: 24px;
808
+ line-height: 0;
809
+ }
810
+ .kt-designer-border-split-btn {
811
+ display: inline-flex;
812
+ align-items: center;
813
+ justify-content: center;
814
+ height: 24px;
815
+ line-height: 0;
816
+ }
817
+ .kt-designer-border-split .ant-btn,
818
+ .kt-designer-border-split .arco-btn {
819
+ display: inline-flex;
820
+ align-items: center;
821
+ justify-content: center;
822
+ height: 24px;
823
+ min-height: 24px;
824
+ padding: 0 5px;
825
+ line-height: 1;
826
+ box-sizing: border-box;
827
+ vertical-align: middle;
828
+ }
829
+ .kt-designer-fmt-panel .ant-space,
830
+ .kt-designer-sheet-tab-bar .ant-space {
831
+ gap: 4px !important;
832
+ row-gap: 4px !important;
833
+ }
834
+ .kt-designer-fmt-panel .ant-btn,
835
+ .kt-designer-sheet-tab-bar .ant-btn {
836
+ display: inline-flex;
837
+ align-items: center;
838
+ justify-content: center;
839
+ height: 26px;
840
+ min-height: 26px;
841
+ max-height: 26px;
842
+ padding: 0 8px;
843
+ font-size: 12px;
844
+ line-height: 24px;
845
+ box-sizing: border-box;
846
+ }
847
+ .kt-designer-fmt-panel .ant-btn.ant-btn-icon-only,
848
+ .kt-designer-sheet-tab-bar .ant-btn.ant-btn-icon-only {
849
+ width: 26px;
850
+ padding-inline: 0;
851
+ }
852
+ .kt-designer-fmt-panel .ant-select,
853
+ .kt-designer-sheet-tab-bar .ant-select {
854
+ font-size: 12px;
855
+ }
856
+ .kt-designer-fmt-panel .ant-select-selector,
857
+ .kt-designer-sheet-tab-bar .ant-select-selector {
858
+ min-height: 26px !important;
859
+ height: 26px !important;
860
+ }
861
+ .kt-designer-fmt-panel .ant-input-number,
862
+ .kt-designer-fmt-panel .ant-input-number-input-wrap,
863
+ .kt-designer-fmt-panel .ant-input-number-input {
864
+ height: 26px !important;
865
+ min-height: 26px;
866
+ font-size: 12px;
867
+ }
868
+ .kt-designer-fmt-panel input[type=color] {
869
+ -webkit-appearance: none;
870
+ appearance: none;
871
+ width: 22px;
872
+ height: 22px;
873
+ padding: 1px;
874
+ border: 1px solid var(--kt-forms-border, #d0d5dd);
875
+ border-radius: 4px;
876
+ background: var(--kt-paper-bg, #fff);
877
+ cursor: pointer;
878
+ }
879
+ .kt-designer-fmt-panel input[type=color]::-webkit-color-swatch-wrapper {
880
+ padding: 1px;
881
+ }
882
+ .kt-designer-fmt-panel input[type=color]::-webkit-color-swatch {
883
+ border: none;
884
+ border-radius: 3px;
885
+ }