rd-outer-component 0.0.22 → 0.0.24
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/esm2020/lib/modules/custom-pagination/paginator.component.mjs +2 -2
- package/esm2020/lib/modules/header-step/header-step.component.mjs +41 -0
- package/esm2020/lib/modules/header-step/header-step.module.mjs +18 -0
- package/esm2020/lib/modules/header-step/index.mjs +3 -0
- package/esm2020/lib/modules/rd-notification/index.mjs +3 -0
- package/esm2020/lib/modules/rd-notification/notification.component.mjs +57 -0
- package/esm2020/lib/modules/rd-notification/notification.module.mjs +19 -0
- package/esm2020/lib/modules/rd-notification/notification.service.mjs +38 -0
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/rd-outer-component.mjs +124 -3
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +123 -3
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/header-step/header-step.component.d.ts +13 -0
- package/lib/modules/header-step/header-step.module.d.ts +8 -0
- package/lib/modules/header-step/index.d.ts +2 -0
- package/lib/modules/rd-notification/index.d.ts +2 -0
- package/lib/modules/rd-notification/notification.component.d.ts +17 -0
- package/lib/modules/rd-notification/notification.module.d.ts +10 -0
- package/lib/modules/rd-notification/notification.service.d.ts +23 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -25,10 +25,10 @@ export class CustomPaginatorComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
CustomPaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n <div class=\"pagination-cnt\">\n <nz-pagination\n [nzTotal]=\"totalSize\"\n [nzPageIndex]=\"pageIndex\"\n [nzPageSize]=\"pageSize\"\n (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n ></nz-pagination>\n </div>\n <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n <nz-select\n [(ngModel)]=\"pageSize\"\n class=\"pagination-select-size\"\n (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n [nzDropdownClassName]=\"'paginator-select'\"\n >\n <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n </nz-select>\n <span class=\"page-text\">/ page</span>\n </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
|
|
28
|
+
CustomPaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomPaginatorComponent, selector: "app-rd-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", currentTotalSize: "currentTotalSize", totalSize: "totalSize", specilMargin: "specilMargin", showLeftPageDorp: "showLeftPageDorp", isWhiteBg: "isWhiteBg" }, outputs: { changePageSize: "changePageSize", changePageIndex: "changePageIndex" }, ngImport: i0, template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n <div class=\"pagination-cnt\">\n <nz-pagination\n [nzTotal]=\"totalSize\"\n [nzPageIndex]=\"pageIndex\"\n [nzPageSize]=\"pageSize\"\n (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n ></nz-pagination>\n </div>\n <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n <nz-select\n [(ngModel)]=\"pageSize\"\n class=\"pagination-select-size\"\n (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n [nzDropdownClassName]=\"'paginator-select'\"\n >\n <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n </nz-select>\n <span class=\"page-text\">/ page</span>\n </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px 0;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomPaginatorComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n <div class=\"pagination-cnt\">\n <nz-pagination\n [nzTotal]=\"totalSize\"\n [nzPageIndex]=\"pageIndex\"\n [nzPageSize]=\"pageSize\"\n (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n ></nz-pagination>\n </div>\n <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n <nz-select\n [(ngModel)]=\"pageSize\"\n class=\"pagination-select-size\"\n (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n [nzDropdownClassName]=\"'paginator-select'\"\n >\n <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n </nz-select>\n <span class=\"page-text\">/ page</span>\n </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
|
|
31
|
+
args: [{ selector: 'app-rd-pagination', template: "<div *ngIf=\"currentTotalSize > 0\" class=\"pagination-div\" nz-row>\n <div class=\"pagination-total\">Total {{ totalSize }} items</div>\n <div class=\"pagination-cnt\">\n <nz-pagination\n [nzTotal]=\"totalSize\"\n [nzPageIndex]=\"pageIndex\"\n [nzPageSize]=\"pageSize\"\n (nzPageIndexChange)=\"nzPageIndexChange($event)\"\n ></nz-pagination>\n </div>\n <div *ngIf=\"totalSize > 0 && showLeftPageDorp\" class=\"pagination-select\">\n <nz-select\n [(ngModel)]=\"pageSize\"\n class=\"pagination-select-size\"\n (ngModelChange)=\"nzPageSizeChange(pageSize)\"\n [nzDropdownClassName]=\"'paginator-select'\"\n >\n <nz-option [nzValue]=\"10\" nzLabel=\"10\"></nz-option>\n <nz-option [nzValue]=\"25\" nzLabel=\"25\"></nz-option>\n <nz-option [nzValue]=\"50\" nzLabel=\"50\"></nz-option>\n <nz-option [nzValue]=\"100\" nzLabel=\"100\"></nz-option>\n </nz-select>\n <span class=\"page-text\">/ page</span>\n </div>\n</div>\n", styles: [":host::ng-deep .pagination-div{display:flex;justify-content:space-between;height:64px;padding:16px 0;border-top:1px solid #e5e7eb}:host::ng-deep .pagination-div .pagination-total{font-size:12px;font-weight:500;line-height:32px;color:#22222d}:host::ng-deep .pagination-div .pagination-select{display:flex;align-items:center}:host::ng-deep .pagination-div .pagination-select .page-text{margin-left:4px}:host::ng-deep .pagination-div .pagination-cnt{height:32px;line-height:32px;margin:0 auto;font-size:12px;font-weight:500;color:#22222d}:host::ng-deep .pagination-div .ant-select-item{padding-left:24px!important}:host::ng-deep .pagination-div .ant-select-item-option{padding-left:24px!important}:host::ng-deep .pagination-div .ant-table-pagination .ant-pagination{padding:16px 44px;position:absolute;right:0;margin-top:24px}:host::ng-deep .pagination-div .ant-pagination li{background:transparent;border:none}:host::ng-deep .pagination-div .ant-pagination-item-active{background:transparent}:host::ng-deep .pagination-div .ant-pagination-item{height:38px;margin-right:0;min-width:24px;margin-top:3px}:host::ng-deep .pagination-div .ant-pagination-item a{font-size:12px;font-weight:500;color:#c1c2c5;min-width:24px}:host::ng-deep .pagination-div .ant-pagination-prev{margin-right:7px}:host::ng-deep .pagination-div .ant-pagination-next{margin-left:7px}:host::ng-deep .pagination-div .ant-pagination-item-active a{color:#000042;border:1px solid #367af6;border-radius:8px;width:32px;color:#367af6}:host::ng-deep .pagination-div .ant-select:not(.ant-select-customize-input) .ant-select-selector{border:unset;border-radius:8px;text-align:left;padding:0;box-shadow:none!important}:host::ng-deep .pagination-div .ant-pagination-item-link{border-radius:50%;color:#fff;border:unset;height:32px;width:32px;position:relative}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon{vertical-align:-5px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon svg{width:18px;height:18px}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-left{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link .anticon-right{display:none}:host::ng-deep .pagination-div .ant-pagination-item-link:hover{box-shadow:0 1px 4px #00000040;color:#fff!important}:host::ng-deep .pagination-div .ant-pagination-prev .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgMi41TDYuNjY2NzUgMTBMMTMuMzMzNCAxNy41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-pagination-next .ant-pagination-item-link:before{content:\"\";background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NzUgMTcuNUwxMy4zMzM0IDEwTDYuNjY2NzUgMi41IiBzdHJva2U9IiMwMzA3MTIiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center;background-size:55%;position:absolute;inset:0}:host::ng-deep .pagination-div .ant-select-arrow{display:none}:host::ng-deep .pagination-div .ant-select-selection-item{text-align:center;font-weight:500}:host::ng-deep .pagination-div .ant-select-single .ant-select-selector .ant-select-selection-item{position:relative}:host::ng-deep .pagination-div .ant-select-single.ant-select-open .ant-select-selection-item{color:#000042}:host::ng-deep .pagination-div a{text-decoration:none!important}:host::ng-deep .pagination-select-size{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-right:16px;font-size:12px;font-weight:500;height:32px;color:#22222d;padding:0 12px;min-width:70px}:host::ng-deep .pagination-select-size .ant-select-arrow{display:flex;margin-left:auto;color:#000042}:host::ng-deep .pagination-select-size .anticon{font-size:12px}::ng-deep .paginator-select .ant-select-dropdown{border-radius:8px;font-weight:500;color:#c1c2c5;padding-top:0;padding-bottom:0;text-align:center;box-shadow:0 1px 4px #0000001a}::ng-deep .paginator-select .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#eaf7fa;font-weight:500;text-align:center;color:#000042}::ng-deep .paginator-select .ant-select-item{font-size:12px;font-weight:500}::ng-deep .paginator-select .ant-select-selection-item{text-align:left!important}::ng-deep .pagination-div .ant-pagination-item-active a{border:0!important;color:#030712!important}::ng-deep .ant-pagination{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px;line-height:32px}::ng-deep .pagination-div .ant-pagination-item{height:32px!important;margin-top:0!important;line-height:32px}\n"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { pageIndex: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], pageSize: [{
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class HeaderStepComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.step = 1;
|
|
7
|
+
this.stepArr = [];
|
|
8
|
+
this.stepChange = new EventEmitter();
|
|
9
|
+
this.onClose = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
onClickBack() {
|
|
12
|
+
if (this.step <= 1) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
this.stepChange.emit(this.step - 1);
|
|
16
|
+
}
|
|
17
|
+
onClickStep(step) {
|
|
18
|
+
if (step >= this.step) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
this.stepChange.emit(step);
|
|
22
|
+
}
|
|
23
|
+
close() {
|
|
24
|
+
this.onClose.emit();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n <div>\n <div class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"] }]
|
|
32
|
+
}], propDecorators: { step: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], stepArr: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], stepChange: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}], onClose: [{
|
|
39
|
+
type: Output
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFNVyxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBQ2pCLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FtQnhDO0lBakJDLFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDckIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2lIQXRCVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixtS0NQaEMscWlGQW1FQTs0RkQ1RGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtaGVhZGVyLXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLXN0ZXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXItc3RlcC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJTdGVwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc3RlcDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgc3RlcEFycjogc3RyaW5nW10gPSBbXTtcbiAgQE91dHB1dCgpIHN0ZXBDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgb25DbGlja0JhY2soKSB7XG4gICAgaWYgKHRoaXMuc3RlcCA8PSAxKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHRoaXMuc3RlcCAtIDEpO1xuICB9XG5cbiAgb25DbGlja1N0ZXAoc3RlcDogbnVtYmVyKSB7XG4gICAgaWYgKHN0ZXAgPj0gdGhpcy5zdGVwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHN0ZXApO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwXCI+XG4gIDxkaXY+XG4gICAgPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwLWJhY2tcIiAqbmdJZj1cInN0ZXAgPiAxXCIgKGNsaWNrKT1cIm9uQ2xpY2tCYWNrKClcIj5cbiAgICAgIDxzdmdcbiAgICAgICAgd2lkdGg9XCIyNFwiXG4gICAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICA+XG4gICAgICAgIDxnIGlkPVwiQmFja1wiPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBpZD1cIlZlY3RvclwiXG4gICAgICAgICAgICBkPVwiTTE2IDNMOCAxMkwxNiAyMVwiXG4gICAgICAgICAgICBzdHJva2U9XCIjMDMwNzEyXCJcbiAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2c+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJyZC1oZWFkZXItc3RlcC10aXRsZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXBUaXRsZSBvZiBzdGVwQXJyOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICA8c3ZnXG4gICAgICAgICpuZ0lmPVwiaSAhPT0gMFwiXG4gICAgICAgIHdpZHRoPVwiMTdcIlxuICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgIHZpZXdCb3g9XCIwIDAgMTcgMTZcIlxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIFthdHRyLmZpbGxdPVwic3RlcCA9PT0gaSArIDEgPyAnIzAzMDcxMicgOiAnIzlDQTNBRidcIlxuICAgICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGQ9XCJNNS40MDc3NyAyLjYwMTM2QzUuNjI4MTEgMi4zNjYzMyA1Ljk5NzI3IDIuMzU0NDIgNi4yMzIzIDIuNTc0NzZMMTEuNTY1NiA3LjU3NDc2QzExLjY4MzMgNy42ODUwNCAxMS43NSA3LjgzOTA5IDExLjc1IDguMDAwMzNDMTEuNzUgOC4xNjE1NyAxMS42ODMzIDguMzE1NjEgMTEuNTY1NiA4LjQyNTg5TDYuMjMyMyAxMy40MjU5QzUuOTk3MjcgMTMuNjQ2MiA1LjYyODExIDEzLjYzNDMgNS40MDc3NyAxMy4zOTkzQzUuMTg3NDMgMTMuMTY0MyA1LjE5OTM0IDEyLjc5NTEgNS40MzQzNyAxMi41NzQ4TDEwLjMxMzggOC4wMDAzM0w1LjQzNDM3IDMuNDI1ODlDNS4xOTkzNCAzLjIwNTU1IDUuMTg3NDMgMi44MzYzOSA1LjQwNzc3IDIuNjAxMzZaXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJyZC1oZWFkZXItc3RlcC1pbmRleFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBzdGVwID09PSBpICsgMSwgJ2N1c29yLXBvaW50ZXInOiBzdGVwID4gaSArIDEgfVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrU3RlcChpICsgMSlcIlxuICAgICAgPlxuICAgICAgICB7eyBzdGVwVGl0bGUgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIj5cbiAgICA8c3ZnXG4gICAgICB3aWR0aD1cIjI0XCJcbiAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBkPVwiTTQuNDY5NjcgNC40Njk2N0M0Ljc2MjU2IDQuMTc2NzggNS4yMzc0NCA0LjE3Njc4IDUuNTMwMzMgNC40Njk2N0wxMiAxMC45MzkzTDE4LjQ2OTcgNC40Njk2N0MxOC43NjI2IDQuMTc2NzggMTkuMjM3NCA0LjE3Njc4IDE5LjUzMDMgNC40Njk2N0MxOS44MjMyIDQuNzYyNTYgMTkuODIzMiA1LjIzNzQ0IDE5LjUzMDMgNS41MzAzM0wxMy4wNjA3IDEyTDE5LjUzMDMgMTguNDY5N0MxOS44MjMyIDE4Ljc2MjYgMTkuODIzMiAxOS4yMzc0IDE5LjUzMDMgMTkuNTMwM0MxOS4yMzc0IDE5LjgyMzIgMTguNzYyNiAxOS44MjMyIDE4LjQ2OTcgMTkuNTMwM0wxMiAxMy4wNjA3TDUuNTMwMzMgMTkuNTMwM0M1LjIzNzQ0IDE5LjgyMzIgNC43NjI1NiAxOS44MjMyIDQuNDY5NjcgMTkuNTMwM0M0LjE3Njc4IDE5LjIzNzQgNC4xNzY3OCAxOC43NjI2IDQuNDY5NjcgMTguNDY5N0wxMC45MzkzIDEyTDQuNDY5NjcgNS41MzAzM0M0LjE3Njc4IDUuMjM3NDQgNC4xNzY3OCA0Ljc2MjU2IDQuNDY5NjcgNC40Njk2N1pcIlxuICAgICAgICBmaWxsPVwiIzAzMDcxMlwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { HeaderStepComponent } from "./header-step.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class RdHeaderStepModule {
|
|
6
|
+
}
|
|
7
|
+
RdHeaderStepModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
RdHeaderStepModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, declarations: [HeaderStepComponent], imports: [CommonModule], exports: [HeaderStepComponent] });
|
|
9
|
+
RdHeaderStepModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [HeaderStepComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [HeaderStepComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXN0ZXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQU85RCxNQUFNLE9BQU8sa0JBQWtCOztnSEFBbEIsa0JBQWtCO2lIQUFsQixrQkFBa0IsaUJBSmQsbUJBQW1CLGFBQ3hCLFlBQVksYUFDWixtQkFBbUI7aUhBRWxCLGtCQUFrQixZQUhuQixZQUFZOzRGQUdYLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBIZWFkZXJTdGVwQ29tcG9uZW50IH0gZnJvbSBcIi4vaGVhZGVyLXN0ZXAuY29tcG9uZW50XCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0hlYWRlclN0ZXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0hlYWRlclN0ZXBDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBSZEhlYWRlclN0ZXBNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from "./header-step.component";
|
|
2
|
+
export * from "./header-step.module";
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9oZWFkZXItc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9oZWFkZXItc3RlcC5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2hlYWRlci1zdGVwLm1vZHVsZVwiO1xuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './notification.component';
|
|
2
|
+
export * from './notification.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbm90aWZpY2F0aW9uLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Component, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "ng-zorro-antd/notification";
|
|
4
|
+
import * as i2 from "@angular/platform-browser";
|
|
5
|
+
import * as i3 from "@angular/common";
|
|
6
|
+
const borderColorMap = {
|
|
7
|
+
success: '#bbf7e0',
|
|
8
|
+
warn: '#fef0c3',
|
|
9
|
+
error: '#EF7484',
|
|
10
|
+
};
|
|
11
|
+
export class RdNotificationComponent {
|
|
12
|
+
constructor(notificationService, sanitizer) {
|
|
13
|
+
this.notificationService = notificationService;
|
|
14
|
+
this.sanitizer = sanitizer;
|
|
15
|
+
}
|
|
16
|
+
showNotification(data) {
|
|
17
|
+
this.notification = this.notificationService.template(this.notificationTpl, {
|
|
18
|
+
nzData: data,
|
|
19
|
+
nzDuration: data.duration || 8 * 1000,
|
|
20
|
+
nzStyle: {
|
|
21
|
+
borderRadius: '4px',
|
|
22
|
+
border: `1px solid ${borderColorMap[data?.type]}`,
|
|
23
|
+
boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
|
|
24
|
+
display: 'flex',
|
|
25
|
+
padding: '0',
|
|
26
|
+
width: '320px',
|
|
27
|
+
marginTop: '-1px',
|
|
28
|
+
},
|
|
29
|
+
nzClass: 'custom-wallet-notification',
|
|
30
|
+
nzCloseIcon: this.closeTpl,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
getDesc(desc) {
|
|
34
|
+
return this.sanitizer.bypassSecurityTrustHtml(desc);
|
|
35
|
+
}
|
|
36
|
+
onClick(data) {
|
|
37
|
+
if (this.notification?.messageId) {
|
|
38
|
+
this.notificationService.remove(this.notification?.messageId);
|
|
39
|
+
}
|
|
40
|
+
if (data) {
|
|
41
|
+
data?.onLinkClick();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1.NzNotificationService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
RdNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdNotificationComponent, selector: "app-rd-notification", viewQueries: [{ propertyName: "notificationTpl", first: true, predicate: ["notificationTpl"], descendants: true, static: true }, { propertyName: "closeTpl", first: true, predicate: ["closeTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"custom-notification\"></div>\n <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n <div\n class=\"custom-notification-icon\"\n [class]=\"\n data.type === 'warn'\n ? 'custom-warn-background'\n : data.type === 'error'\n ? 'custom-error-background'\n : ''\n \"\n >\n <img\n [hidden]=\"data.type !== 'success'\"\n src=\"assets/img/icon/success-tip.svg\"\n />\n <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n </div>\n <div class=\"custom-notification-container\">\n <div class=\"custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"custom-notification-link\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"custom-notification-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"#030712\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{ selector: 'app-rd-notification', template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"custom-notification\"></div>\n <!-- \u5148\u6253\u5370\u770B\u770B\u6570\u636E\u7ED3\u6784 -->\n <div\n class=\"custom-notification-icon\"\n [class]=\"\n data.type === 'warn'\n ? 'custom-warn-background'\n : data.type === 'error'\n ? 'custom-error-background'\n : ''\n \"\n >\n <img\n [hidden]=\"data.type !== 'success'\"\n src=\"assets/img/icon/success-tip.svg\"\n />\n <img [hidden]=\"data.type !== 'warn'\" src=\"assets/img/icon/warm-tip.svg\" />\n <img [hidden]=\"data.type !== 'error'\" src=\"assets/img/icon/error-tip.svg\" />\n </div>\n <div class=\"custom-notification-container\">\n <div class=\"custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"custom-notification-link\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"custom-notification-close\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M3.40039 3.3999L8.00039 7.9999M12.6004 12.5999L8.00039 7.9999M8.00039 7.9999L12.6004 3.3999L3.40039 12.5999\"\n stroke=\"#030712\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".custom-notification-container{padding:12px 40px 12px 12px}.custom-notification-container .custom-notification-title{font-size:12px;font-weight:600}.custom-notification-container .custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px}.custom-notification-container .custom-notification-link{color:#367af6;font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.custom-warn-background{background-color:#fef0c3!important}.custom-error-background{background-color:#fce8eb!important}.custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:#dcfcf0}.custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.custom-notification-close{padding:16px 12px}.custom-notification-close svg{width:16px}\n"] }]
|
|
50
|
+
}], ctorParameters: function () { return [{ type: i1.NzNotificationService }, { type: i2.DomSanitizer }]; }, propDecorators: { notificationTpl: [{
|
|
51
|
+
type: ViewChild,
|
|
52
|
+
args: ['notificationTpl', { static: true }]
|
|
53
|
+
}], closeTpl: [{
|
|
54
|
+
type: ViewChild,
|
|
55
|
+
args: ['closeTpl', { static: true }]
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvcmQtbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRbEUsTUFBTSxjQUFjLEdBQWtDO0lBQ3BELE9BQU8sRUFBRSxTQUFTO0lBQ2xCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDakIsQ0FBQztBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFPbEMsWUFDVSxtQkFBMEMsRUFDMUMsU0FBdUI7UUFEdkIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUF1QjtRQUMxQyxjQUFTLEdBQVQsU0FBUyxDQUFjO0lBQzlCLENBQUM7SUFFSixnQkFBZ0IsQ0FBQyxJQUFXO1FBQzFCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsQ0FDbkQsSUFBSSxDQUFDLGVBQWUsRUFDcEI7WUFDRSxNQUFNLEVBQUUsSUFBSTtZQUNaLFVBQVUsRUFBRSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsR0FBRyxJQUFJO1lBQ3JDLE9BQU8sRUFBRTtnQkFDUCxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLGNBQWMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDbEQsU0FBUyxFQUFFLHlDQUF5QztnQkFDcEQsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsU0FBUyxFQUFFLE1BQU07YUFDbEI7WUFDRCxPQUFPLEVBQUUsNEJBQTRCO1lBQ3JDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMzQixDQUNGLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVk7UUFDbEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxPQUFPLENBQUMsSUFBVztRQUNqQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFO1lBQ2hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQztTQUMvRDtRQUNELElBQUksSUFBSSxFQUFFO1lBQ1IsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs7cUhBNUNVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLGtTQ25CcEMsK2xEQXVEQTs0RkRwQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjt1SUFNdkIsZUFBZTtzQkFEdEIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXRDLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOek5vdGlmaWNhdGlvblJlZixcbiAgTnpOb3RpZmljYXRpb25TZXJ2aWNlLFxufSBmcm9tICduZy16b3Jyby1hbnRkL25vdGlmaWNhdGlvbic7XG5pbXBvcnQgeyBJRGF0YSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmNvbnN0IGJvcmRlckNvbG9yTWFwOiBSZWNvcmQ8SURhdGFbJ3R5cGUnXSwgc3RyaW5nPiA9IHtcbiAgc3VjY2VzczogJyNiYmY3ZTAnLFxuICB3YXJuOiAnI2ZlZjBjMycsXG4gIGVycm9yOiAnI0VGNzQ4NCcsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ25vdGlmaWNhdGlvblRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgbm90aWZpY2F0aW9uVHBsITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAVmlld0NoaWxkKCdjbG9zZVRwbCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHByaXZhdGUgY2xvc2VUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbiE6IE56Tm90aWZpY2F0aW9uUmVmO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG5vdGlmaWNhdGlvblNlcnZpY2U6IE56Tm90aWZpY2F0aW9uU2VydmljZSxcbiAgICBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICkge31cblxuICBzaG93Tm90aWZpY2F0aW9uKGRhdGE6IElEYXRhKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb24gPSB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2UudGVtcGxhdGUoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvblRwbCxcbiAgICAgIHtcbiAgICAgICAgbnpEYXRhOiBkYXRhLFxuICAgICAgICBuekR1cmF0aW9uOiBkYXRhLmR1cmF0aW9uIHx8IDggKiAxMDAwLFxuICAgICAgICBuelN0eWxlOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgICR7Ym9yZGVyQ29sb3JNYXBbZGF0YT8udHlwZV19YCxcbiAgICAgICAgICBib3hTaGFkb3c6ICcwcHggOHB4IDE2cHggMHB4IHJnYmEoMzEsIDQxLCA1NSwgMC4wOCknLFxuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBwYWRkaW5nOiAnMCcsXG4gICAgICAgICAgd2lkdGg6ICczMjBweCcsXG4gICAgICAgICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gICAgICAgIH0sXG4gICAgICAgIG56Q2xhc3M6ICdjdXN0b20td2FsbGV0LW5vdGlmaWNhdGlvbicsXG4gICAgICAgIG56Q2xvc2VJY29uOiB0aGlzLmNsb3NlVHBsLFxuICAgICAgfVxuICAgICk7XG4gIH1cblxuICBnZXREZXNjKGRlc2M6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChkZXNjKTtcbiAgfVxuXG4gIG9uQ2xpY2soZGF0YTogSURhdGEpIHtcbiAgICBpZiAodGhpcy5ub3RpZmljYXRpb24/Lm1lc3NhZ2VJZCkge1xuICAgICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLnJlbW92ZSh0aGlzLm5vdGlmaWNhdGlvbj8ubWVzc2FnZUlkKTtcbiAgICB9XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgIGRhdGE/Lm9uTGlua0NsaWNrKCk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI25vdGlmaWNhdGlvblRwbCBsZXQtZGF0YT1cImRhdGFcIj5cbiAgPGRpdiBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb25cIj48L2Rpdj5cbiAgPCEtLSDlhYjmiZPljbDnnIvnnIvmlbDmja7nu5PmnoQgLS0+XG4gIDxkaXZcbiAgICBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb24taWNvblwiXG4gICAgW2NsYXNzXT1cIlxuICAgICAgZGF0YS50eXBlID09PSAnd2FybidcbiAgICAgICAgPyAnY3VzdG9tLXdhcm4tYmFja2dyb3VuZCdcbiAgICAgICAgOiBkYXRhLnR5cGUgPT09ICdlcnJvcidcbiAgICAgICAgPyAnY3VzdG9tLWVycm9yLWJhY2tncm91bmQnXG4gICAgICAgIDogJydcbiAgICBcIlxuICA+XG4gICAgPGltZ1xuICAgICAgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdzdWNjZXNzJ1wiXG4gICAgICBzcmM9XCJhc3NldHMvaW1nL2ljb24vc3VjY2Vzcy10aXAuc3ZnXCJcbiAgICAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICd3YXJuJ1wiIHNyYz1cImFzc2V0cy9pbWcvaWNvbi93YXJtLXRpcC5zdmdcIiAvPlxuICAgIDxpbWcgW2hpZGRlbl09XCJkYXRhLnR5cGUgIT09ICdlcnJvcidcIiBzcmM9XCJhc3NldHMvaW1nL2ljb24vZXJyb3ItdGlwLnN2Z1wiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi10aXRsZVwiPnt7IGRhdGEudGl0bGUgfX08L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImN1c3RvbS1ub3RpZmljYXRpb24tZGVzY1wiXG4gICAgICBbaW5uZXJIVE1MXT1cImdldERlc2MoZGF0YS5kZXNjKVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiZGF0YS5hY3Rpb25EZXNjXCJcbiAgICAgIGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1saW5rXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEpXCJcbiAgICA+XG4gICAgICB7eyBkYXRhLmFjdGlvbkRlc2MgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nsb3NlVHBsPlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLW5vdGlmaWNhdGlvbi1jbG9zZVwiPlxuICAgIDxzdmdcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgd2lkdGg9XCIxNlwiXG4gICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMuNDAwMzkgMy4zOTk5TDguMDAwMzkgNy45OTk5TTEyLjYwMDQgMTIuNTk5OUw4LjAwMDM5IDcuOTk5OU04LjAwMDM5IDcuOTk5OUwxMi42MDA0IDMuMzk5OUwzLjQwMDM5IDEyLjU5OTlcIlxuICAgICAgICBzdHJva2U9XCIjMDMwNzEyXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS4zNlwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { RdNotificationComponent } from './notification.component';
|
|
4
|
+
import { RouterModule } from '@angular/router';
|
|
5
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class RdNotificationModule {
|
|
8
|
+
}
|
|
9
|
+
RdNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
RdNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, declarations: [RdNotificationComponent], imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
|
|
11
|
+
RdNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [RdNotificationComponent],
|
|
16
|
+
imports: [CommonModule, RouterModule, FormsModule, ReactiveFormsModule],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3JkLW5vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBTWxFLE1BQU0sT0FBTyxvQkFBb0I7O2tIQUFwQixvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFIaEIsdUJBQXVCLGFBQzVCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjttSEFFM0Qsb0JBQW9CLFlBRnJCLFlBQVksRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjs0RkFFM0Qsb0JBQW9CO2tCQUpoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUN2QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztpQkFDeEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJkTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUmROb3RpZmljYXRpb25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgUmROb3RpZmljYXRpb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { createComponent, } from '@angular/core';
|
|
3
|
+
import { RdNotificationComponent } from './notification.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class NotificationService {
|
|
6
|
+
constructor(applicationRef, injector) {
|
|
7
|
+
this.applicationRef = applicationRef;
|
|
8
|
+
this.injector = injector;
|
|
9
|
+
this.createNotificationComponent();
|
|
10
|
+
}
|
|
11
|
+
createNotificationComponent() {
|
|
12
|
+
// 创建组件
|
|
13
|
+
this.notificationComponent = createComponent(RdNotificationComponent, {
|
|
14
|
+
environmentInjector: this.applicationRef.injector,
|
|
15
|
+
elementInjector: this.injector,
|
|
16
|
+
});
|
|
17
|
+
// 添加到 DOM
|
|
18
|
+
const domElem = this.notificationComponent.hostView.rootNodes[0];
|
|
19
|
+
document.body.appendChild(domElem);
|
|
20
|
+
// 添加到 ApplicationRef
|
|
21
|
+
this.applicationRef.attachView(this.notificationComponent.hostView);
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* 显示通知
|
|
25
|
+
*/
|
|
26
|
+
show(data) {
|
|
27
|
+
this.notificationComponent?.instance.showNotification(data);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
31
|
+
NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NotificationService, decorators: [{
|
|
33
|
+
type: Injectable,
|
|
34
|
+
args: [{
|
|
35
|
+
providedIn: 'root',
|
|
36
|
+
}]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }]; } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBRUwsZUFBZSxHQUloQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFjbkUsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUNVLGNBQThCLEVBQzlCLFFBQWtCO1FBRGxCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRTFCLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFTywyQkFBMkI7UUFDakMsT0FBTztRQUNQLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxlQUFlLENBQUMsdUJBQXVCLEVBQUU7WUFDcEUsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRO1lBQ2pELGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUMvQixDQUFDLENBQUM7UUFFSCxVQUFVO1FBQ1YsTUFBTSxPQUFPLEdBQ1gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQzVCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2YsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFbkMscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLENBQUMsSUFBVztRQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7aUhBaENVLG1CQUFtQjtxSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07NEZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENvbXBvbmVudFJlZixcbiAgY3JlYXRlQ29tcG9uZW50LFxuICBBcHBsaWNhdGlvblJlZixcbiAgSW5qZWN0b3IsXG4gIEVtYmVkZGVkVmlld1JlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZE5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSURhdGEge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjOiBzdHJpbmc7XG4gIGFjdGlvbkRlc2M/OiBzdHJpbmc7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICB0eXBlOiAnc3VjY2VzcycgfCAnd2FybicgfCAnZXJyb3InO1xuICBvbkxpbmtDbGljazogKCkgPT4gdm9pZDtcbn1cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvblNlcnZpY2Uge1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbkNvbXBvbmVudD86IENvbXBvbmVudFJlZjxSZE5vdGlmaWNhdGlvbkNvbXBvbmVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3JcbiAgKSB7XG4gICAgdGhpcy5jcmVhdGVOb3RpZmljYXRpb25Db21wb25lbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlTm90aWZpY2F0aW9uQ29tcG9uZW50KCkge1xuICAgIC8vIOWIm+W7uue7hOS7tlxuICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50ID0gY3JlYXRlQ29tcG9uZW50KFJkTm90aWZpY2F0aW9uQ29tcG9uZW50LCB7XG4gICAgICBlbnZpcm9ubWVudEluamVjdG9yOiB0aGlzLmFwcGxpY2F0aW9uUmVmLmluamVjdG9yLFxuICAgICAgZWxlbWVudEluamVjdG9yOiB0aGlzLmluamVjdG9yLFxuICAgIH0pO1xuXG4gICAgLy8g5re75Yqg5YiwIERPTVxuICAgIGNvbnN0IGRvbUVsZW0gPSAoXG4gICAgICB0aGlzLm5vdGlmaWNhdGlvbkNvbXBvbmVudC5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8YW55PlxuICAgICkucm9vdE5vZGVzWzBdO1xuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZG9tRWxlbSk7XG5cbiAgICAvLyDmt7vliqDliLAgQXBwbGljYXRpb25SZWZcbiAgICB0aGlzLmFwcGxpY2F0aW9uUmVmLmF0dGFjaFZpZXcodGhpcy5ub3RpZmljYXRpb25Db21wb25lbnQuaG9zdFZpZXcpO1xuICB9XG5cbiAgLyoqXG4gICAqIOaYvuekuumAmuefpVxuICAgKi9cbiAgc2hvdyhkYXRhOiBJRGF0YSkge1xuICAgIHRoaXMubm90aWZpY2F0aW9uQ29tcG9uZW50Py5pbnN0YW5jZS5zaG93Tm90aWZpY2F0aW9uKGRhdGEpO1xuICB9XG59XG4iXX0=
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -11,8 +11,10 @@ export * from './lib/modules/custom-select';
|
|
|
11
11
|
export * from './lib/modules/custom-filter';
|
|
12
12
|
export * from './lib/modules/custom-pagination';
|
|
13
13
|
export * from './lib/modules/status-field';
|
|
14
|
+
export * from './lib/modules/header-step';
|
|
15
|
+
export * from './lib/modules/rd-notification';
|
|
14
16
|
export * from './lib/pipes';
|
|
15
17
|
export * from './lib/decorators';
|
|
16
18
|
// utils
|
|
17
19
|
export * from './lib/utils/debounce';
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUU5QyxjQUFjLGFBQWEsQ0FBQztBQUU1QixjQUFjLGtCQUFrQixDQUFDO0FBRWpDLFFBQVE7QUFDUixjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzaGFyZWQtbGliXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tZGF0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS10ZXh0YXJlYSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1pbnB1dC1hbW91bnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tcmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWZpbHRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1wYWdpbmF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc3RhdHVzLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9yZC1ub3RpZmljYXRpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2RlY29yYXRvcnMnO1xuXG4vLyB1dGlsc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvZGVib3VuY2UnO1xuIl19
|