@baosight/erm 1.3.2 → 1.3.3
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/lib/index.css +2 -2
- package/lib/index.d.ts +3 -1
- package/lib/index.esm.css +110 -110
- package/lib/index.esm.js +1 -1
- package/lib/use/efm.d.ts +2 -0
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -4,8 +4,10 @@ import ermList from "./ermList";
|
|
|
4
4
|
import ermForm from "./ermForm";
|
|
5
5
|
import ermAttach from "./ermAttach";
|
|
6
6
|
import ermGrid from "./ermGrid";
|
|
7
|
+
import * as EFMUI from "@baosight/efm";
|
|
8
|
+
import * as EFM from '@baosight/efm';
|
|
7
9
|
import { ermFormHelper, ermListHelper } from "./utils/ermHelper";
|
|
8
|
-
export { ermList, ermForm, ermAttach, ermFormHelper, ermListHelper, ermGrid };
|
|
10
|
+
export { ermList, ermForm, ermAttach, ermFormHelper, ermListHelper, ermGrid, EFM, EFMUI };
|
|
9
11
|
declare const _default: {
|
|
10
12
|
install: (app: App<any>) => void;
|
|
11
13
|
};
|
package/lib/index.esm.css
CHANGED
|
@@ -69,108 +69,6 @@
|
|
|
69
69
|
border-color: red;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
.baseStyle[data-v-a440e92e] {
|
|
73
|
-
width: 99%;
|
|
74
|
-
height: 100%;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
[data-v-a440e92e] .ag-header-group-cell {
|
|
78
|
-
border-right-style: solid;
|
|
79
|
-
border-right-width: 1px;
|
|
80
|
-
border-right-color: #cecece;
|
|
81
|
-
display: flex;
|
|
82
|
-
justify-content: center;
|
|
83
|
-
align-items: center;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
[data-v-a440e92e] .ag-header-cell-label {
|
|
87
|
-
display: flex;
|
|
88
|
-
justify-content: center;
|
|
89
|
-
align-items: center;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
[data-v-a440e92e] .ag-root-wrapper {
|
|
93
|
-
cursor: default;
|
|
94
|
-
position: relative;
|
|
95
|
-
display: flex;
|
|
96
|
-
flex-direction: column;
|
|
97
|
-
overflow: hidden;
|
|
98
|
-
white-space: normal;
|
|
99
|
-
border: 1px solid #cecece !important; /* 设置最外边的边框 */
|
|
100
|
-
margin-right: 2px !important;
|
|
101
|
-
margin-left: 2px !important;
|
|
102
|
-
margin-bottom: 60px !important;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
[data-v-a440e92e] .ag-header-cell:first-child .ag-header-cell-label {
|
|
106
|
-
text-align: center !important;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.ag-theme-alpine[data-v-a440e92e] {
|
|
110
|
-
/* and between columns */
|
|
111
|
-
--ag-cell-horizontal-border: solid #cecece;
|
|
112
|
-
--ag-header-cell-horizontal-border: solid #cecece;
|
|
113
|
-
--ag-header-foreground-color: #3a7af9;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
[data-v-a440e92e] .ag-header-cell {
|
|
117
|
-
border-right-style: solid;
|
|
118
|
-
border-right-width: 1px;
|
|
119
|
-
border-right-color: #cecece; /* 深灰色底边框 */
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
/* 如果你想要更具体的样式,比如只针对第一个表头列 */
|
|
123
|
-
.ag-header-cell[data-v-a440e92e]:first-child {
|
|
124
|
-
border-left: none; /* 移除左侧边框,如果需要的话 */
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/* 或者针对最后一列 */
|
|
128
|
-
.ag-header-cell[data-v-a440e92e]:last-child {
|
|
129
|
-
border-right: none; /* 移除右侧边框,如果需要的话 */
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
/* 选中行的样式 */
|
|
133
|
-
[data-v-a440e92e] .ag-row-selected::before {
|
|
134
|
-
background-color: rgba(183, 249, 177, 0.5803921569);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/* 选中焦点行的样式 */
|
|
138
|
-
[data-v-a440e92e] .ag-row-hover.ag-row-selected::before {
|
|
139
|
-
background-color: rgba(183, 249, 177, 0.5803921569);
|
|
140
|
-
background-image: none;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
/* 表头的样式 */
|
|
144
|
-
[data-v-a440e92e] .ag-header {
|
|
145
|
-
background-color: #dbefff;
|
|
146
|
-
text-align: center;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
[data-v-a440e92e] .ag-checkbox-input-wrapper.ag-disabled {
|
|
150
|
-
opacity: 1;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/* 默认行的背景色 */
|
|
154
|
-
[data-v-a440e92e] .ag-row-odd {
|
|
155
|
-
background-color: aliceblue;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
/* 取消选中行的样式 */
|
|
159
|
-
[data-v-a440e92e] .ag-row-hover:not(.ag-row-selected)::before {
|
|
160
|
-
background-color: #ecf0f1;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.loading-overlay[data-v-a440e92e] {
|
|
164
|
-
position: absolute;
|
|
165
|
-
top: 0;
|
|
166
|
-
left: 0;
|
|
167
|
-
right: 0;
|
|
168
|
-
bottom: 0;
|
|
169
|
-
background-color: rgba(255, 255, 255, 0.5);
|
|
170
|
-
display: flex;
|
|
171
|
-
z-index: 1000;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
72
|
.container[data-v-87a0d832] {
|
|
175
73
|
width: 100%;
|
|
176
74
|
height: 100%;
|
|
@@ -588,6 +486,116 @@ nav[data-v-35c7b3ce] .jh-button[data-v-35c7b3ce] {
|
|
|
588
486
|
color: #fff; /* 勾选后的文字颜色 */
|
|
589
487
|
}
|
|
590
488
|
|
|
489
|
+
.baseStyle[data-v-a440e92e] {
|
|
490
|
+
width: 99%;
|
|
491
|
+
height: 100%;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
[data-v-a440e92e] .ag-header-group-cell {
|
|
495
|
+
border-right-style: solid;
|
|
496
|
+
border-right-width: 1px;
|
|
497
|
+
border-right-color: #cecece;
|
|
498
|
+
display: flex;
|
|
499
|
+
justify-content: center;
|
|
500
|
+
align-items: center;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
[data-v-a440e92e] .ag-header-cell-label {
|
|
504
|
+
display: flex;
|
|
505
|
+
justify-content: center;
|
|
506
|
+
align-items: center;
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
[data-v-a440e92e] .ag-root-wrapper {
|
|
510
|
+
cursor: default;
|
|
511
|
+
position: relative;
|
|
512
|
+
display: flex;
|
|
513
|
+
flex-direction: column;
|
|
514
|
+
overflow: hidden;
|
|
515
|
+
white-space: normal;
|
|
516
|
+
border: 1px solid #cecece !important; /* 设置最外边的边框 */
|
|
517
|
+
margin-right: 2px !important;
|
|
518
|
+
margin-left: 2px !important;
|
|
519
|
+
margin-bottom: 60px !important;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
[data-v-a440e92e] .ag-header-cell:first-child .ag-header-cell-label {
|
|
523
|
+
text-align: center !important;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
.ag-theme-alpine[data-v-a440e92e] {
|
|
527
|
+
/* and between columns */
|
|
528
|
+
--ag-cell-horizontal-border: solid #cecece;
|
|
529
|
+
--ag-header-cell-horizontal-border: solid #cecece;
|
|
530
|
+
--ag-header-foreground-color: #3a7af9;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
[data-v-a440e92e] .ag-header-cell {
|
|
534
|
+
border-right-style: solid;
|
|
535
|
+
border-right-width: 1px;
|
|
536
|
+
border-right-color: #cecece; /* 深灰色底边框 */
|
|
537
|
+
}
|
|
538
|
+
|
|
539
|
+
/* 如果你想要更具体的样式,比如只针对第一个表头列 */
|
|
540
|
+
.ag-header-cell[data-v-a440e92e]:first-child {
|
|
541
|
+
border-left: none; /* 移除左侧边框,如果需要的话 */
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/* 或者针对最后一列 */
|
|
545
|
+
.ag-header-cell[data-v-a440e92e]:last-child {
|
|
546
|
+
border-right: none; /* 移除右侧边框,如果需要的话 */
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
/* 选中行的样式 */
|
|
550
|
+
[data-v-a440e92e] .ag-row-selected::before {
|
|
551
|
+
background-color: rgba(183, 249, 177, 0.5803921569);
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
/* 选中焦点行的样式 */
|
|
555
|
+
[data-v-a440e92e] .ag-row-hover.ag-row-selected::before {
|
|
556
|
+
background-color: rgba(183, 249, 177, 0.5803921569);
|
|
557
|
+
background-image: none;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
/* 表头的样式 */
|
|
561
|
+
[data-v-a440e92e] .ag-header {
|
|
562
|
+
background-color: #dbefff;
|
|
563
|
+
text-align: center;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
[data-v-a440e92e] .ag-checkbox-input-wrapper.ag-disabled {
|
|
567
|
+
opacity: 1;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
/* 默认行的背景色 */
|
|
571
|
+
[data-v-a440e92e] .ag-row-odd {
|
|
572
|
+
background-color: aliceblue;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
/* 取消选中行的样式 */
|
|
576
|
+
[data-v-a440e92e] .ag-row-hover:not(.ag-row-selected)::before {
|
|
577
|
+
background-color: #ecf0f1;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.loading-overlay[data-v-a440e92e] {
|
|
581
|
+
position: absolute;
|
|
582
|
+
top: 0;
|
|
583
|
+
left: 0;
|
|
584
|
+
right: 0;
|
|
585
|
+
bottom: 0;
|
|
586
|
+
background-color: rgba(255, 255, 255, 0.5);
|
|
587
|
+
display: flex;
|
|
588
|
+
z-index: 1000;
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
[data-v-804c414a] .van-checkbox {
|
|
592
|
+
padding: 5px 0;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
[data-v-6e3557b8] .van-checkbox {
|
|
596
|
+
padding: 5px 0;
|
|
597
|
+
}
|
|
598
|
+
|
|
591
599
|
[data-v-7351fe97] .van-popup {
|
|
592
600
|
max-height: 80%;
|
|
593
601
|
}
|
|
@@ -615,12 +623,4 @@ nav[data-v-35c7b3ce] .jh-button[data-v-35c7b3ce] {
|
|
|
615
623
|
overflow: hidden;
|
|
616
624
|
overflow-y: auto;
|
|
617
625
|
height: calc(100% - 100px);
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
[data-v-804c414a] .van-checkbox {
|
|
621
|
-
padding: 5px 0;
|
|
622
|
-
}
|
|
623
|
-
|
|
624
|
-
[data-v-6e3557b8] .van-checkbox {
|
|
625
|
-
padding: 5px 0;
|
|
626
626
|
}
|