raise-common-lib 0.0.80 → 0.0.81
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/bundles/raise-common-lib.umd.js +28 -13
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/layout/grid-box/index.component.js +5 -8
- package/esm2015/lib/layout/page-list/index.component.js +23 -3
- package/esm5/lib/layout/grid-box/index.component.js +5 -8
- package/esm5/lib/layout/page-list/index.component.js +23 -3
- package/fesm2015/raise-common-lib.js +25 -10
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +25 -10
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/grid-box/index.component.d.ts +1 -2
- package/lib/layout/page-list/index.component.d.ts +3 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -11,7 +11,7 @@ import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
|
11
11
|
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
12
12
|
export class GridBoxComponent {
|
|
13
13
|
constructor() {
|
|
14
|
-
this.
|
|
14
|
+
this.hideSearch = false;
|
|
15
15
|
this.isInner = false;
|
|
16
16
|
this.hasWholeToolbarSlot = false;
|
|
17
17
|
}
|
|
@@ -57,7 +57,7 @@ export class GridBoxComponent {
|
|
|
57
57
|
GridBoxComponent.decorators = [
|
|
58
58
|
{ type: Component, args: [{
|
|
59
59
|
selector: "rs-grid-box",
|
|
60
|
-
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
60
|
+
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
61
61
|
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .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}"]
|
|
62
62
|
}] }
|
|
63
63
|
];
|
|
@@ -66,8 +66,7 @@ GridBoxComponent.propDecorators = {
|
|
|
66
66
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
67
67
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
68
68
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
69
|
-
|
|
70
|
-
customPageTitle: [{ type: Input }],
|
|
69
|
+
hideSearch: [{ type: Input }],
|
|
71
70
|
isInner: [{ type: Input }]
|
|
72
71
|
};
|
|
73
72
|
if (false) {
|
|
@@ -80,9 +79,7 @@ if (false) {
|
|
|
80
79
|
/** @type {?} */
|
|
81
80
|
GridBoxComponent.prototype.wholeToolbarSlot;
|
|
82
81
|
/** @type {?} */
|
|
83
|
-
GridBoxComponent.prototype.
|
|
84
|
-
/** @type {?} */
|
|
85
|
-
GridBoxComponent.prototype.customPageTitle;
|
|
82
|
+
GridBoxComponent.prototype.hideSearch;
|
|
86
83
|
/** @type {?} */
|
|
87
84
|
GridBoxComponent.prototype.isInner;
|
|
88
85
|
/**
|
|
@@ -95,4 +92,4 @@ if (false) {
|
|
|
95
92
|
/** @type {?} */
|
|
96
93
|
GridBoxComponent.prototype.searchValue;
|
|
97
94
|
}
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZ3JpZC1ib3gvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQU9yRSxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBV1csZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBR3pCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztJQTBCdkMsQ0FBQzs7OztJQXpCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFROzs7UUFBQyxHQUFHLEVBQUU7WUFDbEMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUMsR0FBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7Ozs7SUFFRCxrQkFBa0I7UUFDaEIsMkJBQTJCO1FBQzNCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ3JELENBQUM7Ozs7SUFHRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDaEQ7YUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDekIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ3pDO2FBQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7Ozs7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OztZQXhDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLDZwQ0FBcUM7O2FBRXRDOzs7MEJBRUUsWUFBWSxTQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTt3QkFDbEQsWUFBWSxTQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7dUJBQzVDLFlBQVksU0FBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7K0JBQ2hELFlBQVksU0FBQyxrQkFBa0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7eUJBRWpELEtBQUs7c0JBQ0wsS0FBSzs7OztJQU5OLHVDQUFpRTs7SUFDakUscUNBQXlEOztJQUN6RCxvQ0FBNEQ7O0lBQzVELDRDQUEwRTs7SUFFMUUsc0NBQTRCOztJQUM1QixtQ0FBeUI7Ozs7O0lBRXpCLDBDQUFpQzs7SUFDakMsK0NBQXFDOztJQVlyQyx1Q0FBWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyQ29udGVudEluaXQsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uR3JpZENvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9jb21tb24tZ3JpZC9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tIFwibG9kYXNoXCI7XHJcbmltcG9ydCB7IEdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItZ3JpZHNcIjtcclxuaW1wb3J0IHsgVHJlZUdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItdHJlZWdyaWRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLWdyaWQtYm94XCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEdyaWRCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyQ29udGVudEluaXQge1xyXG4gIEBDb250ZW50Q2hpbGQoQ29tbW9uR3JpZENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgZ3JpZENvbnRlbnQ7XHJcbiAgQENvbnRlbnRDaGlsZChHcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBvcmlnbkdyaWQ7XHJcbiAgQENvbnRlbnRDaGlsZChUcmVlR3JpZENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgdHJlZUdyaWQ7XHJcbiAgQENvbnRlbnRDaGlsZChcIndob2xlVG9vbGJhclNsb3RcIiwgeyBzdGF0aWM6IHRydWUgfSkgd2hvbGVUb29sYmFyU2xvdDogYW55O1xyXG5cclxuICBASW5wdXQoKSBoaWRlU2VhcmNoID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuICBoYXNXaG9sZVRvb2xiYXJTbG90OiBib29sZWFuID0gZmFsc2U7XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKTtcclxuICAgIH0sIDMwMCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICAvLyDmo4DmtYvmmK/lkKbkvKDlhaXkuoYgd2hvbGVUb29sYmFyU2xvdFxyXG4gICAgdGhpcy5oYXNXaG9sZVRvb2xiYXJTbG90ID0gISF0aGlzLndob2xlVG9vbGJhclNsb3Q7XHJcbiAgfVxyXG5cclxuICBzZWFyY2hWYWx1ZTtcclxuICBvblNlYWNoKCkge1xyXG4gICAgaWYgKHRoaXMuZ3JpZENvbnRlbnQpIHtcclxuICAgICAgdGhpcy5ncmlkQ29udGVudC5ncmlkLnNlYXJjaCh0aGlzLnNlYXJjaFZhbHVlKTtcclxuICAgIH0gZWxzZSBpZiAodGhpcy5vcmlnbkdyaWQpIHtcclxuICAgICAgdGhpcy5vcmlnbkdyaWQuc2VhcmNoKHRoaXMuc2VhcmNoVmFsdWUpO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnRyZWVHcmlkKSB7XHJcbiAgICAgIHRoaXMudHJlZUdyaWQuc2VhcmNoKHRoaXMuc2VhcmNoVmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25JbnB1dCgpIHtcclxuICAgIHRoaXMuZGVib3VuY2VkSW5wdXQoKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
import { Component, ContentChild, Input, } from "@angular/core";
|
|
8
8
|
import { CommonGridComponent } from "../../common-grid/index.component";
|
|
9
9
|
import { debounce } from "lodash";
|
|
10
|
+
import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
11
|
+
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
10
12
|
export class RsPageListComponent {
|
|
11
13
|
constructor() {
|
|
12
14
|
this.customPageTitle = false;
|
|
15
|
+
this.hideSearch = false;
|
|
13
16
|
this.isInner = false;
|
|
14
17
|
this.hasWholeToolbarSlot = false;
|
|
15
18
|
}
|
|
@@ -35,7 +38,15 @@ export class RsPageListComponent {
|
|
|
35
38
|
* @return {?}
|
|
36
39
|
*/
|
|
37
40
|
onSeach() {
|
|
38
|
-
this.gridContent
|
|
41
|
+
if (this.gridContent) {
|
|
42
|
+
this.gridContent.grid.search(this.searchValue);
|
|
43
|
+
}
|
|
44
|
+
else if (this.orignGrid) {
|
|
45
|
+
this.orignGrid.search(this.searchValue);
|
|
46
|
+
}
|
|
47
|
+
else if (this.treeGrid) {
|
|
48
|
+
this.treeGrid.search(this.searchValue);
|
|
49
|
+
}
|
|
39
50
|
}
|
|
40
51
|
/**
|
|
41
52
|
* @return {?}
|
|
@@ -47,27 +58,36 @@ export class RsPageListComponent {
|
|
|
47
58
|
RsPageListComponent.decorators = [
|
|
48
59
|
{ type: Component, args: [{
|
|
49
60
|
selector: "rs-page-list",
|
|
50
|
-
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
61
|
+
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
51
62
|
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-sub-section{width:100%}.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;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.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;align-items:center;gap:4px}.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:24px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.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 0 rgba(0,0,0,.1)}.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 0 rgba(31,123,255,.4)!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 input.e-input:hover{box-shadow:none!important}.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}"]
|
|
52
63
|
}] }
|
|
53
64
|
];
|
|
54
65
|
RsPageListComponent.propDecorators = {
|
|
55
66
|
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
67
|
+
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
68
|
+
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
56
69
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
57
70
|
pageTitle: [{ type: Input }],
|
|
58
71
|
customPageTitle: [{ type: Input }],
|
|
72
|
+
hideSearch: [{ type: Input }],
|
|
59
73
|
isInner: [{ type: Input }]
|
|
60
74
|
};
|
|
61
75
|
if (false) {
|
|
62
76
|
/** @type {?} */
|
|
63
77
|
RsPageListComponent.prototype.gridContent;
|
|
64
78
|
/** @type {?} */
|
|
79
|
+
RsPageListComponent.prototype.orignGrid;
|
|
80
|
+
/** @type {?} */
|
|
81
|
+
RsPageListComponent.prototype.treeGrid;
|
|
82
|
+
/** @type {?} */
|
|
65
83
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
66
84
|
/** @type {?} */
|
|
67
85
|
RsPageListComponent.prototype.pageTitle;
|
|
68
86
|
/** @type {?} */
|
|
69
87
|
RsPageListComponent.prototype.customPageTitle;
|
|
70
88
|
/** @type {?} */
|
|
89
|
+
RsPageListComponent.prototype.hideSearch;
|
|
90
|
+
/** @type {?} */
|
|
71
91
|
RsPageListComponent.prototype.isInner;
|
|
72
92
|
/**
|
|
73
93
|
* @type {?}
|
|
@@ -79,4 +99,4 @@ if (false) {
|
|
|
79
99
|
/** @type {?} */
|
|
80
100
|
RsPageListComponent.prototype.searchValue;
|
|
81
101
|
}
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS1saXN0L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNsQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFPckUsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQVlXLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUd6Qix3QkFBbUIsR0FBWSxLQUFLLENBQUM7SUEwQnZDLENBQUM7Ozs7SUF6QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUTs7O1FBQUMsR0FBRyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDLEdBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOzs7O0lBRUQsa0JBQWtCO1FBQ2hCLDJCQUEyQjtRQUMzQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNyRCxDQUFDOzs7O0lBR0QsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2hEO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN6QzthQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDOzs7O0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7WUExQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4Qiwwb0RBQXFDOzthQUV0Qzs7OzBCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7d0JBQ2xELFlBQVksU0FBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3VCQUM1QyxZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOytCQUNoRCxZQUFZLFNBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3dCQUNqRCxLQUFLOzhCQUVMLEtBQUs7eUJBQ0wsS0FBSztzQkFDTCxLQUFLOzs7O0lBUk4sMENBQWlFOztJQUNqRSx3Q0FBeUQ7O0lBQ3pELHVDQUE0RDs7SUFDNUQsK0NBQTBFOztJQUMxRSx3Q0FBbUI7O0lBRW5CLDhDQUFpQzs7SUFDakMseUNBQTRCOztJQUM1QixzQ0FBeUI7Ozs7O0lBRXpCLDZDQUFpQzs7SUFDakMsa0RBQXFDOztJQVlyQywwQ0FBWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyQ29udGVudEluaXQsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uR3JpZENvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9jb21tb24tZ3JpZC9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tIFwibG9kYXNoXCI7XHJcbmltcG9ydCB7IEdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItZ3JpZHNcIjtcclxuaW1wb3J0IHsgVHJlZUdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItdHJlZWdyaWRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXBhZ2UtbGlzdFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSc1BhZ2VMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcclxuICBAQ29udGVudENoaWxkKENvbW1vbkdyaWRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIGdyaWRDb250ZW50O1xyXG4gIEBDb250ZW50Q2hpbGQoR3JpZENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgb3JpZ25HcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoVHJlZUdyaWRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIHRyZWVHcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ3aG9sZVRvb2xiYXJTbG90XCIsIHsgc3RhdGljOiB0cnVlIH0pIHdob2xlVG9vbGJhclNsb3Q6IGFueTtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcblxyXG4gIEBJbnB1dCgpIGN1c3RvbVBhZ2VUaXRsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVTZWFyY2ggPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc0lubmVyID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgZGVib3VuY2VkSW5wdXQ6IEZ1bmN0aW9uO1xyXG4gIGhhc1dob2xlVG9vbGJhclNsb3Q6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZGVib3VuY2VkSW5wdXQgPSBkZWJvdW5jZSgoKSA9PiB7XHJcbiAgICAgIHRoaXMub25TZWFjaCgpO1xyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIC8vIOajgOa1i+aYr+WQpuS8oOWFpeS6hiB3aG9sZVRvb2xiYXJTbG90XHJcbiAgICB0aGlzLmhhc1dob2xlVG9vbGJhclNsb3QgPSAhIXRoaXMud2hvbGVUb29sYmFyU2xvdDtcclxuICB9XHJcblxyXG4gIHNlYXJjaFZhbHVlO1xyXG4gIG9uU2VhY2goKSB7XHJcbiAgICBpZiAodGhpcy5ncmlkQ29udGVudCkge1xyXG4gICAgICB0aGlzLmdyaWRDb250ZW50LmdyaWQuc2VhcmNoKHRoaXMuc2VhcmNoVmFsdWUpO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLm9yaWduR3JpZCkge1xyXG4gICAgICB0aGlzLm9yaWduR3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMudHJlZUdyaWQpIHtcclxuICAgICAgdGhpcy50cmVlR3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCkge1xyXG4gICAgdGhpcy5kZWJvdW5jZWRJbnB1dCgpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -11,7 +11,7 @@ import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
|
11
11
|
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
12
12
|
var GridBoxComponent = /** @class */ (function () {
|
|
13
13
|
function GridBoxComponent() {
|
|
14
|
-
this.
|
|
14
|
+
this.hideSearch = false;
|
|
15
15
|
this.isInner = false;
|
|
16
16
|
this.hasWholeToolbarSlot = false;
|
|
17
17
|
}
|
|
@@ -69,7 +69,7 @@ var GridBoxComponent = /** @class */ (function () {
|
|
|
69
69
|
GridBoxComponent.decorators = [
|
|
70
70
|
{ type: Component, args: [{
|
|
71
71
|
selector: "rs-grid-box",
|
|
72
|
-
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
72
|
+
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
73
73
|
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .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}"]
|
|
74
74
|
}] }
|
|
75
75
|
];
|
|
@@ -78,8 +78,7 @@ var GridBoxComponent = /** @class */ (function () {
|
|
|
78
78
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
79
79
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
80
80
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
81
|
-
|
|
82
|
-
customPageTitle: [{ type: Input }],
|
|
81
|
+
hideSearch: [{ type: Input }],
|
|
83
82
|
isInner: [{ type: Input }]
|
|
84
83
|
};
|
|
85
84
|
return GridBoxComponent;
|
|
@@ -95,9 +94,7 @@ if (false) {
|
|
|
95
94
|
/** @type {?} */
|
|
96
95
|
GridBoxComponent.prototype.wholeToolbarSlot;
|
|
97
96
|
/** @type {?} */
|
|
98
|
-
GridBoxComponent.prototype.
|
|
99
|
-
/** @type {?} */
|
|
100
|
-
GridBoxComponent.prototype.customPageTitle;
|
|
97
|
+
GridBoxComponent.prototype.hideSearch;
|
|
101
98
|
/** @type {?} */
|
|
102
99
|
GridBoxComponent.prototype.isInner;
|
|
103
100
|
/**
|
|
@@ -110,4 +107,4 @@ if (false) {
|
|
|
110
107
|
/** @type {?} */
|
|
111
108
|
GridBoxComponent.prototype.searchValue;
|
|
112
109
|
}
|
|
113
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZ3JpZC1ib3gvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRTtJQUFBO1FBV1csZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBR3pCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztJQTBCdkMsQ0FBQzs7OztJQXpCQyxtQ0FBUTs7O0lBQVI7UUFBQSxpQkFJQztRQUhDLElBQUksQ0FBQyxjQUFjLEdBQUcsUUFBUTs7O1FBQUM7WUFDN0IsS0FBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUMsR0FBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7Ozs7SUFFRCw2Q0FBa0I7OztJQUFsQjtRQUNFLDJCQUEyQjtRQUMzQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNyRCxDQUFDOzs7O0lBR0Qsa0NBQU87OztJQUFQO1FBQ0UsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDaEQ7YUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDekIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ3pDO2FBQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7Ozs7SUFFRCxrQ0FBTzs7O0lBQVA7UUFDRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7Z0JBeENGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsNnBDQUFxQzs7aUJBRXRDOzs7OEJBRUUsWUFBWSxTQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs0QkFDbEQsWUFBWSxTQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7MkJBQzVDLFlBQVksU0FBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7bUNBQ2hELFlBQVksU0FBQyxrQkFBa0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7NkJBRWpELEtBQUs7MEJBQ0wsS0FBSzs7SUE2QlIsdUJBQUM7Q0FBQSxBQXpDRCxJQXlDQztTQXBDWSxnQkFBZ0I7OztJQUMzQix1Q0FBaUU7O0lBQ2pFLHFDQUF5RDs7SUFDekQsb0NBQTREOztJQUM1RCw0Q0FBMEU7O0lBRTFFLHNDQUE0Qjs7SUFDNUIsbUNBQXlCOzs7OztJQUV6QiwwQ0FBaUM7O0lBQ2pDLCtDQUFxQzs7SUFZckMsdUNBQVkiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBBZnRlckNvbnRlbnRJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbW1vbkdyaWRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSBcImxvZGFzaFwiO1xyXG5pbXBvcnQgeyBHcmlkQ29tcG9uZW50IH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWdyaWRzXCI7XHJcbmltcG9ydCB7IFRyZWVHcmlkQ29tcG9uZW50IH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLXRyZWVncmlkXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1ncmlkLWJveFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBHcmlkQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcclxuICBAQ29udGVudENoaWxkKENvbW1vbkdyaWRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIGdyaWRDb250ZW50O1xyXG4gIEBDb250ZW50Q2hpbGQoR3JpZENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgb3JpZ25HcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoVHJlZUdyaWRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIHRyZWVHcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ3aG9sZVRvb2xiYXJTbG90XCIsIHsgc3RhdGljOiB0cnVlIH0pIHdob2xlVG9vbGJhclNsb3Q6IGFueTtcclxuXHJcbiAgQElucHV0KCkgaGlkZVNlYXJjaCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzSW5uZXIgPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBkZWJvdW5jZWRJbnB1dDogRnVuY3Rpb247XHJcbiAgaGFzV2hvbGVUb29sYmFyU2xvdDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5kZWJvdW5jZWRJbnB1dCA9IGRlYm91bmNlKCgpID0+IHtcclxuICAgICAgdGhpcy5vblNlYWNoKCk7XHJcbiAgICB9LCAzMDApO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgLy8g5qOA5rWL5piv5ZCm5Lyg5YWl5LqGIHdob2xlVG9vbGJhclNsb3RcclxuICAgIHRoaXMuaGFzV2hvbGVUb29sYmFyU2xvdCA9ICEhdGhpcy53aG9sZVRvb2xiYXJTbG90O1xyXG4gIH1cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIGlmICh0aGlzLmdyaWRDb250ZW50KSB7XHJcbiAgICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMub3JpZ25HcmlkKSB7XHJcbiAgICAgIHRoaXMub3JpZ25HcmlkLnNlYXJjaCh0aGlzLnNlYXJjaFZhbHVlKTtcclxuICAgIH0gZWxzZSBpZiAodGhpcy50cmVlR3JpZCkge1xyXG4gICAgICB0aGlzLnRyZWVHcmlkLnNlYXJjaCh0aGlzLnNlYXJjaFZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uSW5wdXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
import { Component, ContentChild, Input, } from "@angular/core";
|
|
8
8
|
import { CommonGridComponent } from "../../common-grid/index.component";
|
|
9
9
|
import { debounce } from "lodash";
|
|
10
|
+
import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
11
|
+
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
10
12
|
var RsPageListComponent = /** @class */ (function () {
|
|
11
13
|
function RsPageListComponent() {
|
|
12
14
|
this.customPageTitle = false;
|
|
15
|
+
this.hideSearch = false;
|
|
13
16
|
this.isInner = false;
|
|
14
17
|
this.hasWholeToolbarSlot = false;
|
|
15
18
|
}
|
|
@@ -45,7 +48,15 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
45
48
|
* @return {?}
|
|
46
49
|
*/
|
|
47
50
|
function () {
|
|
48
|
-
this.gridContent
|
|
51
|
+
if (this.gridContent) {
|
|
52
|
+
this.gridContent.grid.search(this.searchValue);
|
|
53
|
+
}
|
|
54
|
+
else if (this.orignGrid) {
|
|
55
|
+
this.orignGrid.search(this.searchValue);
|
|
56
|
+
}
|
|
57
|
+
else if (this.treeGrid) {
|
|
58
|
+
this.treeGrid.search(this.searchValue);
|
|
59
|
+
}
|
|
49
60
|
};
|
|
50
61
|
/**
|
|
51
62
|
* @return {?}
|
|
@@ -59,15 +70,18 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
59
70
|
RsPageListComponent.decorators = [
|
|
60
71
|
{ type: Component, args: [{
|
|
61
72
|
selector: "rs-page-list",
|
|
62
|
-
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
73
|
+
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
63
74
|
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-sub-section{width:100%}.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;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.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;align-items:center;gap:4px}.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:24px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.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 0 rgba(0,0,0,.1)}.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 0 rgba(31,123,255,.4)!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 input.e-input:hover{box-shadow:none!important}.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}"]
|
|
64
75
|
}] }
|
|
65
76
|
];
|
|
66
77
|
RsPageListComponent.propDecorators = {
|
|
67
78
|
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
79
|
+
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
80
|
+
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
68
81
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
69
82
|
pageTitle: [{ type: Input }],
|
|
70
83
|
customPageTitle: [{ type: Input }],
|
|
84
|
+
hideSearch: [{ type: Input }],
|
|
71
85
|
isInner: [{ type: Input }]
|
|
72
86
|
};
|
|
73
87
|
return RsPageListComponent;
|
|
@@ -77,12 +91,18 @@ if (false) {
|
|
|
77
91
|
/** @type {?} */
|
|
78
92
|
RsPageListComponent.prototype.gridContent;
|
|
79
93
|
/** @type {?} */
|
|
94
|
+
RsPageListComponent.prototype.orignGrid;
|
|
95
|
+
/** @type {?} */
|
|
96
|
+
RsPageListComponent.prototype.treeGrid;
|
|
97
|
+
/** @type {?} */
|
|
80
98
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
81
99
|
/** @type {?} */
|
|
82
100
|
RsPageListComponent.prototype.pageTitle;
|
|
83
101
|
/** @type {?} */
|
|
84
102
|
RsPageListComponent.prototype.customPageTitle;
|
|
85
103
|
/** @type {?} */
|
|
104
|
+
RsPageListComponent.prototype.hideSearch;
|
|
105
|
+
/** @type {?} */
|
|
86
106
|
RsPageListComponent.prototype.isInner;
|
|
87
107
|
/**
|
|
88
108
|
* @type {?}
|
|
@@ -94,4 +114,4 @@ if (false) {
|
|
|
94
114
|
/** @type {?} */
|
|
95
115
|
RsPageListComponent.prototype.searchValue;
|
|
96
116
|
}
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS1saXN0L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNsQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckU7SUFBQTtRQVlXLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUd6Qix3QkFBbUIsR0FBWSxLQUFLLENBQUM7SUEwQnZDLENBQUM7Ozs7SUF6QkMsc0NBQVE7OztJQUFSO1FBQUEsaUJBSUM7UUFIQyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVE7OztRQUFDO1lBQzdCLEtBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDLEdBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOzs7O0lBRUQsZ0RBQWtCOzs7SUFBbEI7UUFDRSwyQkFBMkI7UUFDM0IsSUFBSSxDQUFDLG1CQUFtQixHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDckQsQ0FBQzs7OztJQUdELHFDQUFPOzs7SUFBUDtRQUNFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2hEO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN6QzthQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDOzs7O0lBRUQscUNBQU87OztJQUFQO1FBQ0UsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7O2dCQTFDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLDBvREFBcUM7O2lCQUV0Qzs7OzhCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7NEJBQ2xELFlBQVksU0FBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzJCQUM1QyxZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO21DQUNoRCxZQUFZLFNBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzRCQUNqRCxLQUFLO2tDQUVMLEtBQUs7NkJBQ0wsS0FBSzswQkFDTCxLQUFLOztJQTZCUiwwQkFBQztDQUFBLEFBM0NELElBMkNDO1NBdENZLG1CQUFtQjs7O0lBQzlCLDBDQUFpRTs7SUFDakUsd0NBQXlEOztJQUN6RCx1Q0FBNEQ7O0lBQzVELCtDQUEwRTs7SUFDMUUsd0NBQW1COztJQUVuQiw4Q0FBaUM7O0lBQ2pDLHlDQUE0Qjs7SUFDNUIsc0NBQXlCOzs7OztJQUV6Qiw2Q0FBaUM7O0lBQ2pDLGtEQUFxQzs7SUFZckMsMENBQVkiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBBZnRlckNvbnRlbnRJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbW1vbkdyaWRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSBcImxvZGFzaFwiO1xyXG5pbXBvcnQgeyBHcmlkQ29tcG9uZW50IH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWdyaWRzXCI7XHJcbmltcG9ydCB7IFRyZWVHcmlkQ29tcG9uZW50IH0gZnJvbSBcIkBzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLXRyZWVncmlkXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1wYWdlLWxpc3RcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUnNQYWdlTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBAQ29udGVudENoaWxkKEdyaWRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIG9yaWduR3JpZDtcclxuICBAQ29udGVudENoaWxkKFRyZWVHcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSB0cmVlR3JpZDtcclxuICBAQ29udGVudENoaWxkKFwid2hvbGVUb29sYmFyU2xvdFwiLCB7IHN0YXRpYzogdHJ1ZSB9KSB3aG9sZVRvb2xiYXJTbG90OiBhbnk7XHJcbiAgQElucHV0KCkgcGFnZVRpdGxlO1xyXG5cclxuICBASW5wdXQoKSBjdXN0b21QYWdlVGl0bGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBoaWRlU2VhcmNoID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuICBoYXNXaG9sZVRvb2xiYXJTbG90OiBib29sZWFuID0gZmFsc2U7XHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKTtcclxuICAgIH0sIDMwMCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICAvLyDmo4DmtYvmmK/lkKbkvKDlhaXkuoYgd2hvbGVUb29sYmFyU2xvdFxyXG4gICAgdGhpcy5oYXNXaG9sZVRvb2xiYXJTbG90ID0gISF0aGlzLndob2xlVG9vbGJhclNsb3Q7XHJcbiAgfVxyXG5cclxuICBzZWFyY2hWYWx1ZTtcclxuICBvblNlYWNoKCkge1xyXG4gICAgaWYgKHRoaXMuZ3JpZENvbnRlbnQpIHtcclxuICAgICAgdGhpcy5ncmlkQ29udGVudC5ncmlkLnNlYXJjaCh0aGlzLnNlYXJjaFZhbHVlKTtcclxuICAgIH0gZWxzZSBpZiAodGhpcy5vcmlnbkdyaWQpIHtcclxuICAgICAgdGhpcy5vcmlnbkdyaWQuc2VhcmNoKHRoaXMuc2VhcmNoVmFsdWUpO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnRyZWVHcmlkKSB7XHJcbiAgICAgIHRoaXMudHJlZUdyaWQuc2VhcmNoKHRoaXMuc2VhcmNoVmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25JbnB1dCgpIHtcclxuICAgIHRoaXMuZGVib3VuY2VkSW5wdXQoKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
2
|
import { GridComponent, GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
|
|
3
3
|
import { times, debounce } from 'lodash';
|
|
4
|
-
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
5
4
|
import { TreeGridComponent } from '@syncfusion/ej2-angular-treegrid';
|
|
5
|
+
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
6
6
|
import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
|
|
7
7
|
import { filter } from 'rxjs/operators';
|
|
8
8
|
import { Subject, BehaviorSubject } from 'rxjs';
|
|
@@ -1147,6 +1147,7 @@ if (false) {
|
|
|
1147
1147
|
class RsPageListComponent {
|
|
1148
1148
|
constructor() {
|
|
1149
1149
|
this.customPageTitle = false;
|
|
1150
|
+
this.hideSearch = false;
|
|
1150
1151
|
this.isInner = false;
|
|
1151
1152
|
this.hasWholeToolbarSlot = false;
|
|
1152
1153
|
}
|
|
@@ -1172,7 +1173,15 @@ class RsPageListComponent {
|
|
|
1172
1173
|
* @return {?}
|
|
1173
1174
|
*/
|
|
1174
1175
|
onSeach() {
|
|
1175
|
-
this.gridContent
|
|
1176
|
+
if (this.gridContent) {
|
|
1177
|
+
this.gridContent.grid.search(this.searchValue);
|
|
1178
|
+
}
|
|
1179
|
+
else if (this.orignGrid) {
|
|
1180
|
+
this.orignGrid.search(this.searchValue);
|
|
1181
|
+
}
|
|
1182
|
+
else if (this.treeGrid) {
|
|
1183
|
+
this.treeGrid.search(this.searchValue);
|
|
1184
|
+
}
|
|
1176
1185
|
}
|
|
1177
1186
|
/**
|
|
1178
1187
|
* @return {?}
|
|
@@ -1184,27 +1193,36 @@ class RsPageListComponent {
|
|
|
1184
1193
|
RsPageListComponent.decorators = [
|
|
1185
1194
|
{ type: Component, args: [{
|
|
1186
1195
|
selector: "rs-page-list",
|
|
1187
|
-
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
1196
|
+
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-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
1188
1197
|
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-sub-section{width:100%}.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;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.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;align-items:center;gap:4px}.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:24px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.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 0 rgba(0,0,0,.1)}.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 0 rgba(31,123,255,.4)!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 input.e-input:hover{box-shadow:none!important}.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}"]
|
|
1189
1198
|
}] }
|
|
1190
1199
|
];
|
|
1191
1200
|
RsPageListComponent.propDecorators = {
|
|
1192
1201
|
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
1202
|
+
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
1203
|
+
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
1193
1204
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
1194
1205
|
pageTitle: [{ type: Input }],
|
|
1195
1206
|
customPageTitle: [{ type: Input }],
|
|
1207
|
+
hideSearch: [{ type: Input }],
|
|
1196
1208
|
isInner: [{ type: Input }]
|
|
1197
1209
|
};
|
|
1198
1210
|
if (false) {
|
|
1199
1211
|
/** @type {?} */
|
|
1200
1212
|
RsPageListComponent.prototype.gridContent;
|
|
1201
1213
|
/** @type {?} */
|
|
1214
|
+
RsPageListComponent.prototype.orignGrid;
|
|
1215
|
+
/** @type {?} */
|
|
1216
|
+
RsPageListComponent.prototype.treeGrid;
|
|
1217
|
+
/** @type {?} */
|
|
1202
1218
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
1203
1219
|
/** @type {?} */
|
|
1204
1220
|
RsPageListComponent.prototype.pageTitle;
|
|
1205
1221
|
/** @type {?} */
|
|
1206
1222
|
RsPageListComponent.prototype.customPageTitle;
|
|
1207
1223
|
/** @type {?} */
|
|
1224
|
+
RsPageListComponent.prototype.hideSearch;
|
|
1225
|
+
/** @type {?} */
|
|
1208
1226
|
RsPageListComponent.prototype.isInner;
|
|
1209
1227
|
/**
|
|
1210
1228
|
* @type {?}
|
|
@@ -1312,7 +1330,7 @@ if (false) {
|
|
|
1312
1330
|
*/
|
|
1313
1331
|
class GridBoxComponent {
|
|
1314
1332
|
constructor() {
|
|
1315
|
-
this.
|
|
1333
|
+
this.hideSearch = false;
|
|
1316
1334
|
this.isInner = false;
|
|
1317
1335
|
this.hasWholeToolbarSlot = false;
|
|
1318
1336
|
}
|
|
@@ -1358,7 +1376,7 @@ class GridBoxComponent {
|
|
|
1358
1376
|
GridBoxComponent.decorators = [
|
|
1359
1377
|
{ type: Component, args: [{
|
|
1360
1378
|
selector: "rs-grid-box",
|
|
1361
|
-
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\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",
|
|
1379
|
+
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\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",
|
|
1362
1380
|
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .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}"]
|
|
1363
1381
|
}] }
|
|
1364
1382
|
];
|
|
@@ -1367,8 +1385,7 @@ GridBoxComponent.propDecorators = {
|
|
|
1367
1385
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: true },] }],
|
|
1368
1386
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: true },] }],
|
|
1369
1387
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
1370
|
-
|
|
1371
|
-
customPageTitle: [{ type: Input }],
|
|
1388
|
+
hideSearch: [{ type: Input }],
|
|
1372
1389
|
isInner: [{ type: Input }]
|
|
1373
1390
|
};
|
|
1374
1391
|
if (false) {
|
|
@@ -1381,9 +1398,7 @@ if (false) {
|
|
|
1381
1398
|
/** @type {?} */
|
|
1382
1399
|
GridBoxComponent.prototype.wholeToolbarSlot;
|
|
1383
1400
|
/** @type {?} */
|
|
1384
|
-
GridBoxComponent.prototype.
|
|
1385
|
-
/** @type {?} */
|
|
1386
|
-
GridBoxComponent.prototype.customPageTitle;
|
|
1401
|
+
GridBoxComponent.prototype.hideSearch;
|
|
1387
1402
|
/** @type {?} */
|
|
1388
1403
|
GridBoxComponent.prototype.isInner;
|
|
1389
1404
|
/**
|