raise-common-lib 0.0.15 → 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/bundles/raise-common-lib.umd.js +772 -71
- 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 +68 -0
- package/esm2015/lib/layout/main-container/index.component.js +10 -5
- package/esm2015/lib/layout/multi-tab/index.component.js +298 -0
- package/esm2015/lib/layout/page-list/index.component.js +69 -0
- package/esm2015/lib/layout/page-tab/index.component.js +58 -0
- package/esm2015/lib/layout/rs-aside/index.component.js +4 -4
- package/esm2015/lib/layout/rs-header/index.component.js +3 -3
- package/esm2015/lib/raise-common-lib.module.js +23 -8
- package/esm2015/lib/service/common-function.service.js +55 -1
- package/esm2015/lib/service/icon-loader.service.js +19 -10
- package/esm2015/lib/service/keep-alive.service.js +88 -0
- package/esm2015/public-api.js +6 -2
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/lib/layout/grid-box/index.component.js +80 -0
- package/esm5/lib/layout/main-container/index.component.js +11 -6
- package/esm5/lib/layout/multi-tab/index.component.js +347 -0
- package/esm5/lib/layout/page-list/index.component.js +81 -0
- package/esm5/lib/layout/page-tab/index.component.js +67 -0
- package/esm5/lib/layout/rs-aside/index.component.js +4 -4
- package/esm5/lib/layout/rs-header/index.component.js +3 -3
- package/esm5/lib/raise-common-lib.module.js +23 -8
- package/esm5/lib/service/common-function.service.js +67 -1
- package/esm5/lib/service/icon-loader.service.js +18 -9
- package/esm5/lib/service/keep-alive.service.js +129 -0
- package/esm5/public-api.js +6 -2
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +643 -62
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +771 -72
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/{common-list → grid-box}/index.component.d.ts +1 -1
- package/lib/layout/main-container/index.component.d.ts +1 -0
- package/lib/layout/multi-tab/index.component.d.ts +37 -0
- package/lib/layout/page-list/index.component.d.ts +12 -0
- package/lib/layout/page-tab/index.component.d.ts +11 -0
- package/lib/service/common-function.service.d.ts +2 -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 +5 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/close-url.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/split-button-arrow copy.svg +3 -0
- package/src/assets/img/split-button-arrow.svg +3 -0
- package/src/assets/style/reset/button.scss +38 -3
- package/esm2015/lib/layout/common-list/index.component.js +0 -69
- package/esm5/lib/layout/common-list/index.component.js +0 -81
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Group 1000003856">
|
|
3
|
+
<g id="Group 1000003733">
|
|
4
|
+
<path id="Line 156" d="M0.5 7.5L7.5 0.500001" stroke="#929DAB" stroke-linecap="round"/>
|
|
5
|
+
</g>
|
|
6
|
+
<g id="Group 1000003734">
|
|
7
|
+
<path id="Line 156_2" d="M7.5 7.5L0.500001 0.5" stroke="#929DAB" stroke-linecap="round"/>
|
|
8
|
+
</g>
|
|
9
|
+
</g>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="refresh">
|
|
3
|
+
<path id="Ellipse 127" d="M8.91304 2.58996C8.31041 2.42848 7.68188 2.38728 7.06333 2.46872C6.44477 2.55015 5.84832 2.75262 5.30801 3.06457C4.76771 3.37651 4.29414 3.79182 3.91434 4.28679C3.53454 4.78175 3.25595 5.34668 3.09448 5.94931C2.933 6.55194 2.89181 7.18047 2.97324 7.79902C3.05467 8.41757 3.25714 9.01403 3.56909 9.55433L1.33357 8.43896" stroke="#6C7C90" stroke-linecap="round"/>
|
|
4
|
+
<path id="Ellipse 128" d="M6.45385 11.7677C7.05648 11.9292 7.68501 11.9704 8.30356 11.8889C8.92211 11.8075 9.51857 11.605 10.0589 11.2931C10.5992 10.9811 11.0727 10.5658 11.4525 10.0709C11.8323 9.5759 12.1109 9.01097 12.2724 8.40834C12.4339 7.80571 12.4751 7.17718 12.3936 6.55862C12.3122 5.94007 12.1097 5.34362 11.7978 4.80331L14.1213 6.07111" stroke="#6C7C90" stroke-linecap="round"/>
|
|
5
|
+
</g>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="14" height="3" viewBox="0 0 14 3" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Drag bar">
|
|
3
|
+
<circle id="Ellipse 30" cx="1.5" cy="1.5" r="1.5" transform="rotate(-90 1.5 1.5)" fill="#1F7BFF"/>
|
|
4
|
+
<circle id="Ellipse 31" cx="7" cy="1.5" r="1.5" transform="rotate(-90 7 1.5)" fill="#1F7BFF"/>
|
|
5
|
+
<circle id="Ellipse 32" cx="12.5" cy="1.5" r="1.5" transform="rotate(-90 12.5 1.5)" fill="#1F7BFF"/>
|
|
6
|
+
</g>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="14" height="3" viewBox="0 0 14 3" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="Drag bar">
|
|
3
|
+
<circle id="Ellipse 30" cx="1.5" cy="1.5" r="1.5" transform="rotate(-90 1.5 1.5)" fill="#6B6B6B"/>
|
|
4
|
+
<circle id="Ellipse 31" cx="7" cy="1.5" r="1.5" transform="rotate(-90 7 1.5)" fill="#6B6B6B"/>
|
|
5
|
+
<circle id="Ellipse 32" cx="12.5" cy="1.5" r="1.5" transform="rotate(-90 12.5 1.5)" fill="#6B6B6B"/>
|
|
6
|
+
</g>
|
|
7
|
+
</svg>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
height: 32px;
|
|
12
12
|
min-width: 80px;
|
|
13
13
|
padding: 0 10px;
|
|
14
|
-
font-size:
|
|
14
|
+
font-size: 12px;
|
|
15
15
|
border-radius: 4px;
|
|
16
16
|
box-shadow: none !important;
|
|
17
17
|
line-height: normal;
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
&.text {
|
|
65
|
-
border-color: transparent !important
|
|
65
|
+
border-color: transparent !important;
|
|
66
66
|
&:not([disabled]):hover,
|
|
67
67
|
&:not([disabled]):active,
|
|
68
68
|
&:not([disabled]):focus {
|
|
@@ -109,7 +109,8 @@
|
|
|
109
109
|
font-weight: 400;
|
|
110
110
|
line-height: 16px;
|
|
111
111
|
align-items: center;
|
|
112
|
-
&:hover,
|
|
112
|
+
&:hover,
|
|
113
|
+
&:active {
|
|
113
114
|
border-radius: 4px;
|
|
114
115
|
background: rgba(31, 123, 255, 0.04);
|
|
115
116
|
color: #44566c;
|
|
@@ -117,3 +118,37 @@
|
|
|
117
118
|
}
|
|
118
119
|
}
|
|
119
120
|
}
|
|
121
|
+
|
|
122
|
+
.e-split-btn-wrapper {
|
|
123
|
+
.e-btn {
|
|
124
|
+
color: #fff !important;
|
|
125
|
+
border-color: var(--rs-primary-btn-bg) !important;
|
|
126
|
+
background: var(--rs-primary-btn-bg) !important;
|
|
127
|
+
font-weight: 400;
|
|
128
|
+
font-size: 12px;
|
|
129
|
+
&:not([disabled]):hover,
|
|
130
|
+
&:not([disabled]):active,
|
|
131
|
+
&:not([disabled]):focus {
|
|
132
|
+
border-color: var(--rs-primary-btn-hover-bg) !important;
|
|
133
|
+
background: var(--rs-primary-btn-hover-bg) !important;
|
|
134
|
+
border-right-color: rgba(255, 255, 255, 0.2) !important;
|
|
135
|
+
color: #fff !important;
|
|
136
|
+
}
|
|
137
|
+
&.e-split-btn {
|
|
138
|
+
border-right-color: rgba(255, 255, 255, 0.2) !important;
|
|
139
|
+
&:disabled {
|
|
140
|
+
border-right-color: #ccc !important;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
&.e-icon-btn {
|
|
144
|
+
min-width: auto;
|
|
145
|
+
padding: 4px 6px !important;
|
|
146
|
+
.e-btn-icon {
|
|
147
|
+
font-size: 16px;
|
|
148
|
+
&::before {
|
|
149
|
+
background-image: url("/assets/img/split-button-arrow.svg");
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* Generated from: lib/layout/common-list/index.component.ts
|
|
4
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
-
*/
|
|
6
|
-
// 组件类
|
|
7
|
-
import { Component, ContentChild, Input, } from '@angular/core';
|
|
8
|
-
import { CommonGridComponent } from '../../common-grid/index.component';
|
|
9
|
-
import { debounce } from 'lodash';
|
|
10
|
-
export class CommonListComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.customPageTitle = false;
|
|
13
|
-
this.isInner = false;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* @return {?}
|
|
17
|
-
*/
|
|
18
|
-
ngOnInit() {
|
|
19
|
-
this.debouncedInput = debounce((/**
|
|
20
|
-
* @return {?}
|
|
21
|
-
*/
|
|
22
|
-
() => {
|
|
23
|
-
this.onSeach();
|
|
24
|
-
}), 300);
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @return {?}
|
|
28
|
-
*/
|
|
29
|
-
onSeach() {
|
|
30
|
-
this.gridContent.grid.search(this.searchValue);
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @return {?}
|
|
34
|
-
*/
|
|
35
|
-
onInput() {
|
|
36
|
-
this.debouncedInput();
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
CommonListComponent.decorators = [
|
|
40
|
-
{ type: Component, args: [{
|
|
41
|
-
selector: 'rs-common-list',
|
|
42
|
-
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",
|
|
43
|
-
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 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::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}"]
|
|
44
|
-
}] }
|
|
45
|
-
];
|
|
46
|
-
CommonListComponent.propDecorators = {
|
|
47
|
-
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
48
|
-
pageTitle: [{ type: Input }],
|
|
49
|
-
customPageTitle: [{ type: Input }],
|
|
50
|
-
isInner: [{ type: Input }]
|
|
51
|
-
};
|
|
52
|
-
if (false) {
|
|
53
|
-
/** @type {?} */
|
|
54
|
-
CommonListComponent.prototype.gridContent;
|
|
55
|
-
/** @type {?} */
|
|
56
|
-
CommonListComponent.prototype.pageTitle;
|
|
57
|
-
/** @type {?} */
|
|
58
|
-
CommonListComponent.prototype.customPageTitle;
|
|
59
|
-
/** @type {?} */
|
|
60
|
-
CommonListComponent.prototype.isInner;
|
|
61
|
-
/**
|
|
62
|
-
* @type {?}
|
|
63
|
-
* @private
|
|
64
|
-
*/
|
|
65
|
-
CommonListComponent.prototype.debouncedInput;
|
|
66
|
-
/** @type {?} */
|
|
67
|
-
CommonListComponent.prototype.searchValue;
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvY29tbW9uLWxpc3QvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBT2xDLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFRVyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixZQUFPLEdBQUcsS0FBSyxDQUFDO0lBb0IzQixDQUFDOzs7O0lBaEJDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVE7OztRQUFDLEdBQUcsRUFBRTtZQUNsQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUE7UUFDaEIsQ0FBQyxHQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7OztJQUtELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7Ozs7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFBO0lBQ3ZCLENBQUM7OztZQTVCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIscXZDQUFxQzs7YUFFdEM7OzswQkFFRSxZQUFZLFNBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3dCQUNsRCxLQUFLOzhCQUNMLEtBQUs7c0JBQ0wsS0FBSzs7OztJQUhOLDBDQUFpRTs7SUFDakUsd0NBQW1COztJQUNuQiw4Q0FBaUM7O0lBQ2pDLHNDQUF5Qjs7Ozs7SUFFekIsNkNBQWlDOztJQVVqQywwQ0FBWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* Generated from: lib/layout/common-list/index.component.ts
|
|
4
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
-
*/
|
|
6
|
-
// 组件类
|
|
7
|
-
import { Component, ContentChild, Input, } from '@angular/core';
|
|
8
|
-
import { CommonGridComponent } from '../../common-grid/index.component';
|
|
9
|
-
import { debounce } from 'lodash';
|
|
10
|
-
var CommonListComponent = /** @class */ (function () {
|
|
11
|
-
function CommonListComponent() {
|
|
12
|
-
this.customPageTitle = false;
|
|
13
|
-
this.isInner = false;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* @return {?}
|
|
17
|
-
*/
|
|
18
|
-
CommonListComponent.prototype.ngOnInit = /**
|
|
19
|
-
* @return {?}
|
|
20
|
-
*/
|
|
21
|
-
function () {
|
|
22
|
-
var _this = this;
|
|
23
|
-
this.debouncedInput = debounce((/**
|
|
24
|
-
* @return {?}
|
|
25
|
-
*/
|
|
26
|
-
function () {
|
|
27
|
-
_this.onSeach();
|
|
28
|
-
}), 300);
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* @return {?}
|
|
32
|
-
*/
|
|
33
|
-
CommonListComponent.prototype.onSeach = /**
|
|
34
|
-
* @return {?}
|
|
35
|
-
*/
|
|
36
|
-
function () {
|
|
37
|
-
this.gridContent.grid.search(this.searchValue);
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* @return {?}
|
|
41
|
-
*/
|
|
42
|
-
CommonListComponent.prototype.onInput = /**
|
|
43
|
-
* @return {?}
|
|
44
|
-
*/
|
|
45
|
-
function () {
|
|
46
|
-
this.debouncedInput();
|
|
47
|
-
};
|
|
48
|
-
CommonListComponent.decorators = [
|
|
49
|
-
{ type: Component, args: [{
|
|
50
|
-
selector: 'rs-common-list',
|
|
51
|
-
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",
|
|
52
|
-
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 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::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}"]
|
|
53
|
-
}] }
|
|
54
|
-
];
|
|
55
|
-
CommonListComponent.propDecorators = {
|
|
56
|
-
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
57
|
-
pageTitle: [{ type: Input }],
|
|
58
|
-
customPageTitle: [{ type: Input }],
|
|
59
|
-
isInner: [{ type: Input }]
|
|
60
|
-
};
|
|
61
|
-
return CommonListComponent;
|
|
62
|
-
}());
|
|
63
|
-
export { CommonListComponent };
|
|
64
|
-
if (false) {
|
|
65
|
-
/** @type {?} */
|
|
66
|
-
CommonListComponent.prototype.gridContent;
|
|
67
|
-
/** @type {?} */
|
|
68
|
-
CommonListComponent.prototype.pageTitle;
|
|
69
|
-
/** @type {?} */
|
|
70
|
-
CommonListComponent.prototype.customPageTitle;
|
|
71
|
-
/** @type {?} */
|
|
72
|
-
CommonListComponent.prototype.isInner;
|
|
73
|
-
/**
|
|
74
|
-
* @type {?}
|
|
75
|
-
* @private
|
|
76
|
-
*/
|
|
77
|
-
CommonListComponent.prototype.debouncedInput;
|
|
78
|
-
/** @type {?} */
|
|
79
|
-
CommonListComponent.prototype.searchValue;
|
|
80
|
-
}
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvY29tbW9uLWxpc3QvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBRWxDO0lBQUE7UUFRVyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixZQUFPLEdBQUcsS0FBSyxDQUFDO0lBb0IzQixDQUFDOzs7O0lBaEJDLHNDQUFROzs7SUFBUjtRQUFBLGlCQUlDO1FBSEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFROzs7UUFBQztZQUM3QixLQUFJLENBQUMsT0FBTyxFQUFFLENBQUE7UUFDaEIsQ0FBQyxHQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs7OztJQUtELHFDQUFPOzs7SUFBUDtRQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakQsQ0FBQzs7OztJQUVELHFDQUFPOzs7SUFBUDtRQUNFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQTtJQUN2QixDQUFDOztnQkE1QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLHF2Q0FBcUM7O2lCQUV0Qzs7OzhCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7NEJBQ2xELEtBQUs7a0NBQ0wsS0FBSzswQkFDTCxLQUFLOztJQW9CUiwwQkFBQztDQUFBLEFBN0JELElBNkJDO1NBeEJZLG1CQUFtQjs7O0lBQzlCLDBDQUFpRTs7SUFDakUsd0NBQW1COztJQUNuQiw4Q0FBaUM7O0lBQ2pDLHNDQUF5Qjs7Ozs7SUFFekIsNkNBQWlDOztJQVVqQywwQ0FBWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIl19
|