raise-common-lib 0.0.202 → 0.0.203
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 +109 -94
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm2015/lib/layout/page-list/index.component.js +14 -2
- package/esm5/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm5/lib/layout/page-list/index.component.js +18 -2
- package/fesm2015/raise-common-lib.js +90 -79
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +109 -94
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/page-list/index.component.d.ts +3 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -647,7 +647,7 @@ DrawerFormComponent.decorators = [
|
|
|
647
647
|
{ type: Component, args: [{
|
|
648
648
|
selector: "rs-drawer-form",
|
|
649
649
|
template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format || numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format || dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
|
|
650
|
-
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{
|
|
650
|
+
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
|
|
651
651
|
}] }
|
|
652
652
|
];
|
|
653
653
|
/** @nocollapse */
|
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
6
|
// 组件类
|
|
7
|
-
import { Component, ContentChild, EventEmitter, Input, Output, } from "@angular/core";
|
|
7
|
+
import { Component, ContentChild, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
|
|
8
8
|
import { CommonGridComponent } from "../../common-grid/index.component";
|
|
9
9
|
import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
10
10
|
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
11
|
+
import { SearchInputComponent } from "../../form/search-input/index.component";
|
|
11
12
|
export class RsPageListComponent {
|
|
12
13
|
constructor() {
|
|
13
14
|
this.customPageTitle = false;
|
|
@@ -37,6 +38,14 @@ export class RsPageListComponent {
|
|
|
37
38
|
this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
|
|
38
39
|
this.hasLeftContentSlot = !!this.leftContentSlot;
|
|
39
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* @param {?} value
|
|
43
|
+
* @return {?}
|
|
44
|
+
*/
|
|
45
|
+
setSearchValue(value) {
|
|
46
|
+
this.searchInput.searchValue = value;
|
|
47
|
+
this.onSeach(value);
|
|
48
|
+
}
|
|
40
49
|
/**
|
|
41
50
|
* @param {?} value
|
|
42
51
|
* @return {?}
|
|
@@ -68,6 +77,7 @@ RsPageListComponent.propDecorators = {
|
|
|
68
77
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
|
|
69
78
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
|
|
70
79
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
|
|
80
|
+
searchInput: [{ type: ViewChild, args: ["searchInput", { static: false },] }],
|
|
71
81
|
leftContentSlot: [{ type: ContentChild, args: ["leftContentSlot", { static: false },] }],
|
|
72
82
|
pageTitle: [{ type: Input }],
|
|
73
83
|
customPageTitle: [{ type: Input }],
|
|
@@ -85,6 +95,8 @@ if (false) {
|
|
|
85
95
|
/** @type {?} */
|
|
86
96
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
87
97
|
/** @type {?} */
|
|
98
|
+
RsPageListComponent.prototype.searchInput;
|
|
99
|
+
/** @type {?} */
|
|
88
100
|
RsPageListComponent.prototype.leftContentSlot;
|
|
89
101
|
/** @type {?} */
|
|
90
102
|
RsPageListComponent.prototype.pageTitle;
|
|
@@ -103,4 +115,4 @@ if (false) {
|
|
|
103
115
|
/** @type {?} */
|
|
104
116
|
RsPageListComponent.prototype.translation;
|
|
105
117
|
}
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS1saXN0L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBTy9FLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFjVyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDZixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBQ3JDLHVCQUFrQixHQUFZLEtBQUssQ0FBQztJQWdDdEMsQ0FBQzs7OztJQTdCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7Ozs7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDOzs7O0lBRUQsa0JBQWtCO1FBQ2hCLDJCQUEyQjtRQUMzQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUNuRCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDbkQsQ0FBQzs7Ozs7SUFFRCxjQUFjLENBQUMsS0FBSztRQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDckMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QixDQUFDOzs7OztJQUVELE9BQU8sQ0FBQyxLQUFLO1FBQ1gsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNyQzthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjthQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7WUFuREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix1eERBQXFDOzthQUV0Qzs7OzBCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7d0JBQ25ELFlBQVksU0FBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO3VCQUM3QyxZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOytCQUNqRCxZQUFZLFNBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzBCQUNsRCxTQUFTLFNBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTs4QkFFMUMsWUFBWSxTQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTt3QkFDakQsS0FBSzs4QkFDTCxLQUFLO3lCQUNMLEtBQUs7c0JBQ0wsS0FBSzsyQkFDTCxNQUFNOzs7O0lBWFAsMENBQWtFOztJQUNsRSx3Q0FBMEQ7O0lBQzFELHVDQUE2RDs7SUFDN0QsK0NBQTJFOztJQUMzRSwwQ0FDa0M7O0lBQ2xDLDhDQUF5RTs7SUFDekUsd0NBQW1COztJQUNuQiw4Q0FBaUM7O0lBQ2pDLHlDQUE0Qjs7SUFDNUIsc0NBQXlCOztJQUN6QiwyQ0FBNEM7O0lBRTVDLGtEQUFxQzs7SUFDckMsaURBQW9DOztJQUNwQywwQ0FBWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyQ29udGVudEluaXQsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQ29tbW9uR3JpZENvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9jb21tb24tZ3JpZC9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgR3JpZENvbXBvbmVudCB9IGZyb20gXCJAc3luY2Z1c2lvbi9lajItYW5ndWxhci1ncmlkc1wiO1xyXG5pbXBvcnQgeyBUcmVlR3JpZENvbXBvbmVudCB9IGZyb20gXCJAc3luY2Z1c2lvbi9lajItYW5ndWxhci10cmVlZ3JpZFwiO1xyXG5pbXBvcnQgeyBTZWFyY2hJbnB1dENvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9mb3JtL3NlYXJjaC1pbnB1dC9pbmRleC5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXBhZ2UtbGlzdFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSc1BhZ2VMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcclxuICBAQ29udGVudENoaWxkKENvbW1vbkdyaWRDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KSBncmlkQ29udGVudDtcclxuICBAQ29udGVudENoaWxkKEdyaWRDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KSBvcmlnbkdyaWQ7XHJcbiAgQENvbnRlbnRDaGlsZChUcmVlR3JpZENvbXBvbmVudCwgeyBzdGF0aWM6IGZhbHNlIH0pIHRyZWVHcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ3aG9sZVRvb2xiYXJTbG90XCIsIHsgc3RhdGljOiBmYWxzZSB9KSB3aG9sZVRvb2xiYXJTbG90OiBhbnk7XHJcbiAgQFZpZXdDaGlsZChcInNlYXJjaElucHV0XCIsIHsgc3RhdGljOiBmYWxzZSB9KVxyXG4gIHNlYXJjaElucHV0OiBTZWFyY2hJbnB1dENvbXBvbmVudDtcclxuICBAQ29udGVudENoaWxkKFwibGVmdENvbnRlbnRTbG90XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBsZWZ0Q29udGVudFNsb3Q6IGFueTtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGlkZVNlYXJjaCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzSW5uZXIgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25HcmlkU2VhcmNoID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBoYXNXaG9sZVRvb2xiYXJTbG90OiBib29sZWFuID0gZmFsc2U7XHJcbiAgaGFzTGVmdENvbnRlbnRTbG90OiBib29sZWFuID0gZmFsc2U7XHJcbiAgdHJhbnNsYXRpb247XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5nZXRJbmZvKCk7XHJcbiAgfVxyXG4gIGdldEluZm8oKSB7XHJcbiAgICB0aGlzLnRyYW5zbGF0aW9uID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInRyYW5zbGF0aW9uXCIpKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIC8vIOajgOa1i+aYr+WQpuS8oOWFpeS6hiB3aG9sZVRvb2xiYXJTbG90XHJcbiAgICB0aGlzLmhhc1dob2xlVG9vbGJhclNsb3QgPSAhIXRoaXMud2hvbGVUb29sYmFyU2xvdDtcclxuICAgIHRoaXMuaGFzTGVmdENvbnRlbnRTbG90ID0gISF0aGlzLmxlZnRDb250ZW50U2xvdDtcclxuICB9XHJcblxyXG4gIHNldFNlYXJjaFZhbHVlKHZhbHVlKSB7XHJcbiAgICB0aGlzLnNlYXJjaElucHV0LnNlYXJjaFZhbHVlID0gdmFsdWU7XHJcbiAgICB0aGlzLm9uU2VhY2godmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25TZWFjaCh2YWx1ZSkge1xyXG4gICAgaWYgKHRoaXMuZ3JpZENvbnRlbnQpIHtcclxuICAgICAgdGhpcy5ncmlkQ29udGVudC5ncmlkLnNlYXJjaCh2YWx1ZSk7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMub3JpZ25HcmlkKSB7XHJcbiAgICAgIHRoaXMub3JpZ25HcmlkLnNlYXJjaCh2YWx1ZSk7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMudHJlZUdyaWQpIHtcclxuICAgICAgdGhpcy50cmVlR3JpZC5zZWFyY2godmFsdWUpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vbkdyaWRTZWFyY2guZW1pdCh2YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -808,7 +808,7 @@ var DrawerFormComponent = /** @class */ (function () {
|
|
|
808
808
|
{ type: Component, args: [{
|
|
809
809
|
selector: "rs-drawer-form",
|
|
810
810
|
template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format || numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format || dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
|
|
811
|
-
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{
|
|
811
|
+
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
|
|
812
812
|
}] }
|
|
813
813
|
];
|
|
814
814
|
/** @nocollapse */
|
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
6
|
// 组件类
|
|
7
|
-
import { Component, ContentChild, EventEmitter, Input, Output, } from "@angular/core";
|
|
7
|
+
import { Component, ContentChild, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
|
|
8
8
|
import { CommonGridComponent } from "../../common-grid/index.component";
|
|
9
9
|
import { GridComponent } from "@syncfusion/ej2-angular-grids";
|
|
10
10
|
import { TreeGridComponent } from "@syncfusion/ej2-angular-treegrid";
|
|
11
|
+
import { SearchInputComponent } from "../../form/search-input/index.component";
|
|
11
12
|
var RsPageListComponent = /** @class */ (function () {
|
|
12
13
|
function RsPageListComponent() {
|
|
13
14
|
this.customPageTitle = false;
|
|
@@ -46,6 +47,18 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
46
47
|
this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
|
|
47
48
|
this.hasLeftContentSlot = !!this.leftContentSlot;
|
|
48
49
|
};
|
|
50
|
+
/**
|
|
51
|
+
* @param {?} value
|
|
52
|
+
* @return {?}
|
|
53
|
+
*/
|
|
54
|
+
RsPageListComponent.prototype.setSearchValue = /**
|
|
55
|
+
* @param {?} value
|
|
56
|
+
* @return {?}
|
|
57
|
+
*/
|
|
58
|
+
function (value) {
|
|
59
|
+
this.searchInput.searchValue = value;
|
|
60
|
+
this.onSeach(value);
|
|
61
|
+
};
|
|
49
62
|
/**
|
|
50
63
|
* @param {?} value
|
|
51
64
|
* @return {?}
|
|
@@ -80,6 +93,7 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
80
93
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
|
|
81
94
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
|
|
82
95
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
|
|
96
|
+
searchInput: [{ type: ViewChild, args: ["searchInput", { static: false },] }],
|
|
83
97
|
leftContentSlot: [{ type: ContentChild, args: ["leftContentSlot", { static: false },] }],
|
|
84
98
|
pageTitle: [{ type: Input }],
|
|
85
99
|
customPageTitle: [{ type: Input }],
|
|
@@ -100,6 +114,8 @@ if (false) {
|
|
|
100
114
|
/** @type {?} */
|
|
101
115
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
102
116
|
/** @type {?} */
|
|
117
|
+
RsPageListComponent.prototype.searchInput;
|
|
118
|
+
/** @type {?} */
|
|
103
119
|
RsPageListComponent.prototype.leftContentSlot;
|
|
104
120
|
/** @type {?} */
|
|
105
121
|
RsPageListComponent.prototype.pageTitle;
|
|
@@ -118,4 +134,4 @@ if (false) {
|
|
|
118
134
|
/** @type {?} */
|
|
119
135
|
RsPageListComponent.prototype.translation;
|
|
120
136
|
}
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS1saXN0L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRS9FO0lBQUE7UUFjVyxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDZixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBQ3JDLHVCQUFrQixHQUFZLEtBQUssQ0FBQztJQWdDdEMsQ0FBQzs7OztJQTdCQyxzQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQzs7OztJQUNELHFDQUFPOzs7SUFBUDtRQUNFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDckUsQ0FBQzs7OztJQUVELGdEQUFrQjs7O0lBQWxCO1FBQ0UsMkJBQTJCO1FBQzNCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNuRCxDQUFDOzs7OztJQUVELDRDQUFjOzs7O0lBQWQsVUFBZSxLQUFLO1FBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RCLENBQUM7Ozs7O0lBRUQscUNBQU87Ozs7SUFBUCxVQUFRLEtBQUs7UUFDWCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3JDO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO2FBQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMvQjtJQUNILENBQUM7O2dCQW5ERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLHV4REFBcUM7O2lCQUV0Qzs7OzhCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7NEJBQ25ELFlBQVksU0FBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzJCQUM3QyxZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO21DQUNqRCxZQUFZLFNBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzhCQUNsRCxTQUFTLFNBQUMsYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtrQ0FFMUMsWUFBWSxTQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTs0QkFDakQsS0FBSztrQ0FDTCxLQUFLOzZCQUNMLEtBQUs7MEJBQ0wsS0FBSzsrQkFDTCxNQUFNOztJQW1DVCwwQkFBQztDQUFBLEFBcERELElBb0RDO1NBL0NZLG1CQUFtQjs7O0lBQzlCLDBDQUFrRTs7SUFDbEUsd0NBQTBEOztJQUMxRCx1Q0FBNkQ7O0lBQzdELCtDQUEyRTs7SUFDM0UsMENBQ2tDOztJQUNsQyw4Q0FBeUU7O0lBQ3pFLHdDQUFtQjs7SUFDbkIsOENBQWlDOztJQUNqQyx5Q0FBNEI7O0lBQzVCLHNDQUF5Qjs7SUFDekIsMkNBQTRDOztJQUU1QyxrREFBcUM7O0lBQ3JDLGlEQUFvQzs7SUFDcEMsMENBQVkiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBBZnRlckNvbnRlbnRJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbW1vbkdyaWRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItZ3JpZHNcIjtcclxuaW1wb3J0IHsgVHJlZUdyaWRDb21wb25lbnQgfSBmcm9tIFwiQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItdHJlZWdyaWRcIjtcclxuaW1wb3J0IHsgU2VhcmNoSW5wdXRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vZm9ybS9zZWFyY2gtaW5wdXQvaW5kZXguY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1wYWdlLWxpc3RcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUnNQYWdlTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogZmFsc2UgfSkgZ3JpZENvbnRlbnQ7XHJcbiAgQENvbnRlbnRDaGlsZChHcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogZmFsc2UgfSkgb3JpZ25HcmlkO1xyXG4gIEBDb250ZW50Q2hpbGQoVHJlZUdyaWRDb21wb25lbnQsIHsgc3RhdGljOiBmYWxzZSB9KSB0cmVlR3JpZDtcclxuICBAQ29udGVudENoaWxkKFwid2hvbGVUb29sYmFyU2xvdFwiLCB7IHN0YXRpYzogZmFsc2UgfSkgd2hvbGVUb29sYmFyU2xvdDogYW55O1xyXG4gIEBWaWV3Q2hpbGQoXCJzZWFyY2hJbnB1dFwiLCB7IHN0YXRpYzogZmFsc2UgfSlcclxuICBzZWFyY2hJbnB1dDogU2VhcmNoSW5wdXRDb21wb25lbnQ7XHJcbiAgQENvbnRlbnRDaGlsZChcImxlZnRDb250ZW50U2xvdFwiLCB7IHN0YXRpYzogZmFsc2UgfSkgbGVmdENvbnRlbnRTbG90OiBhbnk7XHJcbiAgQElucHV0KCkgcGFnZVRpdGxlO1xyXG4gIEBJbnB1dCgpIGN1c3RvbVBhZ2VUaXRsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGVTZWFyY2ggPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc0lubmVyID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIG9uR3JpZFNlYXJjaCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgaGFzV2hvbGVUb29sYmFyU2xvdDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGhhc0xlZnRDb250ZW50U2xvdDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHRyYW5zbGF0aW9uO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZ2V0SW5mbygpO1xyXG4gIH1cclxuICBnZXRJbmZvKCkge1xyXG4gICAgdGhpcy50cmFuc2xhdGlvbiA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oXCJ0cmFuc2xhdGlvblwiKSk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICAvLyDmo4DmtYvmmK/lkKbkvKDlhaXkuoYgd2hvbGVUb29sYmFyU2xvdFxyXG4gICAgdGhpcy5oYXNXaG9sZVRvb2xiYXJTbG90ID0gISF0aGlzLndob2xlVG9vbGJhclNsb3Q7XHJcbiAgICB0aGlzLmhhc0xlZnRDb250ZW50U2xvdCA9ICEhdGhpcy5sZWZ0Q29udGVudFNsb3Q7XHJcbiAgfVxyXG5cclxuICBzZXRTZWFyY2hWYWx1ZSh2YWx1ZSkge1xyXG4gICAgdGhpcy5zZWFyY2hJbnB1dC5zZWFyY2hWYWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5vblNlYWNoKHZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uU2VhY2godmFsdWUpIHtcclxuICAgIGlmICh0aGlzLmdyaWRDb250ZW50KSB7XHJcbiAgICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godmFsdWUpO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLm9yaWduR3JpZCkge1xyXG4gICAgICB0aGlzLm9yaWduR3JpZC5zZWFyY2godmFsdWUpO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnRyZWVHcmlkKSB7XHJcbiAgICAgIHRoaXMudHJlZUdyaWQuc2VhcmNoKHZhbHVlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMub25HcmlkU2VhcmNoLmVtaXQodmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -2214,6 +2214,84 @@ if (false) {
|
|
|
2214
2214
|
TruncatedTextToggleComponent.prototype.showCollapseBtn;
|
|
2215
2215
|
}
|
|
2216
2216
|
|
|
2217
|
+
/**
|
|
2218
|
+
* @fileoverview added by tsickle
|
|
2219
|
+
* Generated from: lib/form/search-input/index.component.ts
|
|
2220
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2221
|
+
*/
|
|
2222
|
+
class SearchInputComponent {
|
|
2223
|
+
constructor() {
|
|
2224
|
+
this.placeholder = "";
|
|
2225
|
+
this.hanleSearch = new EventEmitter();
|
|
2226
|
+
this.handleInput = new EventEmitter();
|
|
2227
|
+
this.searchValue = "";
|
|
2228
|
+
}
|
|
2229
|
+
/**
|
|
2230
|
+
* @return {?}
|
|
2231
|
+
*/
|
|
2232
|
+
ngOnInit() {
|
|
2233
|
+
this.getInfo();
|
|
2234
|
+
this.debouncedInput = debounce((/**
|
|
2235
|
+
* @return {?}
|
|
2236
|
+
*/
|
|
2237
|
+
() => {
|
|
2238
|
+
this.onSeach();
|
|
2239
|
+
}), 300);
|
|
2240
|
+
}
|
|
2241
|
+
/**
|
|
2242
|
+
* @return {?}
|
|
2243
|
+
*/
|
|
2244
|
+
getInfo() {
|
|
2245
|
+
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
2246
|
+
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
2247
|
+
}
|
|
2248
|
+
/**
|
|
2249
|
+
* @param {?} e
|
|
2250
|
+
* @return {?}
|
|
2251
|
+
*/
|
|
2252
|
+
onInput(e) {
|
|
2253
|
+
this.handleInput.emit(e.value);
|
|
2254
|
+
this.debouncedInput();
|
|
2255
|
+
}
|
|
2256
|
+
/**
|
|
2257
|
+
* @return {?}
|
|
2258
|
+
*/
|
|
2259
|
+
onSeach() {
|
|
2260
|
+
this.hanleSearch.emit(this.searchValue);
|
|
2261
|
+
}
|
|
2262
|
+
}
|
|
2263
|
+
SearchInputComponent.decorators = [
|
|
2264
|
+
{ type: Component, args: [{
|
|
2265
|
+
selector: "rs-search-input",
|
|
2266
|
+
template: "<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($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
2267
|
+
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.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-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2268
|
+
}] }
|
|
2269
|
+
];
|
|
2270
|
+
/** @nocollapse */
|
|
2271
|
+
SearchInputComponent.ctorParameters = () => [];
|
|
2272
|
+
SearchInputComponent.propDecorators = {
|
|
2273
|
+
placeholder: [{ type: Input }],
|
|
2274
|
+
hanleSearch: [{ type: Output }],
|
|
2275
|
+
handleInput: [{ type: Output }]
|
|
2276
|
+
};
|
|
2277
|
+
if (false) {
|
|
2278
|
+
/** @type {?} */
|
|
2279
|
+
SearchInputComponent.prototype.placeholder;
|
|
2280
|
+
/** @type {?} */
|
|
2281
|
+
SearchInputComponent.prototype.hanleSearch;
|
|
2282
|
+
/** @type {?} */
|
|
2283
|
+
SearchInputComponent.prototype.handleInput;
|
|
2284
|
+
/**
|
|
2285
|
+
* @type {?}
|
|
2286
|
+
* @private
|
|
2287
|
+
*/
|
|
2288
|
+
SearchInputComponent.prototype.debouncedInput;
|
|
2289
|
+
/** @type {?} */
|
|
2290
|
+
SearchInputComponent.prototype.searchValue;
|
|
2291
|
+
/** @type {?} */
|
|
2292
|
+
SearchInputComponent.prototype.translation;
|
|
2293
|
+
}
|
|
2294
|
+
|
|
2217
2295
|
/**
|
|
2218
2296
|
* @fileoverview added by tsickle
|
|
2219
2297
|
* Generated from: lib/layout/page-list/index.component.ts
|
|
@@ -2248,6 +2326,14 @@ class RsPageListComponent {
|
|
|
2248
2326
|
this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
|
|
2249
2327
|
this.hasLeftContentSlot = !!this.leftContentSlot;
|
|
2250
2328
|
}
|
|
2329
|
+
/**
|
|
2330
|
+
* @param {?} value
|
|
2331
|
+
* @return {?}
|
|
2332
|
+
*/
|
|
2333
|
+
setSearchValue(value) {
|
|
2334
|
+
this.searchInput.searchValue = value;
|
|
2335
|
+
this.onSeach(value);
|
|
2336
|
+
}
|
|
2251
2337
|
/**
|
|
2252
2338
|
* @param {?} value
|
|
2253
2339
|
* @return {?}
|
|
@@ -2279,6 +2365,7 @@ RsPageListComponent.propDecorators = {
|
|
|
2279
2365
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
|
|
2280
2366
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
|
|
2281
2367
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
|
|
2368
|
+
searchInput: [{ type: ViewChild, args: ["searchInput", { static: false },] }],
|
|
2282
2369
|
leftContentSlot: [{ type: ContentChild, args: ["leftContentSlot", { static: false },] }],
|
|
2283
2370
|
pageTitle: [{ type: Input }],
|
|
2284
2371
|
customPageTitle: [{ type: Input }],
|
|
@@ -2296,6 +2383,8 @@ if (false) {
|
|
|
2296
2383
|
/** @type {?} */
|
|
2297
2384
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
2298
2385
|
/** @type {?} */
|
|
2386
|
+
RsPageListComponent.prototype.searchInput;
|
|
2387
|
+
/** @type {?} */
|
|
2299
2388
|
RsPageListComponent.prototype.leftContentSlot;
|
|
2300
2389
|
/** @type {?} */
|
|
2301
2390
|
RsPageListComponent.prototype.pageTitle;
|
|
@@ -2410,84 +2499,6 @@ if (false) {
|
|
|
2410
2499
|
RsPageTabComponent.prototype.animation;
|
|
2411
2500
|
}
|
|
2412
2501
|
|
|
2413
|
-
/**
|
|
2414
|
-
* @fileoverview added by tsickle
|
|
2415
|
-
* Generated from: lib/form/search-input/index.component.ts
|
|
2416
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2417
|
-
*/
|
|
2418
|
-
class SearchInputComponent {
|
|
2419
|
-
constructor() {
|
|
2420
|
-
this.placeholder = "";
|
|
2421
|
-
this.hanleSearch = new EventEmitter();
|
|
2422
|
-
this.handleInput = new EventEmitter();
|
|
2423
|
-
this.searchValue = "";
|
|
2424
|
-
}
|
|
2425
|
-
/**
|
|
2426
|
-
* @return {?}
|
|
2427
|
-
*/
|
|
2428
|
-
ngOnInit() {
|
|
2429
|
-
this.getInfo();
|
|
2430
|
-
this.debouncedInput = debounce((/**
|
|
2431
|
-
* @return {?}
|
|
2432
|
-
*/
|
|
2433
|
-
() => {
|
|
2434
|
-
this.onSeach();
|
|
2435
|
-
}), 300);
|
|
2436
|
-
}
|
|
2437
|
-
/**
|
|
2438
|
-
* @return {?}
|
|
2439
|
-
*/
|
|
2440
|
-
getInfo() {
|
|
2441
|
-
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
2442
|
-
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
2443
|
-
}
|
|
2444
|
-
/**
|
|
2445
|
-
* @param {?} e
|
|
2446
|
-
* @return {?}
|
|
2447
|
-
*/
|
|
2448
|
-
onInput(e) {
|
|
2449
|
-
this.handleInput.emit(e.value);
|
|
2450
|
-
this.debouncedInput();
|
|
2451
|
-
}
|
|
2452
|
-
/**
|
|
2453
|
-
* @return {?}
|
|
2454
|
-
*/
|
|
2455
|
-
onSeach() {
|
|
2456
|
-
this.hanleSearch.emit(this.searchValue);
|
|
2457
|
-
}
|
|
2458
|
-
}
|
|
2459
|
-
SearchInputComponent.decorators = [
|
|
2460
|
-
{ type: Component, args: [{
|
|
2461
|
-
selector: "rs-search-input",
|
|
2462
|
-
template: "<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($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
2463
|
-
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.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-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2464
|
-
}] }
|
|
2465
|
-
];
|
|
2466
|
-
/** @nocollapse */
|
|
2467
|
-
SearchInputComponent.ctorParameters = () => [];
|
|
2468
|
-
SearchInputComponent.propDecorators = {
|
|
2469
|
-
placeholder: [{ type: Input }],
|
|
2470
|
-
hanleSearch: [{ type: Output }],
|
|
2471
|
-
handleInput: [{ type: Output }]
|
|
2472
|
-
};
|
|
2473
|
-
if (false) {
|
|
2474
|
-
/** @type {?} */
|
|
2475
|
-
SearchInputComponent.prototype.placeholder;
|
|
2476
|
-
/** @type {?} */
|
|
2477
|
-
SearchInputComponent.prototype.hanleSearch;
|
|
2478
|
-
/** @type {?} */
|
|
2479
|
-
SearchInputComponent.prototype.handleInput;
|
|
2480
|
-
/**
|
|
2481
|
-
* @type {?}
|
|
2482
|
-
* @private
|
|
2483
|
-
*/
|
|
2484
|
-
SearchInputComponent.prototype.debouncedInput;
|
|
2485
|
-
/** @type {?} */
|
|
2486
|
-
SearchInputComponent.prototype.searchValue;
|
|
2487
|
-
/** @type {?} */
|
|
2488
|
-
SearchInputComponent.prototype.translation;
|
|
2489
|
-
}
|
|
2490
|
-
|
|
2491
2502
|
/**
|
|
2492
2503
|
* @fileoverview added by tsickle
|
|
2493
2504
|
* Generated from: lib/layout/grid-box/index.component.ts
|
|
@@ -22166,7 +22177,7 @@ DrawerFormComponent.decorators = [
|
|
|
22166
22177
|
{ type: Component, args: [{
|
|
22167
22178
|
selector: "rs-drawer-form",
|
|
22168
22179
|
template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format || numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format || dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
|
|
22169
|
-
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{
|
|
22180
|
+
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
|
|
22170
22181
|
}] }
|
|
22171
22182
|
];
|
|
22172
22183
|
/** @nocollapse */
|