rd-outer-component 0.1.21 → 0.1.23
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-filter/custom-filter-date/custom-filter-date.component.mjs +2 -2
- package/esm2020/lib/modules/custom-select/industry-cascader/industry-cascader.component.mjs +2 -2
- package/esm2020/lib/modules/rd-common-box/index.mjs +3 -0
- package/esm2020/lib/modules/rd-common-box/rd-common-box.component.mjs +22 -0
- package/esm2020/lib/modules/rd-common-box/rd-common-box.module.mjs +18 -0
- package/esm2020/lib/modules/rd-notification/index.mjs +2 -2
- package/esm2020/lib/modules/rd-notification/notification.component.mjs +14 -19
- package/esm2020/lib/modules/rd-notification/notification.module.mjs +4 -5
- package/esm2020/lib/modules/rd-notification/notification.service.mjs +3 -13
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/rd-outer-component.mjs +54 -35
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +54 -36
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/rd-common-box/index.d.ts +2 -0
- package/lib/modules/rd-common-box/rd-common-box.component.d.ts +8 -0
- package/lib/modules/rd-common-box/rd-common-box.module.d.ts +8 -0
- package/lib/modules/rd-notification/index.d.ts +1 -1
- package/lib/modules/rd-notification/notification.component.d.ts +5 -7
- package/lib/modules/rd-notification/notification.service.d.ts +6 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, forwardRef, Component, Input, HostBinding, Output, NgModule, ViewChild, ChangeDetectionStrategy, HostListener, createComponent, Injectable, Optional, SkipSelf, Pipe } from '@angular/core';
|
|
2
|
+
import { EventEmitter, forwardRef, Component, Input, HostBinding, Output, NgModule, ViewChild, ChangeDetectionStrategy, HostListener, ViewEncapsulation, createComponent, Injectable, Optional, SkipSelf, Pipe } from '@angular/core';
|
|
3
3
|
import * as i3 from '@angular/forms';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, NG_VALIDATORS, FormControl, Validators } from '@angular/forms';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
@@ -45,7 +45,6 @@ import * as i5$1 from 'ng-zorro-antd/grid';
|
|
|
45
45
|
import { NzGridModule } from 'ng-zorro-antd/grid';
|
|
46
46
|
import * as i1$2 from 'ng-zorro-antd/notification';
|
|
47
47
|
import { NzNotificationModule } from 'ng-zorro-antd/notification';
|
|
48
|
-
import * as i2$2 from '@angular/platform-browser';
|
|
49
48
|
import { Subject, isObservable, of } from 'rxjs';
|
|
50
49
|
import lottie from 'lottie-web';
|
|
51
50
|
import * as i4$6 from 'ng-zorro-antd/switch';
|
|
@@ -2432,7 +2431,7 @@ IndustryCascaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
2432
2431
|
useExisting: forwardRef(() => IndustryCascaderComponent),
|
|
2433
2432
|
multi: true,
|
|
2434
2433
|
},
|
|
2435
|
-
], viewQueries: [{ propertyName: "cascaderContainer", first: true, predicate: ["cascaderContainer"], descendants: true }, { propertyName: "valueText", first: true, predicate: ["valueText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\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=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\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=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;height:52px;border:none;border-radius:initial}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-website);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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$4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }, { kind: "component", type: i9$1.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
2434
|
+
], viewQueries: [{ propertyName: "cascaderContainer", first: true, predicate: ["cascaderContainer"], descendants: true }, { propertyName: "valueText", first: true, predicate: ["valueText"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\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=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\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=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;min-height:62px;border:none;border-radius:12px}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-panel);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .ant-cascader-dropdown .ant-select-arrow{display:none}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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$4.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i7.NzDrawerComponent, selector: "nz-drawer", inputs: ["nzContent", "nzCloseIcon", "nzClosable", "nzMaskClosable", "nzMask", "nzCloseOnNavigation", "nzNoAnimation", "nzKeyboard", "nzTitle", "nzExtra", "nzFooter", "nzPlacement", "nzSize", "nzMaskStyle", "nzBodyStyle", "nzWrapClassName", "nzWidth", "nzHeight", "nzZIndex", "nzOffsetX", "nzOffsetY", "nzVisible"], outputs: ["nzOnViewInit", "nzOnClose", "nzVisibleChange"], exportAs: ["nzDrawer"] }, { kind: "directive", type: i7.NzDrawerContentDirective, selector: "[nzDrawerContent]", exportAs: ["nzDrawerContent"] }, { kind: "directive", type: i4$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "directive", type: i3$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: FormItemComponent, selector: "app-rd-form-item", inputs: ["errorMessage", "disabled", "label", "type", "focus", "value", "size", "theme"] }, { kind: "component", type: i9$1.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
2436
2435
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndustryCascaderComponent, decorators: [{
|
|
2437
2436
|
type: Component,
|
|
2438
2437
|
args: [{ selector: 'app-industry-cascader', providers: [
|
|
@@ -2446,7 +2445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2446
2445
|
useExisting: forwardRef(() => IndustryCascaderComponent),
|
|
2447
2446
|
multi: true,
|
|
2448
2447
|
},
|
|
2449
|
-
], template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\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=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\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=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;height:52px;border:none;border-radius:initial}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-website);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\n"] }]
|
|
2448
|
+
], template: "<app-rd-form-item\n [type]=\"'select'\"\n [label]=\"label\"\n [disabled]=\"disabled\"\n [focus]=\"!!searchInput || isFocus || isOpen\"\n [value]=\"value && value?.length\"\n [errorMessage]=\"showError ? currentErrorMessage : ''\"\n [theme]=\"theme\"\n (click)=\"openDrawer()\"\n [ngClass]=\"{\n 'rd-cascader-overflow-container': isTextOverflow,\n 'rd-cascader-overflow-container-th': overflowLineCount >= 3,\n }\"\n>\n <div #cascaderContainer class=\"cascader-container\">\n <nz-cascader\n [nzOptions]=\"options\"\n [(ngModel)]=\"value\"\n [nzDisabled]=\"disabled\"\n [nzShowSearch]=\"{ filter: cascaderSearchFn }\"\n [nzAllowClear]=\"false\"\n nzExpandTrigger=\"click\"\n (ngModelChange)=\"handleValueChange($event)\"\n [nzLabelRender]=\"renderTpl\"\n [nzOptionRender]=\"optionTpl\"\n [nzExpandIcon]=\"customExpandIcon\"\n (nzVisibleChange)=\"onVisibleChange($event)\"\n nzColumnClassName=\"rd-cascader-colum\"\n class=\"rd-cascader\"\n [ngClass]=\"{\n 'rd-cascader-disabled-open': isMobile,\n 'rd-cascader-is-text-overflow': isTextOverflow,\n }\"\n >\n </nz-cascader>\n </div>\n</app-rd-form-item>\n\n<nz-drawer\n [nzVisible]=\"drawerOpen && isMobile\"\n [nzPlacement]=\"'bottom'\"\n [nzHeight]=\"'70vh'\"\n [nzTitle]=\"''\"\n [nzClosable]=\"false\"\n [nzWrapClassName]=\"drawerWrapClassName\"\n (nzOnClose)=\"closeDrawer()\"\n>\n <div *nzDrawerContent>\n <div class=\"cascader-drawer-header\">\n <div class=\"header-title\">\n {{ \"select_nature_of_business\" | translate }}\n <div class=\"close-btn\" *ngIf=\"view === 'root'\" (click)=\"closeDrawer()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\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=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n </div>\n\n <nz-input-group\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n *ngIf=\"view === 'root'\"\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <nz-input-group\n *ngIf=\"view === 'children'\"\n class=\"cascader-drawer-search\"\n [nzPrefix]=\"prefixIconSearch\"\n nzClearable\n >\n <input\n nz-input\n [placeholder]=\"'search' | translate\"\n [(ngModel)]=\"searchChildrenTerm\"\n (ngModelChange)=\"doMobileSearch($event)\"\n />\n </nz-input-group>\n\n <div class=\"cascader-drawer-sub-header\" *ngIf=\"view === 'children'\">\n <div class=\"back-btn\" (click)=\"goBackMobile()\">\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.3422 2.18437C11.5626 2.4194 11.5507 2.78856 11.3156 3.0089L6.43623 7.58334L11.3156 12.1578C11.5507 12.3781 11.5626 12.7473 11.3422 12.9823C11.1219 13.2173 10.7527 13.2292 10.5177 13.0089L5.18437 8.0089C5.06674 7.89862 5 7.74457 5 7.58334C5 7.4221 5.06674 7.26805 5.18437 7.15777L10.5177 2.15777C10.7527 1.93743 11.1219 1.94934 11.3422 2.18437Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </div>\n <div class=\"children-title\">{{ activeParent?.label }}</div>\n </div>\n </div>\n\n <div *ngIf=\"view === 'root'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredOptions?.length\">\n <div\n *ngFor=\"let opt of filteredOptions\"\n (click)=\"openChildrenMobile(opt)\"\n class=\"cascader-drawer-option cascader-drawer-root-option\"\n [ngClass]=\"{\n 'cascader-drawer-option-active': opt.value === value?.[0],\n }\"\n >\n {{ opt.label }}\n <ng-container *ngTemplateOutlet=\"customExpandIcon\"></ng-container>\n </div>\n </ng-container>\n </div>\n\n <div *ngIf=\"view === 'children'\" class=\"cascader-drawer-list\">\n <ng-container *ngIf=\"filteredChildren?.length\">\n <div\n *ngFor=\"let child of filteredChildren\"\n (click)=\"selectLeafMobile(child)\"\n class=\"cascader-drawer-option cascader-drawer-children-option\"\n >\n <label\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"child.value === value?.[1]\"\n ></label>\n {{ child.label }}\n </div>\n </ng-container>\n </div>\n </div>\n</nz-drawer>\n\n<ng-template\n #renderTpl\n let-labels=\"labels\"\n let-selectedOptions=\"selectedOptions\"\n>\n <ng-container *ngFor=\"let label of labels; let last = last\">\n <ng-container *ngIf=\"last\">\n <span #valueText class=\"cascader-value-text\" [title]=\"label\">\n {{ label }}\n </span></ng-container\n >\n </ng-container>\n</ng-template>\n\n<ng-template #optionTpl let-option>\n <div class=\"rd-cascader-menu-option\">\n <label\n *ngIf=\"option.isLeaf\"\n class=\"cascader-option-radio\"\n nz-radio\n [ngModel]=\"option.value === value?.[1]\"\n ></label\n >{{ option.label }}\n </div>\n</ng-template>\n\n<ng-template #customExpandIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.90777 2.60234C5.12811 2.36731 5.49727 2.3554 5.7323 2.57574L11.0656 7.57574C11.1833 7.68602 11.25 7.84007 11.25 8.0013C11.25 8.16254 11.1833 8.31659 11.0656 8.42687L5.7323 13.4269C5.49727 13.6472 5.12811 13.6353 4.90777 13.4003C4.68743 13.1652 4.69934 12.7961 4.93437 12.5757L9.81377 8.0013L4.93437 3.42687C4.69934 3.20652 4.68743 2.83737 4.90777 2.60234Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n\n<ng-template #prefixIconSearch>\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=\"M14.4951 13.6948L11.3962 10.5959C12.3175 9.46902 12.7704 8.03122 12.6613 6.57983C12.5522 5.12844 11.8894 3.77451 10.81 2.79807C9.73066 1.82164 8.3173 1.29741 6.86227 1.33381C5.40723 1.37021 4.02185 1.96445 2.99266 2.99364C1.96348 4.02282 1.36923 5.4082 1.33283 6.86323C1.29643 8.31826 1.82066 9.73162 2.7971 10.811C3.77354 11.8903 5.12747 12.5531 6.57887 12.6622C8.03026 12.7713 9.46807 12.3184 10.5949 11.3972L13.6938 14.5032C13.8027 14.6073 13.9474 14.6656 14.098 14.6663C14.2105 14.6661 14.3204 14.6325 14.4138 14.5697C14.5071 14.5069 14.5796 14.4178 14.6222 14.3136C14.6648 14.2095 14.6754 14.0951 14.6528 13.9849C14.6302 13.8747 14.5753 13.7737 14.4951 13.6948ZM7.00667 11.5461C6.10905 11.5461 5.23158 11.2799 4.48523 10.7812C3.73889 10.2825 3.15718 9.57372 2.81367 8.74443C2.47017 7.91513 2.38029 7.0026 2.55541 6.12223C2.73053 5.24185 3.16277 4.43317 3.79749 3.79846C4.43221 3.16375 5.24088 2.7315 6.12126 2.55638C7.00164 2.38127 7.91417 2.47114 8.74347 2.81465C9.57277 3.15815 10.2816 3.73986 10.7803 4.4862C11.279 5.23255 11.5451 6.11001 11.5451 7.00763C11.5433 8.21073 11.0645 9.36402 10.2138 10.2147C9.36306 11.0655 8.20977 11.5442 7.00667 11.5461Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n</ng-template>\n", styles: [":host{display:block;width:100%}:host ::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{transition:none!important}:host ::ng-deep .rd-cascader{width:100%;height:62px}:host ::ng-deep .rd-cascader .ant-select-selector{background-color:var(--rd-input-bg-default);max-width:100%!important;overflow:hidden!important}:host ::ng-deep .rd-cascader.rd-cascader-disabled-open{pointer-events:none}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:14px 16px;min-height:62px;border:none;border-radius:12px}:host ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{padding:10px 5px 2px;color:var(--rd-copy-primary);font-size:14px;width:100%;font-weight:500;height:100%}:host ::ng-deep .rd-cascader.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}:host ::ng-deep .rd-cascader .ant-select-selection-placeholder{display:none}:host ::ng-deep .rd-cascader .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item:after{display:none}:host ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;width:calc(100% - 20px)!important}:host ::ng-deep .rd-cascader.ant-select .ant-select-selection-item{color:var(--rd-copy-primary);font-weight:500;font-size:14px;line-height:normal}:host ::ng-deep .rd-cascader .cascader-value-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;vertical-align:middle}:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):hover .ant-select-selector,:host ::ng-deep .rd-cascader.ant-select:not(.ant-select-disabled):focus .ant-select-selector{box-shadow:none;outline:none;border:none}:host ::ng-deep .rd-cascader-is-text-overflow .ant-select-selector{height:auto!important}:host ::ng-deep .rd-cascader-overflow-container .rd-form-item{min-height:85px!important}:host ::ng-deep .rd-cascader-overflow-container-th .rd-form-item{min-height:110px!important}:host(.theme-light) ::ng-deep .rd-cascader{height:auto;min-height:62px}:host(.theme-light) ::ng-deep .rd-cascader .ant-select-arrow{display:none}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:auto;min-height:52px;padding-right:40px}:host(.theme-light) ::ng-deep .rd-cascader.ant-select-single .ant-select-selector .ant-select-selection-item{width:100%!important;white-space:normal!important}::ng-deep .ant-cascader-dropdown{background-color:var(--rd-bg-panel);border-radius:4px;border:1px solid var(--rd-input-fg-default)}::ng-deep .ant-cascader-dropdown .ant-select-arrow{display:none}::ng-deep .rd-cascader-colum{border-right:none;height:268px!important}::ng-deep .rd-cascader-colum .ant-cascader-menu-item{padding:4px 16px;color:var(--rd-copy-primary)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover{background-color:transparent;font-weight:400}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option{background-color:#2a7bff4d}::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item-active .rd-cascader-menu-option .ant-radio-inner,::ng-deep .rd-cascader-colum .ant-cascader-menu-item.ant-cascader-menu-item:hover .rd-cascader-menu-option .ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .rd-cascader-colum .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon{width:16px;height:16px}::ng-deep .rd-cascader-colum .rd-cascader-menu-option{min-height:44px;padding:8px;border-radius:4px;width:100%;line-height:28px;max-width:400px;word-break:normal;white-space:break-spaces;display:flex;align-items:flex-start}::ng-deep .rd-cascader-colum .rd-cascader-menu-option .cascader-option-radio{padding-top:3px}::ng-deep .rd-cascader-colum+.rd-cascader-colum{border-left:1px solid var(--rd-input-fg-default)}::ng-deep .cascader-drawer{background-color:var(--rd-bg-website)}::ng-deep .cascader-drawer .cascader-drawer-header{padding:24px 8px 0;position:sticky;top:0;background-color:var(--rd-bg-website);z-index:1111}::ng-deep .cascader-drawer .cascader-drawer-header .header-title{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:24px;justify-content:space-between}::ng-deep .cascader-drawer .cascader-drawer-sub-header{display:flex;align-items:center;margin-top:16px;gap:16px;font-size:14px;font-weight:500}::ng-deep .cascader-drawer .close-btn{width:24px;height:24px;cursor:pointer}::ng-deep .cascader-drawer .close-btn svg{width:24px}::ng-deep .cascader-drawer .back-btn{width:16px;height:16px;cursor:pointer}::ng-deep .cascader-drawer .ant-drawer-body{padding:0 16px 24px}::ng-deep .cascader-drawer .ant-drawer-content{background-color:transparent;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search{border-radius:4px;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);height:44px;padding:0 16px;margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-search::placeholder{color:var(--rd-copy-disable)}::ng-deep .cascader-drawer .cascader-drawer-search .ant-input{background:var(--rd-input-bg-default);color:var(--rd-copy-primary)}::ng-deep .cascader-drawer .cascader-drawer-search.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--rd-input-fg-hover)}::ng-deep .cascader-drawer .cascader-drawer-list{margin-top:16px}::ng-deep .cascader-drawer .cascader-drawer-option{padding:8px;min-height:44px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:28px;line-height:1.5}::ng-deep .cascader-drawer .cascader-drawer-option svg{margin-left:auto;flex-shrink:0}::ng-deep .cascader-drawer .cascader-drawer-option-active{border-radius:4px;background:rgba(42,123,255,.3)}::ng-deep .cascader-drawer .cascader-drawer-option.cascader-drawer-root-option{align-items:center}::ng-deep .cascader-drawer.theme-light{background-color:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-header{background-color:#fff}::ng-deep .cascader-drawer.theme-light .ant-drawer-content{color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search{border-color:#dfe3ea;background:#fff}::ng-deep .cascader-drawer.theme-light .cascader-drawer-search .ant-input{background:#fff;color:var(--rd-copy-primary)}::ng-deep .cascader-drawer.theme-light .cascader-drawer-option-active{background:var(--rd-btn-solid-secondary-bg-default)}::ng-deep .cascader-drawer.theme-light .cascader-option-radio .ant-radio-inner{border-color:#cfd5df;background:#fff}::ng-deep .cascader-drawer.theme-light svg path{fill:var(--rd-copy-primary)}::ng-deep .cascader-option-radio{pointer-events:none}::ng-deep .cascader-option-radio .ant-radio-inner{border-radius:16px;border:1px solid var(--rd-control-border-empty);background:var(--rd-control-input-empty)}::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{box-shadow:none}::ng-deep .cascader-option-radio .ant-radio-wrapper:hover .ant-radio,::ng-deep .cascader-option-radio .ant-radio:hover .ant-radio-inner,::ng-deep .cascader-option-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--rd-copy-brand)}::ng-deep .cascader-data-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--rd-copy-primary)}\n"] }]
|
|
2450
2449
|
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { cascaderContainer: [{
|
|
2451
2450
|
type: ViewChild,
|
|
2452
2451
|
args: ['cascaderContainer']
|
|
@@ -2793,10 +2792,10 @@ class RdFilterDateComponent {
|
|
|
2793
2792
|
}
|
|
2794
2793
|
}
|
|
2795
2794
|
RdFilterDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2796
|
-
RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item", theme: "theme" }, outputs: { handleChangeValue: "handleChangeValue" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { 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"] }] });
|
|
2795
|
+
RdFilterDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterDateComponent, selector: "app-rd-filter-date", inputs: { item: "item", theme: "theme" }, outputs: { handleChangeValue: "handleChangeValue" }, host: { properties: { "class.theme-light": "this.hostThemeLight", "class.theme-dark": "this.hostThemeDark" } }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i4.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { 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"] }] });
|
|
2797
2796
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterDateComponent, decorators: [{
|
|
2798
2797
|
type: Component,
|
|
2799
|
-
args: [{ selector: 'app-rd-filter-date', template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n"] }]
|
|
2798
|
+
args: [{ selector: 'app-rd-filter-date', template: "<div\n class=\"rd-date-picker-container\"\n [ngClass]=\"{ 'rd-date-picker-focus': isPickerOpen }\"\n *ngIf=\"item\"\n>\n <nz-range-picker\n [(ngModel)]=\"inputValue\"\n (ngModelChange)=\"onDateChange($event)\"\n (nzOnOpenChange)=\"onOpenChange($event)\"\n [nzFormat]=\"'yyyy-MM-dd'\"\n [nzShowTime]=\"false\"\n [nzAllowClear]=\"false\"\n [nzPlaceHolder]=\"['From', 'To']\"\n class=\"rd-range-picker\"\n [nzDisabledDate]=\"disabledDate\"\n [nzSuffixIcon]=\"customIcon\"\n [nzDropdownClassName]=\"popupClassName\"\n [nzSeparator]=\"'-'\"\n nzSuffixIcon=\"\"\n #datePicker\n [ngClass]=\"{ 'rd-hidden-range-picker': !item.value?.length }\"\n ></nz-range-picker>\n\n <div\n *ngIf=\"!item?.value?.length\"\n class=\"rd-placeholder-box\"\n [ngClass]=\"{ 'rd-placeholder-box-focus': isPickerOpen }\"\n (click)=\"openPicker()\"\n >\n {{ item.title }}\n <ng-container *ngTemplateOutlet=\"customIcon\"></ng-container>\n </div>\n\n <ng-template #customIcon>\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 fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.60136 4.90777C2.83639 4.68743 3.20555 4.69934 3.42589 4.93437L8.00033 9.81377L12.5748 4.93437C12.7951 4.69934 13.1643 4.68743 13.3993 4.90777C13.6343 5.12812 13.6462 5.49727 13.4259 5.7323L8.42589 11.0656C8.31561 11.1833 8.16157 11.25 8.00033 11.25C7.83909 11.25 7.68504 11.1833 7.57476 11.0656L2.57476 5.7323C2.35442 5.49727 2.36633 5.12811 2.60136 4.90777Z\"\n fill=\"var(--rd-copy-primary)\"\n />\n </svg>\n </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.rd-date-picker-container{position:relative}.rd-range-picker{width:auto;border:1px solid var(--rd-input-fg-default);background:var(--rd-input-bg-default);border-radius:4px}.rd-hidden-range-picker{position:absolute;top:0;left:0;width:100%;height:100%}.rd-placeholder-box{height:32px;padding:0 12px;color:var(--rd-copy-secondary);background:var(--rd-input-bg-default);border:1px solid var(--rd-input-fg-default);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;white-space:nowrap;position:relative;top:0;transition:ease-in-out .2s all;font-weight:500}.rd-placeholder-box svg{transition:transform .2s ease;cursor:pointer}.rd-placeholder-box-focus{border-color:var(--rd-input-fg-hover)}.rd-placeholder-box-focus ::ng-deep svg{transform:rotate(-180deg)}.rd-placeholder-box:hover{border-color:var(--rd-input-fg-hover)}.rd-hidden-range-picker{opacity:0;width:132px}::ng-deep .rd-range-picker .ant-picker-suffix{color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-suffix svg{transition:transform .2s ease;cursor:pointer;pointer-events:initial}::ng-deep .rd-range-picker.ant-picker:hover,::ng-deep .rd-range-picker.ant-picker-focused{box-shadow:none;border-color:var(--rd-input-fg-hover)}::ng-deep .rd-range-picker .ant-picker-active-bar{display:none}::ng-deep .rd-range-picker .ant-picker-input input{field-sizing:content;font-weight:500;color:var(--rd-copy-primary)}::ng-deep .rd-range-picker .ant-picker-separator{width:-moz-fit-content;width:fit-content;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-focus .ant-picker-suffix svg{pointer-events:none;transform:rotate(-180deg)}::ng-deep .rd-date-picker-popup.ant-picker-dropdown-range{padding:0}::ng-deep .rd-date-picker-popup .ant-picker-range-arrow{display:none}::ng-deep .rd-date-picker-popup .ant-picker-panel-container{border-radius:4px;background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-panel{border:1px solid var(--rd-bg-panel-border);background-color:var(--rd-bg-panel)}::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-next-btn,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon,::ng-deep .rd-date-picker-popup .ant-picker-header-prev-btn{color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:before,::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{border:0 solid var(--rd-copy-primary);border-width:1.5px 0 0 1.5px}::ng-deep .rd-date-picker-popup .ant-picker-super-prev-icon:after,::ng-deep .rd-date-picker-popup .ant-picker-super-next-icon:after{top:2px;left:2px}::ng-deep .rd-date-picker-popup .ant-picker-header-view button{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header{border-bottom:none;color:var(--rd-copy-primary)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header-view{display:flex;flex-direction:row-reverse;justify-content:center;gap:8px}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-month-btn{order:2}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-header .ant-picker-header-year-btn{order:1}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-panel+.ant-picker-panel .ant-picker-body{border-left:1px solid var(--rd-bg-panel-border)}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell{color:var(--rd-copy-disable);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body .ant-picker-cell-in-view{color:var(--rd-copy-primary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-panel-container .ant-picker-body th{color:var(--rd-copy-secondary);font-weight:500}::ng-deep .rd-date-picker-popup .ant-picker-cell:not(.ant-picker-cell-in-view) .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view .ant-picker-cell-inner{color:var(--rd-copy-primary)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--rd-input-bg-dropdown-hover);border:1px solid var(--rd-control-border-hover)}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled .ant-picker-cell-inner{color:var(--rd-copy-disable)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-disabled:before{background-color:var(--rd-input-bg-disable)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range:before{background-color:var(--rd-toast-accent-info)}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{border-radius:4px!important;background-color:var(--rd-control-input-selected);color:var(--rd-btn-solid-primary-fg-default)!important}::ng-deep .rd-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-radius:4px!important}\n"] }]
|
|
2800
2799
|
}], propDecorators: { item: [{
|
|
2801
2800
|
type: Input
|
|
2802
2801
|
}], datePicker: [{
|
|
@@ -3092,16 +3091,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3092
3091
|
}]
|
|
3093
3092
|
}] });
|
|
3094
3093
|
|
|
3095
|
-
// notification.component.ts
|
|
3096
3094
|
const borderColorMap = {
|
|
3097
|
-
success: 'var(--rd-
|
|
3098
|
-
warn: 'var(--rd-
|
|
3095
|
+
success: 'var(--rd-toast-fg-success)',
|
|
3096
|
+
warn: 'var(--rd-toast-fg-warning)',
|
|
3099
3097
|
error: 'var(--rd-toast-fg-danger)',
|
|
3100
3098
|
};
|
|
3101
3099
|
class RdNotificationComponent {
|
|
3102
|
-
constructor(notificationService
|
|
3100
|
+
constructor(notificationService) {
|
|
3103
3101
|
this.notificationService = notificationService;
|
|
3104
|
-
this.sanitizer = sanitizer;
|
|
3105
3102
|
this.notifications = new Map();
|
|
3106
3103
|
}
|
|
3107
3104
|
showNotification(data) {
|
|
@@ -3111,7 +3108,7 @@ class RdNotificationComponent {
|
|
|
3111
3108
|
nzDuration: data.duration || 8 * 1000,
|
|
3112
3109
|
nzStyle: {
|
|
3113
3110
|
borderRadius: '4px',
|
|
3114
|
-
border: `1px solid
|
|
3111
|
+
border: `1px solid ${borderColorMap[data === null || data === void 0 ? void 0 : data.type] || 'var(--rd-bg-panel-border)'}`,
|
|
3115
3112
|
boxShadow: '0px 8px 16px 0px rgba(31, 41, 55, 0.08)',
|
|
3116
3113
|
display: 'flex',
|
|
3117
3114
|
padding: '0',
|
|
@@ -3120,16 +3117,15 @@ class RdNotificationComponent {
|
|
|
3120
3117
|
},
|
|
3121
3118
|
nzClass: 'custom-wallet-notification',
|
|
3122
3119
|
nzCloseIcon: this.closeTpl,
|
|
3123
|
-
nzKey: notificationId,
|
|
3120
|
+
nzKey: notificationId,
|
|
3124
3121
|
});
|
|
3125
3122
|
this.notifications.set(notificationId, notification);
|
|
3126
|
-
// 自动清理
|
|
3127
3123
|
setTimeout(() => {
|
|
3128
3124
|
this.notifications.delete(notificationId);
|
|
3129
3125
|
}, data.duration || 8000);
|
|
3130
3126
|
}
|
|
3131
3127
|
getDesc(desc) {
|
|
3132
|
-
return
|
|
3128
|
+
return desc;
|
|
3133
3129
|
}
|
|
3134
3130
|
onClick(data) {
|
|
3135
3131
|
if (data.onLinkClick) {
|
|
@@ -3142,19 +3138,18 @@ class RdNotificationComponent {
|
|
|
3142
3138
|
.substr(2, 9)}`;
|
|
3143
3139
|
}
|
|
3144
3140
|
ngOnDestroy() {
|
|
3145
|
-
|
|
3146
|
-
this.notifications.forEach((notification, id) => {
|
|
3141
|
+
this.notifications.forEach((_notification, id) => {
|
|
3147
3142
|
this.notificationService.remove(id);
|
|
3148
3143
|
});
|
|
3149
3144
|
this.notifications.clear();
|
|
3150
3145
|
}
|
|
3151
3146
|
}
|
|
3152
|
-
RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$2.NzNotificationService }
|
|
3153
|
-
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=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class]=\"
|
|
3147
|
+
RdNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, deps: [{ token: i1$2.NzNotificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3148
|
+
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=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class.rd-custom-warn-background]=\"data.type === 'warn'\"\n [class.rd-custom-error-background]=\"data.type === 'error'\"\n >\n <svg\n *ngIf=\"data.type === 'success'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39698 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39698 18.3332 9.99935 18.3332Z\"\n fill=\"var(--rd-copy-success)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.8434 6.3216C14.264 6.6033 14.3767 7.17266 14.095 7.59331L10.1887 13.4266C10.034 13.6576 9.78287 13.8059 9.50591 13.8299C9.22895 13.8538 8.9561 13.7507 8.76411 13.5497L6.00375 10.6593C5.6541 10.2932 5.66745 9.71294 6.03357 9.36329C6.39969 9.01364 6.97994 9.02699 7.32959 9.39311L9.30099 11.4574L12.5717 6.57322C12.8534 6.15256 13.4227 6.03991 13.8434 6.3216Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'warn'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z\"\n fill=\"var(--rd-copy-warning)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0007 4.79175C10.5759 4.79175 11.0423 5.25812 11.0423 5.83341V10.0001C11.0423 10.5754 10.5759 11.0417 10.0007 11.0417C9.42535 11.0417 8.95898 10.5754 8.95898 10.0001V5.83341C8.95898 5.25812 9.42535 4.79175 10.0007 4.79175ZM10.0007 12.7084C10.5759 12.7084 11.0423 13.1748 11.0423 13.7501V14.1667C11.0423 14.742 10.5759 15.2084 10.0007 15.2084C9.42535 15.2084 8.95898 14.742 8.95898 14.1667V13.7501C8.95898 13.1748 9.42535 12.7084 10.0007 12.7084Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'error'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99959 18.3332C14.602 18.3332 18.3329 14.6022 18.3329 9.99984C18.3329 5.39746 14.602 1.6665 9.99959 1.6665C5.39722 1.6665 1.66626 5.39746 1.66626 9.99984C1.66626 14.6022 5.39722 18.3332 9.99959 18.3332Z\"\n fill=\"var(--rd-copy-danger)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.40545 6.40545C6.76343 6.04747 7.34383 6.04747 7.70181 6.40545L9.99991 8.70355L12.298 6.40545C12.656 6.04747 13.2364 6.04747 13.5944 6.40545C13.9523 6.76343 13.9523 7.34383 13.5944 7.70181L11.2963 9.99991L13.5944 12.298C13.9523 12.656 13.9523 13.2364 13.5944 13.5944C13.2364 13.9523 12.656 13.9523 12.298 13.5944L9.99991 11.2963L7.70181 13.5944C7.34383 13.9523 6.76343 13.9523 6.40545 13.5944C6.04747 13.2364 6.04747 12.656 6.40545 12.298L8.70355 9.99991L6.40545 7.70181C6.04747 7.34383 6.04747 6.76343 6.40545 6.40545Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n </div>\n <div class=\"rd-custom-notification-container\">\n <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"rd-custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"rd-custom-notification-link\"\n [class.rd-custom-notification-link--bpn]=\"data.originType === 'bpn'\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"rd-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=\"currentColor\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-link{color:var(--rd-copy-brand);font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-notification-container .rd-custom-notification-link--bpn{font-family:Binance Nova,sans-serif;color:var(--rd-copy-warning)!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:var(--rd-toast-accent-success)}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-warn-background{background-color:var(--rd-toast-accent-warning)!important}.rd-custom-error-background{background-color:var(--rd-toast-accent-danger)!important}.rd-custom-notification-close{padding:16px 12px;color:var(--rd-copy-primary)}.rd-custom-notification-close svg{width:16px}.custom-wallet-notification .ant-notification-notice-close{position:absolute;top:0;right:0;width:40px;bottom:0;display:flex;align-items:center;border-left:1px solid var(--rd-bg-panel-border)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3154
3149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdNotificationComponent, decorators: [{
|
|
3155
3150
|
type: Component,
|
|
3156
|
-
args: [{ selector: 'app-rd-notification', template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class]=\"
|
|
3157
|
-
}], ctorParameters: function () { return [{ type: i1$2.NzNotificationService }
|
|
3151
|
+
args: [{ selector: 'app-rd-notification', encapsulation: ViewEncapsulation.None, template: "<ng-template #notificationTpl let-data=\"data\">\n <div class=\"rd-custom-notification\"></div>\n <div\n class=\"rd-custom-notification-icon\"\n [class.rd-custom-warn-background]=\"data.type === 'warn'\"\n [class.rd-custom-error-background]=\"data.type === 'error'\"\n >\n <svg\n *ngIf=\"data.type === 'success'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39698 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39698 18.3332 9.99935 18.3332Z\"\n fill=\"var(--rd-copy-success)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.8434 6.3216C14.264 6.6033 14.3767 7.17266 14.095 7.59331L10.1887 13.4266C10.034 13.6576 9.78287 13.8059 9.50591 13.8299C9.22895 13.8538 8.9561 13.7507 8.76411 13.5497L6.00375 10.6593C5.6541 10.2932 5.66745 9.71294 6.03357 9.36329C6.39969 9.01364 6.97994 9.02699 7.32959 9.39311L9.30099 11.4574L12.5717 6.57322C12.8534 6.15256 13.4227 6.03991 13.8434 6.3216Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'warn'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z\"\n fill=\"var(--rd-copy-warning)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M10.0007 4.79175C10.5759 4.79175 11.0423 5.25812 11.0423 5.83341V10.0001C11.0423 10.5754 10.5759 11.0417 10.0007 11.0417C9.42535 11.0417 8.95898 10.5754 8.95898 10.0001V5.83341C8.95898 5.25812 9.42535 4.79175 10.0007 4.79175ZM10.0007 12.7084C10.5759 12.7084 11.0423 13.1748 11.0423 13.7501V14.1667C11.0423 14.742 10.5759 15.2084 10.0007 15.2084C9.42535 15.2084 8.95898 14.742 8.95898 14.1667V13.7501C8.95898 13.1748 9.42535 12.7084 10.0007 12.7084Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n <svg\n *ngIf=\"data.type === 'error'\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.99959 18.3332C14.602 18.3332 18.3329 14.6022 18.3329 9.99984C18.3329 5.39746 14.602 1.6665 9.99959 1.6665C5.39722 1.6665 1.66626 5.39746 1.66626 9.99984C1.66626 14.6022 5.39722 18.3332 9.99959 18.3332Z\"\n fill=\"var(--rd-copy-danger)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.40545 6.40545C6.76343 6.04747 7.34383 6.04747 7.70181 6.40545L9.99991 8.70355L12.298 6.40545C12.656 6.04747 13.2364 6.04747 13.5944 6.40545C13.9523 6.76343 13.9523 7.34383 13.5944 7.70181L11.2963 9.99991L13.5944 12.298C13.9523 12.656 13.9523 13.2364 13.5944 13.5944C13.2364 13.9523 12.656 13.9523 12.298 13.5944L9.99991 11.2963L7.70181 13.5944C7.34383 13.9523 6.76343 13.9523 6.40545 13.5944C6.04747 13.2364 6.04747 12.656 6.40545 12.298L8.70355 9.99991L6.40545 7.70181C6.04747 7.34383 6.04747 6.76343 6.40545 6.40545Z\"\n fill=\"#F8F9FA\"\n />\n </svg>\n </div>\n <div class=\"rd-custom-notification-container\">\n <div class=\"rd-custom-notification-title\">{{ data.title }}</div>\n <div\n class=\"rd-custom-notification-desc\"\n [innerHTML]=\"getDesc(data.desc)\"\n ></div>\n <div\n *ngIf=\"data.actionDesc\"\n class=\"rd-custom-notification-link\"\n [class.rd-custom-notification-link--bpn]=\"data.originType === 'bpn'\"\n (click)=\"onClick(data)\"\n >\n {{ data.actionDesc }}\n </div>\n </div>\n</ng-template>\n\n<ng-template #closeTpl>\n <div class=\"rd-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=\"currentColor\"\n stroke-width=\"1.36\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n</ng-template>\n", styles: [".rd-custom-notification-container{padding:12px 40px 12px 12px}.rd-custom-notification-container .rd-custom-notification-title{font-size:12px;font-weight:600;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-desc{font-size:12px;font-weight:500;margin-top:4px;color:var(--rd-copy-primary)}.rd-custom-notification-container .rd-custom-notification-link{color:var(--rd-copy-brand);font-size:13px;font-style:normal;font-weight:600;line-height:16px;cursor:pointer;margin-top:12px;padding:0 2px}.rd-custom-notification-container .rd-custom-notification-link--bpn{font-family:Binance Nova,sans-serif;color:var(--rd-copy-warning)!important}.rd-custom-notification-icon{display:flex;width:40px;padding:16px 12px;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;background-color:var(--rd-toast-accent-success)}.rd-custom-notification-icon svg{flex-shrink:0;width:20px;height:20px}.rd-custom-warn-background{background-color:var(--rd-toast-accent-warning)!important}.rd-custom-error-background{background-color:var(--rd-toast-accent-danger)!important}.rd-custom-notification-close{padding:16px 12px;color:var(--rd-copy-primary)}.rd-custom-notification-close svg{width:16px}.custom-wallet-notification .ant-notification-notice-close{position:absolute;top:0;right:0;width:40px;bottom:0;display:flex;align-items:center;border-left:1px solid var(--rd-bg-panel-border)}\n"] }]
|
|
3152
|
+
}], ctorParameters: function () { return [{ type: i1$2.NzNotificationService }]; }, propDecorators: { notificationTpl: [{
|
|
3158
3153
|
type: ViewChild,
|
|
3159
3154
|
args: ['notificationTpl', { static: true }]
|
|
3160
3155
|
}], closeTpl: [{
|
|
@@ -3163,12 +3158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3163
3158
|
}] } });
|
|
3164
3159
|
|
|
3165
3160
|
class RdNotificationService {
|
|
3166
|
-
constructor(injector, environmentInjector
|
|
3167
|
-
) {
|
|
3161
|
+
constructor(injector, environmentInjector) {
|
|
3168
3162
|
this.injector = injector;
|
|
3169
3163
|
this.environmentInjector = environmentInjector;
|
|
3170
3164
|
this.isCreating = false;
|
|
3171
|
-
// 防止重复实例化
|
|
3172
3165
|
if (RdNotificationService.instance) {
|
|
3173
3166
|
return RdNotificationService.instance;
|
|
3174
3167
|
}
|
|
@@ -3181,7 +3174,6 @@ class RdNotificationService {
|
|
|
3181
3174
|
return;
|
|
3182
3175
|
}
|
|
3183
3176
|
if (this.isCreating) {
|
|
3184
|
-
// 如果正在创建，等待创建完成
|
|
3185
3177
|
const checkInterval = setInterval(() => {
|
|
3186
3178
|
if (this.notificationComponentRef && !this.isCreating) {
|
|
3187
3179
|
clearInterval(checkInterval);
|
|
@@ -3192,9 +3184,7 @@ class RdNotificationService {
|
|
|
3192
3184
|
}
|
|
3193
3185
|
this.isCreating = true;
|
|
3194
3186
|
try {
|
|
3195
|
-
// 使用 setTimeout 避免在 Angular 生命周期内创建组件
|
|
3196
3187
|
setTimeout(() => {
|
|
3197
|
-
// Angular 15+ 的正确用法
|
|
3198
3188
|
this.notificationComponentRef = createComponent(RdNotificationComponent, {
|
|
3199
3189
|
environmentInjector: this.environmentInjector,
|
|
3200
3190
|
elementInjector: this.injector,
|
|
@@ -3206,7 +3196,6 @@ class RdNotificationService {
|
|
|
3206
3196
|
document.body.appendChild(rootNode);
|
|
3207
3197
|
}
|
|
3208
3198
|
else {
|
|
3209
|
-
// 如果 document.body 还不存在，等待 DOM 准备就绪
|
|
3210
3199
|
document.addEventListener('DOMContentLoaded', () => {
|
|
3211
3200
|
document.body.appendChild(rootNode);
|
|
3212
3201
|
});
|
|
@@ -3228,7 +3217,6 @@ class RdNotificationService {
|
|
|
3228
3217
|
return __awaiter(this, void 0, void 0, function* () {
|
|
3229
3218
|
yield this.ensureComponentCreated();
|
|
3230
3219
|
if ((_a = this.notificationComponentRef) === null || _a === void 0 ? void 0 : _a.instance) {
|
|
3231
|
-
// 使用 setTimeout 确保在下一个 Angular 周期执行
|
|
3232
3220
|
setTimeout(() => {
|
|
3233
3221
|
this.notificationComponentRef.instance.showNotification(data);
|
|
3234
3222
|
});
|
|
@@ -3242,7 +3230,6 @@ class RdNotificationService {
|
|
|
3242
3230
|
}
|
|
3243
3231
|
RdNotificationService.instance = null;
|
|
3244
3232
|
}
|
|
3245
|
-
// 静态方法用于快速访问
|
|
3246
3233
|
static show(data) {
|
|
3247
3234
|
setTimeout(() => {
|
|
3248
3235
|
const instance = this.getInstance();
|
|
@@ -3265,21 +3252,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3265
3252
|
}]
|
|
3266
3253
|
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.EnvironmentInjector }]; } });
|
|
3267
3254
|
|
|
3268
|
-
// notification.module.ts (在 NPM 包中)
|
|
3269
3255
|
class RdNotificationModule {
|
|
3270
3256
|
constructor(parentModule) {
|
|
3271
3257
|
if (parentModule) {
|
|
3272
3258
|
throw new Error('RdNotificationModule is already loaded. Import it in the AppModule only');
|
|
3273
3259
|
}
|
|
3274
3260
|
}
|
|
3275
|
-
// 修复：使用正确的类型和静态方法
|
|
3276
3261
|
static forRoot(config) {
|
|
3277
3262
|
return {
|
|
3278
3263
|
ngModule: RdNotificationModule,
|
|
3279
3264
|
providers: [
|
|
3280
3265
|
RdNotificationService,
|
|
3281
|
-
|
|
3282
|
-
|
|
3266
|
+
...(config
|
|
3267
|
+
? [{ provide: 'RD_NOTIFICATION_CONFIG', useValue: config }]
|
|
3268
|
+
: []),
|
|
3283
3269
|
],
|
|
3284
3270
|
};
|
|
3285
3271
|
}
|
|
@@ -3302,6 +3288,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3302
3288
|
}] }];
|
|
3303
3289
|
} });
|
|
3304
3290
|
|
|
3291
|
+
class RdCommonBoxComponent {
|
|
3292
|
+
constructor() {
|
|
3293
|
+
this.value = null;
|
|
3294
|
+
this.rightContent = false;
|
|
3295
|
+
}
|
|
3296
|
+
}
|
|
3297
|
+
RdCommonBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3298
|
+
RdCommonBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdCommonBoxComponent, selector: "app-rd-box-item", inputs: { label: "label", value: "value", rightContent: "rightContent" }, ngImport: i0, template: "<div class=\"custom-common-item-box\">\n <div class=\"custom-common-item-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"custom-common-item-box-value\">\n {{ value }}\n <span *ngIf=\"!value && !rightContent\" class=\"rd-box-empty\">--</span>\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [":host .custom-common-item-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}:host .custom-common-item-box-label{color:var(--rd-copy-secondary);font-size:13px;line-height:18px;font-weight:400;flex-shrink:0;display:flex;align-items:center}:host .custom-common-item-box-value{color:var(--rd-copy-primary);font-size:13px;line-height:18px;font-weight:400;word-break:break-all;flex:1;display:flex;align-items:center;justify-content:flex-end;text-align:right}:host .rd-box-empty{color:var(--rd-copy-disable);font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxComponent, decorators: [{
|
|
3300
|
+
type: Component,
|
|
3301
|
+
args: [{ selector: 'app-rd-box-item', template: "<div class=\"custom-common-item-box\">\n <div class=\"custom-common-item-box-label\">\n {{ label }} <ng-content select=\"[left]\"></ng-content>\n </div>\n <div class=\"custom-common-item-box-value\">\n {{ value }}\n <span *ngIf=\"!value && !rightContent\" class=\"rd-box-empty\">--</span>\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [":host .custom-common-item-box{margin-top:12px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}:host .custom-common-item-box-label{color:var(--rd-copy-secondary);font-size:13px;line-height:18px;font-weight:400;flex-shrink:0;display:flex;align-items:center}:host .custom-common-item-box-value{color:var(--rd-copy-primary);font-size:13px;line-height:18px;font-weight:400;word-break:break-all;flex:1;display:flex;align-items:center;justify-content:flex-end;text-align:right}:host .rd-box-empty{color:var(--rd-copy-disable);font-size:14px;font-weight:500}\n"] }]
|
|
3302
|
+
}], propDecorators: { label: [{
|
|
3303
|
+
type: Input
|
|
3304
|
+
}], value: [{
|
|
3305
|
+
type: Input
|
|
3306
|
+
}], rightContent: [{
|
|
3307
|
+
type: Input
|
|
3308
|
+
}] } });
|
|
3309
|
+
|
|
3310
|
+
class RdCommonBoxModule {
|
|
3311
|
+
}
|
|
3312
|
+
RdCommonBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3313
|
+
RdCommonBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, declarations: [RdCommonBoxComponent], imports: [CommonModule], exports: [RdCommonBoxComponent] });
|
|
3314
|
+
RdCommonBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, imports: [CommonModule] });
|
|
3315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdCommonBoxModule, decorators: [{
|
|
3316
|
+
type: NgModule,
|
|
3317
|
+
args: [{
|
|
3318
|
+
declarations: [RdCommonBoxComponent],
|
|
3319
|
+
imports: [CommonModule],
|
|
3320
|
+
exports: [RdCommonBoxComponent],
|
|
3321
|
+
}]
|
|
3322
|
+
}] });
|
|
3323
|
+
|
|
3305
3324
|
class SearchListBaseComponent {
|
|
3306
3325
|
constructor(searchStorageKey = '', isOutDatePicker = false) {
|
|
3307
3326
|
this.searchStorageKey = searchStorageKey;
|
|
@@ -6160,5 +6179,5 @@ function DebounceSearch(milliseconds = 300, queryMinLength = 0, queryMaxLength)
|
|
|
6160
6179
|
* Generated bundle index. Do not edit.
|
|
6161
6180
|
*/
|
|
6162
6181
|
|
|
6163
|
-
export { BigNumberPipe, CustomCheckboxComponent, CustomDateComponent, CustomInputAmountComponent, CustomInputComponent, CustomPaginatorComponent, CustomRadioComponent, CustomTextareaComponent, DebounceSearch, FilterTypeEnum, HeaderStepComponent, IndustryCascaderComponent, IndustryCascaderModule, PipesModule, PureSelectTokenComponent, RdButtonComponent, RdButtonModule, RdCheckboxModule, RdDateModule, RdFilterComponent, RdFilterModule, RdFilterSelectComponent, RdFilterSelectModule, RdHeaderStepModule, RdInputAmountModule, RdInputModule, RdLoadingComponent, RdLoadingModule, RdNotificationComponent, RdNotificationModule, RdNotificationService, RdPaginatorModule, RdPhoneComponent, RdPhoneModule, RdPureSelectTokenModule, RdRadioModule, RdRemarkHistoryComponent, RdRemarkHistoryModule, RdSelectComponent, RdSelectModule, RdSelectValueComponent, RdSelectValueModule, RdStatusFieldModule, RdSwitchComponent, RdSwitchModule, RdTextareaModule, SearchListBaseComponent, StatusFieldComponent };
|
|
6182
|
+
export { BigNumberPipe, CustomCheckboxComponent, CustomDateComponent, CustomInputAmountComponent, CustomInputComponent, CustomPaginatorComponent, CustomRadioComponent, CustomTextareaComponent, DebounceSearch, FilterTypeEnum, HeaderStepComponent, IndustryCascaderComponent, IndustryCascaderModule, PipesModule, PureSelectTokenComponent, RdButtonComponent, RdButtonModule, RdCheckboxModule, RdCommonBoxComponent, RdCommonBoxModule, RdDateModule, RdFilterComponent, RdFilterModule, RdFilterSelectComponent, RdFilterSelectModule, RdHeaderStepModule, RdInputAmountModule, RdInputModule, RdLoadingComponent, RdLoadingModule, RdNotificationComponent, RdNotificationModule, RdNotificationService, RdPaginatorModule, RdPhoneComponent, RdPhoneModule, RdPureSelectTokenModule, RdRadioModule, RdRemarkHistoryComponent, RdRemarkHistoryModule, RdSelectComponent, RdSelectModule, RdSelectValueComponent, RdSelectValueModule, RdStatusFieldModule, RdSwitchComponent, RdSwitchModule, RdTextareaModule, SearchListBaseComponent, StatusFieldComponent };
|
|
6164
6183
|
//# sourceMappingURL=rd-outer-component.mjs.map
|