raise-common-lib-new 0.0.4 → 0.0.20
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/esm2022/lib/common-grid/index.component.mjs +2 -2
- package/esm2022/lib/dialog/common-delete-dialog/index.component.mjs +46 -0
- package/esm2022/lib/dialog/common-dialog/index.component.mjs +85 -0
- package/esm2022/lib/dialog/new-action-notification/new-action-notification.component.mjs +51 -0
- package/esm2022/lib/form/tag-input/index.component.mjs +2 -2
- package/esm2022/lib/layout/grid-box/index.component.mjs +42 -0
- package/esm2022/lib/layout/main-container/index.component.mjs +7 -3
- package/esm2022/lib/layout/multi-tab/index.component.mjs +162 -0
- package/esm2022/lib/layout/page-list/index.component.mjs +43 -0
- package/esm2022/lib/layout/page-tab/index.component.mjs +37 -0
- package/esm2022/lib/layout/rs-aside/index.component.mjs +5 -5
- package/esm2022/lib/layout/rs-header/index.component.mjs +3 -3
- package/esm2022/lib/raise-common-lib.module.mjs +72 -15
- package/esm2022/lib/service/common-function.service.mjs +39 -1
- package/esm2022/lib/service/dialog.service.mjs +132 -0
- package/esm2022/lib/service/icon-loader.service.mjs +12 -9
- package/esm2022/lib/service/keep-alive.service.mjs +44 -0
- package/esm2022/public-api.mjs +7 -2
- package/fesm2022/raise-common-lib-new.mjs +718 -58
- package/fesm2022/raise-common-lib-new.mjs.map +1 -1
- package/lib/dialog/common-delete-dialog/index.component.d.ts +29 -0
- package/lib/dialog/common-dialog/index.component.d.ts +29 -0
- package/lib/dialog/new-action-notification/new-action-notification.component.d.ts +33 -0
- package/lib/layout/grid-box/index.component.d.ts +15 -0
- package/lib/layout/main-container/index.component.d.ts +2 -1
- package/lib/layout/multi-tab/index.component.d.ts +40 -0
- package/lib/layout/page-list/index.component.d.ts +15 -0
- package/lib/layout/page-tab/index.component.d.ts +14 -0
- package/lib/raise-common-lib.module.d.ts +36 -28
- package/lib/service/common-function.service.d.ts +2 -0
- package/lib/service/dialog.service.d.ts +55 -0
- package/lib/service/icon-loader.service.d.ts +5 -3
- package/lib/service/keep-alive.service.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +6 -1
- package/src/assets/img/calendar-disabled.svg +6 -0
- package/src/assets/img/close-url.svg +10 -0
- package/src/assets/img/close.svg +10 -0
- package/src/assets/img/desktop-refresh-btn.svg +6 -0
- package/src/assets/img/icon-more-active.svg +7 -0
- package/src/assets/img/icon-more.svg +7 -0
- package/src/assets/img/raise_loading.gif +0 -0
- package/src/assets/img/split-button-arrow.svg +3 -0
- package/src/assets/style/reset/button.scss +62 -27
- package/src/assets/style/reset/dropdown.scss +26 -8
- package/src/assets/style/reset/grid.scss +244 -0
- package/src/assets/style/reset/input.scss +35 -3
- package/src/assets/style/reset/mat-dialog.scss +3 -0
- package/src/assets/style/style.scss +2 -0
- package/src/assets/style/variables.scss +2 -0
- package/esm2022/lib/layout/common-list/index.component.mjs +0 -43
- package/lib/layout/common-list/index.component.d.ts +0 -15
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
.e-multiselect,
|
|
4
4
|
.e-pagerdropdown,
|
|
5
5
|
.e-dropdowntree,
|
|
6
|
-
.e-daterangepicker
|
|
6
|
+
.e-daterangepicker,
|
|
7
|
+
.e-datepicker {
|
|
7
8
|
height: var(--rs-input-line-height);
|
|
8
9
|
font-family: var(--rs-font-family);
|
|
9
10
|
.e-input-group {
|
|
@@ -317,8 +318,9 @@
|
|
|
317
318
|
}
|
|
318
319
|
}
|
|
319
320
|
|
|
320
|
-
// daterangepicker
|
|
321
|
-
.e-daterangepicker
|
|
321
|
+
// daterangepicker datepicker
|
|
322
|
+
.e-daterangepicker,
|
|
323
|
+
.e-datepicker {
|
|
322
324
|
.e-input-group {
|
|
323
325
|
height: var(--rs-input-line-height) !important;
|
|
324
326
|
|
|
@@ -333,10 +335,18 @@
|
|
|
333
335
|
background-position: center;
|
|
334
336
|
}
|
|
335
337
|
}
|
|
338
|
+
&.e-disabled {
|
|
339
|
+
.e-input-group-icon {
|
|
340
|
+
&::before {
|
|
341
|
+
background-image: url("/assets/img/calendar-disabled.svg");
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
}
|
|
336
345
|
}
|
|
337
346
|
}
|
|
338
347
|
|
|
339
|
-
.e-daterangepicker.e-popup
|
|
348
|
+
.e-daterangepicker.e-popup,
|
|
349
|
+
.e-datepicker.e-popup {
|
|
340
350
|
height: auto;
|
|
341
351
|
border-radius: 4px;
|
|
342
352
|
padding: 16px 16px 12px 16px;
|
|
@@ -373,7 +383,8 @@
|
|
|
373
383
|
margin: 6px 0 8px 0;
|
|
374
384
|
}
|
|
375
385
|
}
|
|
376
|
-
.e-calendar-container
|
|
386
|
+
.e-calendar-container,
|
|
387
|
+
.e-calendar {
|
|
377
388
|
.e-left-container {
|
|
378
389
|
.e-header {
|
|
379
390
|
padding: 4px 12px 6px 0 !important;
|
|
@@ -396,6 +407,9 @@
|
|
|
396
407
|
}
|
|
397
408
|
.e-header {
|
|
398
409
|
height: 34px;
|
|
410
|
+
&.e-month{
|
|
411
|
+
padding: 0;
|
|
412
|
+
}
|
|
399
413
|
.e-title {
|
|
400
414
|
color: #002c4f;
|
|
401
415
|
font-size: 13px;
|
|
@@ -430,6 +444,7 @@
|
|
|
430
444
|
}
|
|
431
445
|
.e-content {
|
|
432
446
|
.e-calendar-content-table {
|
|
447
|
+
padding: 0;
|
|
433
448
|
border-spacing: 0 8px; /* 设置行间距为 8px */
|
|
434
449
|
th {
|
|
435
450
|
color: var(--rs-primary-2-color);
|
|
@@ -478,9 +493,12 @@
|
|
|
478
493
|
}
|
|
479
494
|
}
|
|
480
495
|
}
|
|
481
|
-
.e-footer
|
|
496
|
+
.e-footer,
|
|
497
|
+
.e-footer-container {
|
|
482
498
|
height: auto;
|
|
499
|
+
padding: 0;
|
|
483
500
|
padding-top: 12px;
|
|
501
|
+
display: flex;
|
|
484
502
|
.e-btn {
|
|
485
503
|
height: 26px;
|
|
486
504
|
display: flex;
|
|
@@ -496,12 +514,12 @@
|
|
|
496
514
|
font-size: var(--rs-font-size);
|
|
497
515
|
color: var(--rs-cancel-btn-color);
|
|
498
516
|
cursor: pointer;
|
|
499
|
-
&.e-apply {
|
|
517
|
+
&.e-apply, &.e-today {
|
|
500
518
|
border: 1px solid var(--rs-primary-btn-bg);
|
|
501
519
|
background-color: var(--rs-primary-btn-bg);
|
|
502
520
|
color: #fff;
|
|
503
521
|
margin: 0 0 0 8px;
|
|
504
|
-
&:hover{
|
|
522
|
+
&:hover {
|
|
505
523
|
border-color: var(--rs-primary-btn-hover-bg);
|
|
506
524
|
background: var(--rs-primary-btn-hover-bg);
|
|
507
525
|
}
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
.e-grid {
|
|
2
|
+
font-family: var(--rs-font-family);
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
.e-headercell {
|
|
7
|
+
height: var(--rs-grid-header-row-height);
|
|
8
|
+
.e-headercelldiv {
|
|
9
|
+
color: #44566c;
|
|
10
|
+
font-family: Arial;
|
|
11
|
+
font-size: var(--rs-grid-header-cell-font-size);
|
|
12
|
+
font-weight: 700;
|
|
13
|
+
line-height: 29px;
|
|
14
|
+
height: 29px;
|
|
15
|
+
}
|
|
16
|
+
.e-rhandler {
|
|
17
|
+
border-right: 0 !important;
|
|
18
|
+
}
|
|
19
|
+
.e-icons.e-columnmenu {
|
|
20
|
+
color: #929dab !important;
|
|
21
|
+
margin: 0;
|
|
22
|
+
padding: 0;
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: 0;
|
|
25
|
+
right: 10px;
|
|
26
|
+
height: 100%;
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
}
|
|
30
|
+
.e-checkbox-wrapper {
|
|
31
|
+
.e-icons {
|
|
32
|
+
margin: 0;
|
|
33
|
+
&.e-check,
|
|
34
|
+
&.e-stop {
|
|
35
|
+
color: #fff !important;
|
|
36
|
+
background-color: var(--rs-active-color);
|
|
37
|
+
border-color: var(--rs-active-color);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
.e-gridheader {
|
|
43
|
+
border-bottom-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
.e-gridheader .e-fltr-icon .e-sortfilterdiv {
|
|
46
|
+
color: #929dab !important;
|
|
47
|
+
font-size: 13px !important;
|
|
48
|
+
margin: 0;
|
|
49
|
+
position: absolute;
|
|
50
|
+
right: 30px;
|
|
51
|
+
top: 0;
|
|
52
|
+
height: 100%;
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
}
|
|
56
|
+
.e-rowcell {
|
|
57
|
+
padding: 2px 8px 3px;
|
|
58
|
+
&:not(.e-editedbatchcell):not(.e-updatedtd) {
|
|
59
|
+
color: var(--rs-text-color);
|
|
60
|
+
font-family: Arial;
|
|
61
|
+
font-size: var(--rs-grid-row-cell-font-size);
|
|
62
|
+
font-weight: 400;
|
|
63
|
+
line-height: 23px;
|
|
64
|
+
height: var(--rs-grid-row-height);
|
|
65
|
+
}
|
|
66
|
+
&.e-active {
|
|
67
|
+
background: rgba(31, 123, 255, 0.08); // selected bg
|
|
68
|
+
}
|
|
69
|
+
.e-checkbox-wrapper {
|
|
70
|
+
.e-icons.e-check {
|
|
71
|
+
color: #fff !important;
|
|
72
|
+
background-color: var(--rs-active-color);
|
|
73
|
+
border-color: var(--rs-active-color);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
.e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
|
|
78
|
+
.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(
|
|
79
|
+
.e-updatedtd
|
|
80
|
+
):not(.e-indentcell) {
|
|
81
|
+
background-color: var(--rs-grid-row-hover-bg) !important; // hover bg
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
|
|
85
|
+
.e-rowcell.e-active:not(.e-cellselectionbackground):not(.e-updatedtd):not(
|
|
86
|
+
.e-indentcell
|
|
87
|
+
) {
|
|
88
|
+
background-color: rgba(31, 123, 255, 0.12) !important; //selected + hover bg
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
|
|
92
|
+
box-shadow: none !important;
|
|
93
|
+
}
|
|
94
|
+
.e-gridcontent {
|
|
95
|
+
flex: 1;
|
|
96
|
+
height: 0;
|
|
97
|
+
.e-content {
|
|
98
|
+
height: 100% !important;
|
|
99
|
+
overflow: auto;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
.e-pager {
|
|
104
|
+
padding: 12px 0;
|
|
105
|
+
height: 48px;
|
|
106
|
+
font-family: Arial;
|
|
107
|
+
border: 0;
|
|
108
|
+
.e-pp,
|
|
109
|
+
.e-pp:hover,
|
|
110
|
+
.e-np,
|
|
111
|
+
.e-np:hover,
|
|
112
|
+
.e-parentmsgbar {
|
|
113
|
+
padding: 0 !important;
|
|
114
|
+
}
|
|
115
|
+
.e-icons {
|
|
116
|
+
padding: 5px !important;
|
|
117
|
+
min-width: 20px !important;
|
|
118
|
+
border: 0 !important;
|
|
119
|
+
}
|
|
120
|
+
.e-pagercontainer,
|
|
121
|
+
.e-parentmsgbar {
|
|
122
|
+
line-height: 24px;
|
|
123
|
+
border: 0;
|
|
124
|
+
color: #929dab;
|
|
125
|
+
font-size: 10px;
|
|
126
|
+
}
|
|
127
|
+
.e-numericitem {
|
|
128
|
+
&:hover {
|
|
129
|
+
padding: 0 !important;
|
|
130
|
+
}
|
|
131
|
+
&.e-active {
|
|
132
|
+
color: #1f3f5c;
|
|
133
|
+
border-radius: 6px;
|
|
134
|
+
border: 1px solid rgba(31, 123, 255, 0.66);
|
|
135
|
+
}
|
|
136
|
+
&.e-focused {
|
|
137
|
+
background: #fff !important;
|
|
138
|
+
box-shadow: none !important;
|
|
139
|
+
}
|
|
140
|
+
min-width: 24px;
|
|
141
|
+
width: 24px;
|
|
142
|
+
height: 24px;
|
|
143
|
+
padding: 0 !important;
|
|
144
|
+
line-height: 24px !important;
|
|
145
|
+
border: 0;
|
|
146
|
+
color: #6c7c90;
|
|
147
|
+
font-size: 12px;
|
|
148
|
+
}
|
|
149
|
+
.e-numericcontainer {
|
|
150
|
+
div {
|
|
151
|
+
height: 24px;
|
|
152
|
+
}
|
|
153
|
+
.e-currentitem {
|
|
154
|
+
padding: 0;
|
|
155
|
+
background: #fff;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
.e-pagerconstant {
|
|
159
|
+
margin: 0 0 0 16px;
|
|
160
|
+
line-height: 24px;
|
|
161
|
+
color: #929dab;
|
|
162
|
+
font-size: 11px;
|
|
163
|
+
}
|
|
164
|
+
div.e-icons.e-pager-default {
|
|
165
|
+
color: #6b6b6b;
|
|
166
|
+
}
|
|
167
|
+
.e-icons:not(.e-btn-icon) {
|
|
168
|
+
color: #adb5bd;
|
|
169
|
+
}
|
|
170
|
+
.e-currentitem {
|
|
171
|
+
font-size: 11px;
|
|
172
|
+
font-family: Arial;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.e-pagerdropdown {
|
|
176
|
+
height: 24px !important;
|
|
177
|
+
margin-top: -14px;
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
.e-grid-menu {
|
|
181
|
+
.e-menu-parent {
|
|
182
|
+
.e-menu-item {
|
|
183
|
+
font-family: var(--rs-font-family);
|
|
184
|
+
font-size: var(--rs-grid-row-cell-font-size);
|
|
185
|
+
color: #44566c;
|
|
186
|
+
&.e-focused,
|
|
187
|
+
&.e-selected {
|
|
188
|
+
background-color: rgba(31, 123, 255, 0.04);
|
|
189
|
+
color: #44566c;
|
|
190
|
+
}
|
|
191
|
+
.e-icons.e-check {
|
|
192
|
+
background-color: var(--rs-active-color);
|
|
193
|
+
border-color: var(--rs-active-color);
|
|
194
|
+
}
|
|
195
|
+
.e-label {
|
|
196
|
+
font-family: var(--rs-font-family);
|
|
197
|
+
font-size: var(--rs-grid-row-cell-font-size);
|
|
198
|
+
color: #44566c;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
.e-checkboxfilter.e-col-menu {
|
|
204
|
+
.e-searchcontainer {
|
|
205
|
+
.e-searchbox {
|
|
206
|
+
.e-input-group {
|
|
207
|
+
box-shadow: none !important;
|
|
208
|
+
.e-search-icon:hover {
|
|
209
|
+
background-color: var(--rs-active-color);
|
|
210
|
+
border-color: var(--rs-active-color);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
.e-checkboxlist {
|
|
215
|
+
.e-ftrchk {
|
|
216
|
+
height: 26px;
|
|
217
|
+
line-height: 26px;
|
|
218
|
+
padding: 0;
|
|
219
|
+
.e-icons.e-check {
|
|
220
|
+
background-color: var(--rs-active-color);
|
|
221
|
+
border-color: var(--rs-active-color);
|
|
222
|
+
}
|
|
223
|
+
.e-label {
|
|
224
|
+
font-family: var(--rs-font-family);
|
|
225
|
+
font-size: var(--rs-grid-row-cell-font-size);
|
|
226
|
+
color: #44566c;
|
|
227
|
+
}
|
|
228
|
+
&:hover {
|
|
229
|
+
background-color: rgba(31, 123, 255, 0.04);
|
|
230
|
+
}
|
|
231
|
+
&.e-chkfocus {
|
|
232
|
+
background-color: rgba(31, 123, 255, 0.04);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
.e-footer-content {
|
|
238
|
+
display: flex;
|
|
239
|
+
justify-content: space-between;
|
|
240
|
+
.e-btn {
|
|
241
|
+
margin-left: 0;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
input.e-input,
|
|
2
|
-
textarea.e-input
|
|
2
|
+
textarea.e-input,
|
|
3
|
+
.e-textbox.e-input {
|
|
3
4
|
font-size: var(--rs-input-font-size) !important;
|
|
4
5
|
color: var(--rs-input-color) !important;
|
|
5
6
|
box-shadow: none !important;
|
|
@@ -27,6 +28,37 @@ textarea.e-input {
|
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
input.e-input {
|
|
30
|
-
height: var(--rs-input-line-height);
|
|
31
|
-
line-height: calc(var(--rs-input-line-height) - 2px);
|
|
31
|
+
height: var(--rs-input-line-height) !important;
|
|
32
|
+
line-height: calc(var(--rs-input-line-height) - 2px) !important;
|
|
33
|
+
}
|
|
34
|
+
.e-textbox {
|
|
35
|
+
.e-input-group {
|
|
36
|
+
box-shadow: none !important;
|
|
37
|
+
border-color: var(--rs-input-border-color) !important;
|
|
38
|
+
&.e-input-focus,
|
|
39
|
+
&:hover {
|
|
40
|
+
box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4) !important;
|
|
41
|
+
border-color: var(--rs-input-hover-border-color) !important;
|
|
42
|
+
input.e-input {
|
|
43
|
+
box-shadow: none !important;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&.error {
|
|
47
|
+
border-color: var(--rs-input-error-border-color) !important;
|
|
48
|
+
}
|
|
49
|
+
input.e-input {
|
|
50
|
+
height: calc(var(--rs-input-line-height) - 2px) !important;
|
|
51
|
+
line-height: calc(var(--rs-input-line-height) - 4px) !important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.e-numeric.e-input-group {
|
|
56
|
+
border: 0 !important;
|
|
57
|
+
box-shadow: none !important;
|
|
58
|
+
input.e-input {
|
|
59
|
+
border-width: 1px !important;
|
|
60
|
+
}
|
|
61
|
+
.e-input-group-icon {
|
|
62
|
+
display: none;
|
|
63
|
+
}
|
|
32
64
|
}
|
|
@@ -51,7 +51,9 @@
|
|
|
51
51
|
/*
|
|
52
52
|
* grid
|
|
53
53
|
*/
|
|
54
|
+
--rs-grid-header-row-height: 32px;
|
|
54
55
|
--rs-grid-header-cell-font-size: 10px; // grid header cell font size
|
|
56
|
+
--rs-grid-row-height: 28px;
|
|
55
57
|
--rs-grid-row-cell-font-size: 11px; // grid row cell font size
|
|
56
58
|
--rs-grid-row-hover-bg: rgba(31, 123, 255, 0.04); // grid row hover color
|
|
57
59
|
--rs-grid-row-active-bg: rgba(31, 123, 255, 0.08); // grid row active color
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
// 组件类
|
|
2
|
-
import { Component, ContentChild, Input, } from '@angular/core';
|
|
3
|
-
import { CommonGridComponent } from '../../common-grid/index.component';
|
|
4
|
-
import { debounce } from 'lodash';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@angular/forms";
|
|
8
|
-
import * as i3 from "@syncfusion/ej2-angular-inputs";
|
|
9
|
-
export class CommonListComponent {
|
|
10
|
-
gridContent;
|
|
11
|
-
pageTitle;
|
|
12
|
-
customPageTitle = false;
|
|
13
|
-
isInner = false;
|
|
14
|
-
debouncedInput;
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
this.debouncedInput = debounce(() => {
|
|
17
|
-
this.onSeach();
|
|
18
|
-
}, 300);
|
|
19
|
-
}
|
|
20
|
-
searchValue;
|
|
21
|
-
onSeach() {
|
|
22
|
-
this.gridContent.grid.search(this.searchValue);
|
|
23
|
-
}
|
|
24
|
-
onInput() {
|
|
25
|
-
this.debouncedInput();
|
|
26
|
-
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonListComponent, selector: "rs-common-list", inputs: { pageTitle: "pageTitle", customPageTitle: "customPageTitle", isInner: "isInner" }, queries: [{ propertyName: "gridContent", first: true, predicate: CommonGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <div class=\"rs-content-wrap\">\r\n <ng-content select=\"[tabSlot]\"></ng-content>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-left-col\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TextBoxComponent, selector: "ejs-textbox", inputs: ["autocomplete", "cssClass", "enablePersistence", "enableRtl", "enabled", "floatLabelType", "htmlAttributes", "locale", "multiline", "placeholder", "readonly", "showClearButton", "type", "value", "width"], outputs: ["blur", "change", "created", "destroyed", "focus", "input", "valueChange"] }] });
|
|
29
|
-
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{ selector: 'rs-common-list', template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <div class=\"rs-content-wrap\">\r\n <ng-content select=\"[tabSlot]\"></ng-content>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-left-col\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"] }]
|
|
33
|
-
}], propDecorators: { gridContent: [{
|
|
34
|
-
type: ContentChild,
|
|
35
|
-
args: [CommonGridComponent, { static: true }]
|
|
36
|
-
}], pageTitle: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], customPageTitle: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], isInner: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9jb21tb24tbGlzdC9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L2NvbW1vbi1saXN0L2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7QUFPbEMsTUFBTSxPQUFPLG1CQUFtQjtJQUN1QixXQUFXLENBQUM7SUFDeEQsU0FBUyxDQUFDO0lBQ1YsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBRWpCLGNBQWMsQ0FBVztJQUVqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQTtRQUNoQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBSUQsV0FBVyxDQUFDO0lBQ1osT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDdkIsQ0FBQzt3R0F2QlUsbUJBQW1COzRGQUFuQixtQkFBbUIsMkxBQ2hCLG1CQUFtQiw4RENoQm5DLDJ1Q0FpQ0E7OzRGRGxCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUsyQixXQUFXO3NCQUEvRCxZQUFZO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDMUMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJzLXBhZ2UtbGlzdC13cmFwXCIgW25nQ2xhc3NdPVwieyAnaXMtbm90LWlubmVyJzogIWlzSW5uZXIgfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21QYWdlVGl0bGU7IGVsc2UgZGVmYXVsdFRpdGxlXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVTbG90XVwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUaXRsZT5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1wYWdlLXRpdGxlXCIgKm5nSWY9XCJwYWdlVGl0bGVcIj57eyBwYWdlVGl0bGUgfX08L2Rpdj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG4gIDxkaXYgY2xhc3M9XCJycy1jb250ZW50LXdyYXBcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgY2xhc3M9XCJycy10b29sYmFyLXdyYXBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJzLWxlZnQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRUb29sYmFyQnRuU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicnMtcmlnaHQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0VG9vbGJhckJ0blNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJycy1zZWFyY2gtaW5wdXRcIj5cclxuICAgICAgICAgIDxlanMtdGV4dGJveFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZS1pbnB1dFwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgpXCJcclxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2ggYWxsIGZpZWxkc1wiXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJCdXR0b25dPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcbiAgICAgICAgICA+PC9lanMtdGV4dGJveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1ncmlkLXdyYXBcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWRTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CommonListComponent implements OnInit {
|
|
4
|
-
gridContent: any;
|
|
5
|
-
pageTitle: any;
|
|
6
|
-
customPageTitle: boolean;
|
|
7
|
-
isInner: boolean;
|
|
8
|
-
private debouncedInput;
|
|
9
|
-
ngOnInit(): void;
|
|
10
|
-
searchValue: any;
|
|
11
|
-
onSeach(): void;
|
|
12
|
-
onInput(): void;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CommonListComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CommonListComponent, "rs-common-list", never, { "pageTitle": { "alias": "pageTitle"; "required": false; }; "customPageTitle": { "alias": "customPageTitle"; "required": false; }; "isInner": { "alias": "isInner"; "required": false; }; }, {}, ["gridContent"], ["[titleSlot]", "[tabSlot]", "[leftToolbarBtnSlot]", "[rightToolbarBtnSlot]", "[gridSlot]"], false, never>;
|
|
15
|
-
}
|