rd-outer-component 0.0.21 → 0.0.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-select/custom-filter-select.component.mjs +9 -3
- package/esm2020/lib/modules/custom-filter/custom-filter.component.mjs +10 -4
- package/esm2020/lib/modules/custom-filter/custom-filter.types.mjs +1 -1
- package/esm2020/lib/modules/header-step/header-step.component.mjs +41 -0
- package/esm2020/lib/modules/header-step/header-step.module.mjs +18 -0
- package/esm2020/lib/modules/header-step/index.mjs +3 -0
- package/esm2020/lib/modules/status-field/status-field.component.mjs +52 -10
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/rd-outer-component.mjs +121 -56
- package/fesm2015/rd-outer-component.mjs.map +1 -1
- package/fesm2020/rd-outer-component.mjs +121 -57
- package/fesm2020/rd-outer-component.mjs.map +1 -1
- package/lib/modules/custom-filter/custom-filter-select/custom-filter-select.component.d.ts +4 -2
- package/lib/modules/custom-filter/custom-filter.component.d.ts +4 -2
- package/lib/modules/custom-filter/custom-filter.types.d.ts +14 -0
- package/lib/modules/header-step/header-step.component.d.ts +13 -0
- package/lib/modules/header-step/header-step.module.d.ts +8 -0
- package/lib/modules/header-step/index.d.ts +2 -0
- package/lib/modules/status-field/status-field.component.d.ts +9 -23
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/esm2020/lib/constants/common.constant.mjs +0 -21
- package/esm2020/lib/types/common.enum.mjs +0 -24
- package/lib/constants/common.constant.d.ts +0 -19
- package/lib/types/common.enum.d.ts +0 -19
package/esm2020/lib/modules/custom-filter/custom-filter-select/custom-filter-select.component.mjs
CHANGED
|
@@ -7,6 +7,8 @@ import * as i4 from "../../status-field/status-field.component";
|
|
|
7
7
|
export class RdFilterSelectComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.handleChangeValue = new EventEmitter();
|
|
10
|
+
this.statusDisplayConfigs = [];
|
|
11
|
+
this.statusGroupConfigs = {};
|
|
10
12
|
this.selectValue = null;
|
|
11
13
|
}
|
|
12
14
|
get mode() {
|
|
@@ -46,13 +48,17 @@ export class RdFilterSelectComponent {
|
|
|
46
48
|
}
|
|
47
49
|
}
|
|
48
50
|
RdFilterSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
-
RdFilterSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: { item: "item" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<nz-select\n class=\"custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'custom-multiple-filter-select-dropdown'\n : 'custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\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=\"#030712\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"#030712\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .custom-filter-select{min-width:113px;min-height:32px}::ng-deep .custom-filter-select.ant-select .ant-select-selection-item{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:#f3f4f6;font-size:14px;font-weight:500;color:#030712;display:flex;align-items:center;gap:4px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid #367af6;background:#fff;box-shadow:0 0 0 2px #367af61a}::ng-deep .custom-filter-select .ant-select-selection-placeholder{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select .ant-select-selection-item-content{color:#030712;font-weight:500}::ng-deep .custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:#fff;width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:#030712;font-size:14px;min-height:40px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:#030712;font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid #9ca3af}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.StatusFieldComponent, selector: "app-rd-status-field", inputs: ["status", "text", "size"] }] });
|
|
51
|
+
RdFilterSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: { item: "item", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, outputs: { handleChangeValue: "handleChangeValue" }, usesOnChanges: true, ngImport: i0, template: "<nz-select\n class=\"custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'custom-multiple-filter-select-dropdown'\n : 'custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\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=\"#030712\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"#030712\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .custom-filter-select{min-width:113px;min-height:32px}::ng-deep .custom-filter-select.ant-select .ant-select-selection-item{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:#f3f4f6;font-size:14px;font-weight:500;color:#030712;display:flex;align-items:center;gap:4px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid #367af6;background:#fff;box-shadow:0 0 0 2px #367af61a}::ng-deep .custom-filter-select .ant-select-selection-placeholder{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select .ant-select-selection-item-content{color:#030712;font-weight:500}::ng-deep .custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:#fff;width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:#030712;font-size:14px;min-height:40px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:#030712;font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid #9ca3af}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.StatusFieldComponent, selector: "app-rd-status-field", inputs: ["status", "text", "size", "statusDisplayConfigs", "statusGroupConfigs"] }] });
|
|
50
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterSelectComponent, decorators: [{
|
|
51
53
|
type: Component,
|
|
52
|
-
args: [{ selector: 'app-rd-filter-select', template: "<nz-select\n class=\"custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'custom-multiple-filter-select-dropdown'\n : 'custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\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=\"#030712\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"#030712\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .custom-filter-select{min-width:113px;min-height:32px}::ng-deep .custom-filter-select.ant-select .ant-select-selection-item{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:#f3f4f6;font-size:14px;font-weight:500;color:#030712;display:flex;align-items:center;gap:4px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid #367af6;background:#fff;box-shadow:0 0 0 2px #367af61a}::ng-deep .custom-filter-select .ant-select-selection-placeholder{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select .ant-select-selection-item-content{color:#030712;font-weight:500}::ng-deep .custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:#fff;width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:#030712;font-size:14px;min-height:40px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:#030712;font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid #9ca3af}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}\n"] }]
|
|
54
|
+
args: [{ selector: 'app-rd-filter-select', template: "<nz-select\n class=\"custom-filter-select\"\n [ngStyle]=\"{ 'min-width': item.minWidth ? item.minWidth : '132px' }\"\n [nzPlaceHolder]=\"item.title\"\n [nzShowArrow]=\"true\"\n [nzMode]=\"mode\"\n [nzAllowClear]=\"false\"\n [nzDropdownClassName]=\"\n mode === 'multiple'\n ? 'custom-multiple-filter-select-dropdown'\n : 'custom-filter-select-dropdown'\n \"\n [(ngModel)]=\"selectValue\"\n [nzSuffixIcon]=\"customIcon\"\n [nzRemoveIcon]=\"removeIcon\"\n [nzOptionOverflowSize]=\"5\"\n [nzOptionHeightPx]=\"40\"\n [nzDropdownMatchSelectWidth]=\"false\"\n (ngModelChange)=\"modelChange($event)\"\n [nzCustomTemplate]=\"customTpl\"\n [nzMaxTagCount]=\"3\"\n>\n <nz-option\n *ngFor=\"let option of item.options\"\n [nzValue]=\"option.value\"\n [nzLabel]=\"option.label\"\n nzCustomContent\n >\n <app-rd-status-field\n *ngIf=\"item.isStatusField; else defaultTpl\"\n [status]=\"option.value\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n ></app-rd-status-field>\n <ng-template #defaultTpl> {{ option.label }}</ng-template>\n </nz-option>\n</nz-select>\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=\"#030712\"\n />\n </svg>\n</ng-template>\n\n<ng-template #removeIcon>\n <!-- <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.39645 2.39645C2.59171 2.20118 2.90829 2.20118 3.10355 2.39645L6 5.29289L8.89645 2.39645C9.09171 2.20118 9.40829 2.20118 9.60355 2.39645C9.79882 2.59171 9.79882 2.90829 9.60355 3.10355L6.70711 6L9.60355 8.89645C9.79882 9.09171 9.79882 9.40829 9.60355 9.60355C9.40829 9.79882 9.09171 9.79882 8.89645 9.60355L6 6.70711L3.10355 9.60355C2.90829 9.79882 2.59171 9.79882 2.39645 9.60355C2.20118 9.40829 2.20118 9.09171 2.39645 8.89645L5.29289 6L2.39645 3.10355C2.20118 2.90829 2.20118 2.59171 2.39645 2.39645Z\"\n fill=\"#030712\"\n />\n </svg> -->\n</ng-template>\n\n<ng-template #customTpl let-selected>\n <!-- <app-status-field\n *ngIf=\"item.isStatusField\"\n [status]=\"selected.nzValue\"\n ></app-status-field> -->\n <ng-container>\n {{ selected.nzLabel }}\n </ng-container>\n</ng-template>\n", styles: ["::ng-deep .custom-filter-select{min-width:113px;min-height:32px}::ng-deep .custom-filter-select.ant-select .ant-select-selection-item{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item{border-radius:4px;background:#f3f4f6;font-size:14px;font-weight:500;color:#030712;display:flex;align-items:center;gap:4px}::ng-deep .custom-filter-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{line-height:1}::ng-deep .custom-filter-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px}::ng-deep .custom-filter-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:4px;border:1px solid #367af6;background:#fff;box-shadow:0 0 0 2px #367af61a}::ng-deep .custom-filter-select .ant-select-selection-placeholder{color:#030712;font-weight:500;font-size:14px}::ng-deep .custom-filter-select .ant-select-selection-item-content{color:#030712;font-weight:500}::ng-deep .custom-filter-select .ant-select-arrow{transition:ease-in-out .2s all;cursor:pointer;pointer-events:initial}::ng-deep .custom-filter-select:hover:has(.ant-select-clear) .ant-select-arrow{opacity:0}::ng-deep .custom-filter-select.ant-select-focused .ant-select-arrow,::ng-deep .custom-filter-select .ant-select-selector:focus-within .ant-select-arrow{transform:rotate(-180deg);transition:transform .2s ease}::ng-deep .custom-filter-select-dropdown .ant-select-dropdown,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-dropdown{border-radius:4px;background:#fff;width:-moz-fit-content;width:fit-content;min-width:113px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option{background-color:transparent;padding:0 6px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;padding:0 6px;display:flex;align-items:center;color:#030712;font-size:14px;min-height:40px}::ng-deep .custom-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content,::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-active .ant-select-item-option-content{background:rgba(54,122,246,.1)}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content{border-radius:4px;font-weight:500;color:#030712;font-size:14px;padding:0 6px 0 32px;position:relative}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-content:before{content:\"\";position:absolute;top:50%;left:6px;width:16px;height:16px;transform:translateY(-50%);border-radius:4px;border:1px solid #9ca3af}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content:before{background-image:url(/assets/img/icon/checkbox.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}::ng-deep .custom-multiple-filter-select-dropdown .ant-select-item-option-state{display:none}\n"] }]
|
|
53
55
|
}], propDecorators: { item: [{
|
|
54
56
|
type: Input
|
|
55
57
|
}], handleChangeValue: [{
|
|
56
58
|
type: Output
|
|
59
|
+
}], statusDisplayConfigs: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], statusGroupConfigs: [{
|
|
62
|
+
type: Input
|
|
57
63
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpbHRlci1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvY3VzdG9tLWZpbHRlci9jdXN0b20tZmlsdGVyLXNlbGVjdC9jdXN0b20tZmlsdGVyLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9jdXN0b20tZmlsdGVyL2N1c3RvbS1maWx0ZXItc2VsZWN0L2N1c3RvbS1maWx0ZXItc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVl2QixNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT1ksc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4Qyx5QkFBb0IsR0FBMEIsRUFBRSxDQUFDO1FBQ2pELHVCQUFrQixHQUFzQixFQUFFLENBQUM7UUFDcEQsZ0JBQVcsR0FBb0QsSUFBSSxDQUFDO0tBb0NyRTtJQWxDQyxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsVUFBVSxJQUFJLFVBQVUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFlBQVksRUFBRTtZQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO2FBQ3pCO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxXQUFXO29CQUNkLElBQUksQ0FBQyxJQUFJLEtBQUssVUFBVTt3QkFDdEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUM7d0JBQzlCLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTztRQUM3QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO1lBQzVCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ2hEO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO1lBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFJLEtBQWtCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ2pEO2FBQU07WUFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFlLENBQUM7U0FDbkM7UUFDRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3FIQXhDVSx1QkFBdUI7eUdBQXZCLHVCQUF1Qix3UENuQnBDLGcyRkFpRkE7NEZEOURhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLElBQUk7c0JBQVosS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0Usb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSUN1c3RvbUZpbHRlcixcbiAgU3RhdHVzRGlzcGxheUNvbmZpZyxcbiAgU3RhdHVzR3JvdXBDb25maWcsXG59IGZyb20gJy4uL2N1c3RvbS1maWx0ZXIudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtZmlsdGVyLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tZmlsdGVyLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1maWx0ZXItc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJkRmlsdGVyU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaXRlbSE6IElDdXN0b21GaWx0ZXI7XG4gIEBPdXRwdXQoKSBoYW5kbGVDaGFuZ2VWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQElucHV0KCkgc3RhdHVzRGlzcGxheUNvbmZpZ3M6IFN0YXR1c0Rpc3BsYXlDb25maWdbXSA9IFtdO1xuICBASW5wdXQoKSBzdGF0dXNHcm91cENvbmZpZ3M6IFN0YXR1c0dyb3VwQ29uZmlnID0ge307XG4gIHNlbGVjdFZhbHVlOiBzdHJpbmcgfCBudW1iZXIgfCBBcnJheTxzdHJpbmcgfCBudW1iZXI+IHwgbnVsbCA9IG51bGw7XG5cbiAgZ2V0IG1vZGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbT8uc2VsZWN0TW9kZSB8fCAnbXVsdGlwbGUnO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydpdGVtJ10uY3VycmVudFZhbHVlKSB7XG4gICAgICBpZiAoIXRoaXMuaXRlbS52YWx1ZSkge1xuICAgICAgICB0aGlzLnNlbGVjdFZhbHVlID0gbnVsbDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc2VsZWN0VmFsdWUgPVxuICAgICAgICAgIHRoaXMubW9kZSA9PT0gJ211bHRpcGxlJ1xuICAgICAgICAgICAgPyB0aGlzLml0ZW0/LnZhbHVlPy5zcGxpdCgnLCcpXG4gICAgICAgICAgICA6IHRoaXMuaXRlbS52YWx1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXRlbS52YWx1ZSkgcmV0dXJuO1xuICAgIGlmICh0aGlzLm1vZGUgPT09ICdtdWx0aXBsZScpIHtcbiAgICAgIHRoaXMuc2VsZWN0VmFsdWUgPSB0aGlzLml0ZW0/LnZhbHVlLnNwbGl0KCcsJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2VsZWN0VmFsdWUgPSB0aGlzLml0ZW0udmFsdWU7XG4gICAgfVxuICB9XG5cbiAgbW9kZWxDaGFuZ2UoZXZlbnQ6IHN0cmluZyB8IHN0cmluZ1tdKSB7XG4gICAgaWYgKHRoaXMubW9kZSA9PT0gJ211bHRpcGxlJykge1xuICAgICAgdGhpcy5pdGVtLnZhbHVlID0gKGV2ZW50IGFzIHN0cmluZ1tdKS5qb2luKCcsJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXRlbS52YWx1ZSA9IGV2ZW50IGFzIHN0cmluZztcbiAgICB9XG4gICAgdGhpcy5oYW5kbGVDaGFuZ2VWYWx1ZS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPG56LXNlbGVjdFxuICBjbGFzcz1cImN1c3RvbS1maWx0ZXItc2VsZWN0XCJcbiAgW25nU3R5bGVdPVwieyAnbWluLXdpZHRoJzogaXRlbS5taW5XaWR0aCA/IGl0ZW0ubWluV2lkdGggOiAnMTMycHgnIH1cIlxuICBbbnpQbGFjZUhvbGRlcl09XCJpdGVtLnRpdGxlXCJcbiAgW256U2hvd0Fycm93XT1cInRydWVcIlxuICBbbnpNb2RlXT1cIm1vZGVcIlxuICBbbnpBbGxvd0NsZWFyXT1cImZhbHNlXCJcbiAgW256RHJvcGRvd25DbGFzc05hbWVdPVwiXG4gICAgbW9kZSA9PT0gJ211bHRpcGxlJ1xuICAgICAgPyAnY3VzdG9tLW11bHRpcGxlLWZpbHRlci1zZWxlY3QtZHJvcGRvd24nXG4gICAgICA6ICdjdXN0b20tZmlsdGVyLXNlbGVjdC1kcm9wZG93bidcbiAgXCJcbiAgWyhuZ01vZGVsKV09XCJzZWxlY3RWYWx1ZVwiXG4gIFtuelN1ZmZpeEljb25dPVwiY3VzdG9tSWNvblwiXG4gIFtuelJlbW92ZUljb25dPVwicmVtb3ZlSWNvblwiXG4gIFtuek9wdGlvbk92ZXJmbG93U2l6ZV09XCI1XCJcbiAgW256T3B0aW9uSGVpZ2h0UHhdPVwiNDBcIlxuICBbbnpEcm9wZG93bk1hdGNoU2VsZWN0V2lkdGhdPVwiZmFsc2VcIlxuICAobmdNb2RlbENoYW5nZSk9XCJtb2RlbENoYW5nZSgkZXZlbnQpXCJcbiAgW256Q3VzdG9tVGVtcGxhdGVdPVwiY3VzdG9tVHBsXCJcbiAgW256TWF4VGFnQ291bnRdPVwiM1wiXG4+XG4gIDxuei1vcHRpb25cbiAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGl0ZW0ub3B0aW9uc1wiXG4gICAgW256VmFsdWVdPVwib3B0aW9uLnZhbHVlXCJcbiAgICBbbnpMYWJlbF09XCJvcHRpb24ubGFiZWxcIlxuICAgIG56Q3VzdG9tQ29udGVudFxuICA+XG4gICAgPGFwcC1yZC1zdGF0dXMtZmllbGRcbiAgICAgICpuZ0lmPVwiaXRlbS5pc1N0YXR1c0ZpZWxkOyBlbHNlIGRlZmF1bHRUcGxcIlxuICAgICAgW3N0YXR1c109XCJvcHRpb24udmFsdWVcIlxuICAgICAgW3N0YXR1c0dyb3VwQ29uZmlnc109XCJzdGF0dXNHcm91cENvbmZpZ3NcIlxuICAgICAgW3N0YXR1c0Rpc3BsYXlDb25maWdzXT1cInN0YXR1c0Rpc3BsYXlDb25maWdzXCJcbiAgICA+PC9hcHAtcmQtc3RhdHVzLWZpZWxkPlxuICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdFRwbD4ge3sgb3B0aW9uLmxhYmVsIH19PC9uZy10ZW1wbGF0ZT5cbiAgPC9uei1vcHRpb24+XG48L256LXNlbGVjdD5cblxuPG5nLXRlbXBsYXRlICNjdXN0b21JY29uPlxuICA8c3ZnXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgd2lkdGg9XCIxNlwiXG4gICAgaGVpZ2h0PVwiMTZcIlxuICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgIGZpbGw9XCJub25lXCJcbiAgPlxuICAgIDxwYXRoXG4gICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgZD1cIk0yLjYwMTM2IDQuOTA3NzdDMi44MzYzOSA0LjY4NzQzIDMuMjA1NTUgNC42OTkzNCAzLjQyNTg5IDQuOTM0MzdMOC4wMDAzMyA5LjgxMzc3TDEyLjU3NDggNC45MzQzN0MxMi43OTUxIDQuNjk5MzQgMTMuMTY0MyA0LjY4NzQzIDEzLjM5OTMgNC45MDc3N0MxMy42MzQzIDUuMTI4MTIgMTMuNjQ2MiA1LjQ5NzI3IDEzLjQyNTkgNS43MzIzTDguNDI1ODkgMTEuMDY1NkM4LjMxNTYxIDExLjE4MzMgOC4xNjE1NyAxMS4yNSA4LjAwMDMzIDExLjI1QzcuODM5MDkgMTEuMjUgNy42ODUwNCAxMS4xODMzIDcuNTc0NzYgMTEuMDY1NkwyLjU3NDc2IDUuNzMyM0MyLjM1NDQyIDUuNDk3MjcgMi4zNjYzMyA1LjEyODExIDIuNjAxMzYgNC45MDc3N1pcIlxuICAgICAgZmlsbD1cIiMwMzA3MTJcIlxuICAgIC8+XG4gIDwvc3ZnPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNyZW1vdmVJY29uPlxuICA8IS0tIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD1cIjEyXCJcbiAgICBoZWlnaHQ9XCIxMlwiXG4gICAgdmlld0JveD1cIjAgMCAxMiAxMlwiXG4gICAgZmlsbD1cIm5vbmVcIlxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTTIuMzk2NDUgMi4zOTY0NUMyLjU5MTcxIDIuMjAxMTggMi45MDgyOSAyLjIwMTE4IDMuMTAzNTUgMi4zOTY0NUw2IDUuMjkyODlMOC44OTY0NSAyLjM5NjQ1QzkuMDkxNzEgMi4yMDExOCA5LjQwODI5IDIuMjAxMTggOS42MDM1NSAyLjM5NjQ1QzkuNzk4ODIgMi41OTE3MSA5Ljc5ODgyIDIuOTA4MjkgOS42MDM1NSAzLjEwMzU1TDYuNzA3MTEgNkw5LjYwMzU1IDguODk2NDVDOS43OTg4MiA5LjA5MTcxIDkuNzk4ODIgOS40MDgyOSA5LjYwMzU1IDkuNjAzNTVDOS40MDgyOSA5Ljc5ODgyIDkuMDkxNzEgOS43OTg4MiA4Ljg5NjQ1IDkuNjAzNTVMNiA2LjcwNzExTDMuMTAzNTUgOS42MDM1NUMyLjkwODI5IDkuNzk4ODIgMi41OTE3MSA5Ljc5ODgyIDIuMzk2NDUgOS42MDM1NUMyLjIwMTE4IDkuNDA4MjkgMi4yMDExOCA5LjA5MTcxIDIuMzk2NDUgOC44OTY0NUw1LjI5Mjg5IDZMMi4zOTY0NSAzLjEwMzU1QzIuMjAxMTggMi45MDgyOSAyLjIwMTE4IDIuNTkxNzEgMi4zOTY0NSAyLjM5NjQ1WlwiXG4gICAgICBmaWxsPVwiIzAzMDcxMlwiXG4gICAgLz5cbiAgPC9zdmc+IC0tPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjdXN0b21UcGwgbGV0LXNlbGVjdGVkPlxuICA8IS0tIDxhcHAtc3RhdHVzLWZpZWxkXG4gICAgKm5nSWY9XCJpdGVtLmlzU3RhdHVzRmllbGRcIlxuICAgIFtzdGF0dXNdPVwic2VsZWN0ZWQubnpWYWx1ZVwiXG4gID48L2FwcC1zdGF0dXMtZmllbGQ+IC0tPlxuICA8bmctY29udGFpbmVyPlxuICAgIHt7IHNlbGVjdGVkLm56TGFiZWwgfX1cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
-
import { FilterTypeEnum } from './custom-filter.types';
|
|
2
|
+
import { FilterTypeEnum, } from './custom-filter.types';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "ng-zorro-antd/button";
|
|
@@ -16,6 +16,8 @@ export class RdFilterComponent {
|
|
|
16
16
|
this.filterArr = [];
|
|
17
17
|
this.defSearchChange = new EventEmitter();
|
|
18
18
|
this.clearFilter = new EventEmitter();
|
|
19
|
+
this.statusDisplayConfigs = [];
|
|
20
|
+
this.statusGroupConfigs = {};
|
|
19
21
|
this.filterTypeEnum = FilterTypeEnum;
|
|
20
22
|
}
|
|
21
23
|
handleChangeValue(value) {
|
|
@@ -26,15 +28,19 @@ export class RdFilterComponent {
|
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
30
|
RdFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { filterArr: "filterArr" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n Clear filter\n </button>\n</div>\n", styles: [".custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px}.custom-filter-clear{font-size:13px;font-weight:600;color:#367af6;padding:0}.custom-filter-clear:disabled{color:#9ca3af}\n", ".form-item{position:relative;border-radius:4px;padding:2px 6px;border:1px solid #e5e7eb;background-color:#fff;width:100%;margin-top:16px;height:64px}.form-item .form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:500}.form-item-input{color:#030712;font-size:14px;width:100%;font-weight:500;padding:18px 16px}.form-item-input:focus,.form-item-input:not(:placeholder-shown){top:10px}.form-item .form-item-input:focus~.form-item-label,.form-item .form-item-input:not(:placeholder-shown)~.form-item-label{top:16px;font-size:12px}.form-item-select{width:100%}.form-item-select ::ng-deep .ant-select-selection-item{color:#030712;font-size:14px;font-weight:500}.form-item.selected .form-item-label{top:16px;font-size:12px}.form-item.selected .form-item-select{top:10px}.form-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-item.disabled .form-item-label,.form-item.disabled .form-item-input{color:#9ca3af}.form-item.disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}.form-item.error{border-color:#e51c36}.form-item-check{position:relative;background-color:#fff;width:100%;margin-top:16px}.form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.form-item-error img{width:16px}.form-number-item{position:relative;border-radius:4px;padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;width:100%;margin-top:16px}.form-number-item .item-label{color:#6b7280;font-size:12px;font-weight:600}.form-number-item .item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:#9ca3af}.form-number-item .item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:#030712;border:none;padding:4px 0}.form-number-item .item-content-value:focus,.form-number-item .item-content-value:active,.form-number-item .item-content-value:hover{outline:none;box-shadow:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.form-number-item .item-content-value ::ng-deep .ant-input-number-input::placeholder{color:#9ca3af}.form-number-item .item-content-symbol{flex-shrink:0}.form-number-item ::ng-deep .item-warning{font-weight:500;font-size:12px;color:#6b7280;margin-top:4px;padding:0 12px}.form-number-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-number-item.disabled .item-label,.form-number-item.disabled .item-content-value{color:#9ca3af}.form-number-item.error{border-color:#e51c36}\n"], dependencies: [{ 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵ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: i4.RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: i5.RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: i6.RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
|
|
31
|
+
RdFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RdFilterComponent, selector: "app-rd-filter", inputs: { filterArr: "filterArr", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, outputs: { defSearchChange: "defSearchChange", clearFilter: "clearFilter" }, ngImport: i0, template: "<div class=\"custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n Clear filter\n </button>\n</div>\n", styles: [".custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px}.custom-filter-clear{font-size:13px;font-weight:600;color:#367af6;padding:0}.custom-filter-clear:disabled{color:#9ca3af}\n", ".form-item{position:relative;border-radius:4px;padding:2px 6px;border:1px solid #e5e7eb;background-color:#fff;width:100%;margin-top:16px;height:64px}.form-item .form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:500}.form-item-input{color:#030712;font-size:14px;width:100%;font-weight:500;padding:18px 16px}.form-item-input:focus,.form-item-input:not(:placeholder-shown){top:10px}.form-item .form-item-input:focus~.form-item-label,.form-item .form-item-input:not(:placeholder-shown)~.form-item-label{top:16px;font-size:12px}.form-item-select{width:100%}.form-item-select ::ng-deep .ant-select-selection-item{color:#030712;font-size:14px;font-weight:500}.form-item.selected .form-item-label{top:16px;font-size:12px}.form-item.selected .form-item-select{top:10px}.form-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-item.disabled .form-item-label,.form-item.disabled .form-item-input{color:#9ca3af}.form-item.disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}.form-item.error{border-color:#e51c36}.form-item-check{position:relative;background-color:#fff;width:100%;margin-top:16px}.form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.form-item-error img{width:16px}.form-number-item{position:relative;border-radius:4px;padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;width:100%;margin-top:16px}.form-number-item .item-label{color:#6b7280;font-size:12px;font-weight:600}.form-number-item .item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:#9ca3af}.form-number-item .item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:#030712;border:none;padding:4px 0}.form-number-item .item-content-value:focus,.form-number-item .item-content-value:active,.form-number-item .item-content-value:hover{outline:none;box-shadow:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.form-number-item .item-content-value ::ng-deep .ant-input-number-input::placeholder{color:#9ca3af}.form-number-item .item-content-symbol{flex-shrink:0}.form-number-item ::ng-deep .item-warning{font-weight:500;font-size:12px;color:#6b7280;margin-top:4px;padding:0 12px}.form-number-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-number-item.disabled .item-label,.form-number-item.disabled .item-content-value{color:#9ca3af}.form-number-item.error{border-color:#e51c36}\n"], dependencies: [{ 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵ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: i4.RdFilterDateComponent, selector: "app-rd-filter-date", inputs: ["item"], outputs: ["handleChangeValue"] }, { kind: "component", type: i5.RdFilterSelectComponent, selector: "app-rd-filter-select", inputs: ["item", "statusDisplayConfigs", "statusGroupConfigs"], outputs: ["handleChangeValue"] }, { kind: "component", type: i6.RdFilterInputComponent, selector: "app-rd-filter-input", inputs: ["item"], outputs: ["handleChangeValue"] }] });
|
|
30
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdFilterComponent, decorators: [{
|
|
31
33
|
type: Component,
|
|
32
|
-
args: [{ selector: 'app-rd-filter', template: "<div class=\"custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n Clear filter\n </button>\n</div>\n", styles: [".custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px}.custom-filter-clear{font-size:13px;font-weight:600;color:#367af6;padding:0}.custom-filter-clear:disabled{color:#9ca3af}\n", ".form-item{position:relative;border-radius:4px;padding:2px 6px;border:1px solid #e5e7eb;background-color:#fff;width:100%;margin-top:16px;height:64px}.form-item .form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:500}.form-item-input{color:#030712;font-size:14px;width:100%;font-weight:500;padding:18px 16px}.form-item-input:focus,.form-item-input:not(:placeholder-shown){top:10px}.form-item .form-item-input:focus~.form-item-label,.form-item .form-item-input:not(:placeholder-shown)~.form-item-label{top:16px;font-size:12px}.form-item-select{width:100%}.form-item-select ::ng-deep .ant-select-selection-item{color:#030712;font-size:14px;font-weight:500}.form-item.selected .form-item-label{top:16px;font-size:12px}.form-item.selected .form-item-select{top:10px}.form-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-item.disabled .form-item-label,.form-item.disabled .form-item-input{color:#9ca3af}.form-item.disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}.form-item.error{border-color:#e51c36}.form-item-check{position:relative;background-color:#fff;width:100%;margin-top:16px}.form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.form-item-error img{width:16px}.form-number-item{position:relative;border-radius:4px;padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;width:100%;margin-top:16px}.form-number-item .item-label{color:#6b7280;font-size:12px;font-weight:600}.form-number-item .item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:#9ca3af}.form-number-item .item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:#030712;border:none;padding:4px 0}.form-number-item .item-content-value:focus,.form-number-item .item-content-value:active,.form-number-item .item-content-value:hover{outline:none;box-shadow:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.form-number-item .item-content-value ::ng-deep .ant-input-number-input::placeholder{color:#9ca3af}.form-number-item .item-content-symbol{flex-shrink:0}.form-number-item ::ng-deep .item-warning{font-weight:500;font-size:12px;color:#6b7280;margin-top:4px;padding:0 12px}.form-number-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-number-item.disabled .item-label,.form-number-item.disabled .item-content-value{color:#9ca3af}.form-number-item.error{border-color:#e51c36}\n"] }]
|
|
34
|
+
args: [{ selector: 'app-rd-filter', template: "<div class=\"custom-filter-wrap\" *ngIf=\"filterArr?.length\">\n <ng-container *ngFor=\"let item of filterArr\">\n <ng-container [ngSwitch]=\"item.formType\">\n <app-rd-filter-date\n *ngSwitchCase=\"filterTypeEnum.date\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n >\n </app-rd-filter-date>\n <app-rd-filter-select\n *ngSwitchCase=\"filterTypeEnum.select\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n [statusGroupConfigs]=\"statusGroupConfigs\"\n [statusDisplayConfigs]=\"statusDisplayConfigs\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-select>\n <app-rd-filter-input\n *ngSwitchCase=\"filterTypeEnum.input\"\n [item]=\"item\"\n (handleChangeValue)=\"handleChangeValue($event)\"\n ></app-rd-filter-input>\n </ng-container>\n </ng-container>\n <button\n [disabled]=\"!isClearAble\"\n (click)=\"clear()\"\n class=\"custom-filter-clear\"\n nz-button\n nzType=\"link\"\n >\n Clear filter\n </button>\n</div>\n", styles: [".custom-filter-wrap{display:flex;align-items:center;gap:8px;padding-top:12px}.custom-filter-clear{font-size:13px;font-weight:600;color:#367af6;padding:0}.custom-filter-clear:disabled{color:#9ca3af}\n", ".form-item{position:relative;border-radius:4px;padding:2px 6px;border:1px solid #e5e7eb;background-color:#fff;width:100%;margin-top:16px;height:64px}.form-item .form-item-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.form-item-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .3s ease;pointer-events:none;z-index:1;font-size:14px;font-weight:500}.form-item-input{color:#030712;font-size:14px;width:100%;font-weight:500;padding:18px 16px}.form-item-input:focus,.form-item-input:not(:placeholder-shown){top:10px}.form-item .form-item-input:focus~.form-item-label,.form-item .form-item-input:not(:placeholder-shown)~.form-item-label{top:16px;font-size:12px}.form-item-select{width:100%}.form-item-select ::ng-deep .ant-select-selection-item{color:#030712;font-size:14px;font-weight:500}.form-item.selected .form-item-label{top:16px;font-size:12px}.form-item.selected .form-item-select{top:10px}.form-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-item.disabled .form-item-label,.form-item.disabled .form-item-input{color:#9ca3af}.form-item.disabled ::ng-deep .ant-select-selection-item{color:#9ca3af}.form-item.error{border-color:#e51c36}.form-item-check{position:relative;background-color:#fff;width:100%;margin-top:16px}.form-item-error{color:#d2152e;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:4px}.form-item-error img{width:16px}.form-number-item{position:relative;border-radius:4px;padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;width:100%;margin-top:16px}.form-number-item .item-label{color:#6b7280;font-size:12px;font-weight:600}.form-number-item .item-content{display:flex;align-items:center;font-size:32px;font-weight:600;line-height:48px;color:#9ca3af}.form-number-item .item-content-value{flex:1;font-size:32px;font-weight:600;line-height:48px;color:#030712;border:none;padding:4px 0}.form-number-item .item-content-value:focus,.form-number-item .item-content-value:active,.form-number-item .item-content-value:hover{outline:none;box-shadow:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-handler-wrap{display:none}.form-number-item .item-content-value ::ng-deep .ant-input-number-input{font-size:32px;font-weight:600;line-height:48px}.form-number-item .item-content-value ::ng-deep .ant-input-number-input::placeholder{color:#9ca3af}.form-number-item .item-content-symbol{flex-shrink:0}.form-number-item ::ng-deep .item-warning{font-weight:500;font-size:12px;color:#6b7280;margin-top:4px;padding:0 12px}.form-number-item.disabled{background-color:#f3f4f6;border-color:#d1d5db}.form-number-item.disabled .item-label,.form-number-item.disabled .item-content-value{color:#9ca3af}.form-number-item.error{border-color:#e51c36}\n"] }]
|
|
33
35
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { filterArr: [{
|
|
34
36
|
type: Input
|
|
35
37
|
}], defSearchChange: [{
|
|
36
38
|
type: Output
|
|
37
39
|
}], clearFilter: [{
|
|
38
40
|
type: Output
|
|
41
|
+
}], statusDisplayConfigs: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], statusGroupConfigs: [{
|
|
44
|
+
type: Input
|
|
39
45
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9jdXN0b20tZmlsdGVyL2N1c3RvbS1maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvY3VzdG9tLWZpbHRlci9jdXN0b20tZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGNBQWMsR0FJZixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7OztBQVUvQixNQUFNLE9BQU8saUJBQWlCO0lBUTVCLElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBWGpDLGNBQVMsR0FBb0IsRUFBRSxDQUFDO1FBQy9CLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM3QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMseUJBQW9CLEdBQTBCLEVBQUUsQ0FBQztRQUNqRCx1QkFBa0IsR0FBc0IsRUFBRSxDQUFDO1FBQ3BELG1CQUFjLEdBQUcsY0FBYyxDQUFDO0lBTWEsQ0FBQztJQUU5QyxpQkFBaUIsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7OytHQXBCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw4UEN0QjlCLG9uQ0FrQ0E7NEZEWmEsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGVBQWU7d0dBUWhCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNFLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgRmlsdGVyVHlwZUVudW0sXG4gIElDdXN0b21GaWx0ZXIsXG4gIFN0YXR1c0Rpc3BsYXlDb25maWcsXG4gIFN0YXR1c0dyb3VwQ29uZmlnLFxufSBmcm9tICcuL2N1c3RvbS1maWx0ZXIudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtZmlsdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtcbiAgICAnLi9jdXN0b20tZmlsdGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICAnLi4vLi4vYXNzZXRzL3Njc3MvZm9ybS1pdGVtLnNjc3MnLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBSZEZpbHRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbHRlckFycjogSUN1c3RvbUZpbHRlcltdID0gW107XG4gIEBPdXRwdXQoKSBkZWZTZWFyY2hDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGNsZWFyRmlsdGVyID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBASW5wdXQoKSBzdGF0dXNEaXNwbGF5Q29uZmlnczogU3RhdHVzRGlzcGxheUNvbmZpZ1tdID0gW107XG4gIEBJbnB1dCgpIHN0YXR1c0dyb3VwQ29uZmlnczogU3RhdHVzR3JvdXBDb25maWcgPSB7fTtcbiAgZmlsdGVyVHlwZUVudW0gPSBGaWx0ZXJUeXBlRW51bTtcblxuICBnZXQgaXNDbGVhckFibGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsdGVyQXJyLmZpbmRJbmRleCgoaXRlbSkgPT4gISFpdGVtLnZhbHVlKSA+IC0xO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZGY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGhhbmRsZUNoYW5nZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmRlZlNlYXJjaENoYW5nZS5lbWl0KCk7XG4gIH1cblxuICBjbGVhcigpIHtcbiAgICB0aGlzLmNsZWFyRmlsdGVyLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImN1c3RvbS1maWx0ZXItd3JhcFwiICpuZ0lmPVwiZmlsdGVyQXJyPy5sZW5ndGhcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmaWx0ZXJBcnJcIj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJpdGVtLmZvcm1UeXBlXCI+XG4gICAgICA8YXBwLXJkLWZpbHRlci1kYXRlXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCJmaWx0ZXJUeXBlRW51bS5kYXRlXCJcbiAgICAgICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgICAgIChoYW5kbGVDaGFuZ2VWYWx1ZSk9XCJoYW5kbGVDaGFuZ2VWYWx1ZSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvYXBwLXJkLWZpbHRlci1kYXRlPlxuICAgICAgPGFwcC1yZC1maWx0ZXItc2VsZWN0XG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCJmaWx0ZXJUeXBlRW51bS5zZWxlY3RcIlxuICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgKGhhbmRsZUNoYW5nZVZhbHVlKT1cImhhbmRsZUNoYW5nZVZhbHVlKCRldmVudClcIlxuICAgICAgICBbc3RhdHVzR3JvdXBDb25maWdzXT1cInN0YXR1c0dyb3VwQ29uZmlnc1wiXG4gICAgICAgIFtzdGF0dXNEaXNwbGF5Q29uZmlnc109XCJzdGF0dXNEaXNwbGF5Q29uZmlnc1wiXG4gICAgICAgIChoYW5kbGVDaGFuZ2VWYWx1ZSk9XCJoYW5kbGVDaGFuZ2VWYWx1ZSgkZXZlbnQpXCJcbiAgICAgID48L2FwcC1yZC1maWx0ZXItc2VsZWN0PlxuICAgICAgPGFwcC1yZC1maWx0ZXItaW5wdXRcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cImZpbHRlclR5cGVFbnVtLmlucHV0XCJcbiAgICAgICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgICAgIChoYW5kbGVDaGFuZ2VWYWx1ZSk9XCJoYW5kbGVDaGFuZ2VWYWx1ZSgkZXZlbnQpXCJcbiAgICAgID48L2FwcC1yZC1maWx0ZXItaW5wdXQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8YnV0dG9uXG4gICAgW2Rpc2FibGVkXT1cIiFpc0NsZWFyQWJsZVwiXG4gICAgKGNsaWNrKT1cImNsZWFyKClcIlxuICAgIGNsYXNzPVwiY3VzdG9tLWZpbHRlci1jbGVhclwiXG4gICAgbnotYnV0dG9uXG4gICAgbnpUeXBlPVwibGlua1wiXG4gID5cbiAgICBDbGVhciBmaWx0ZXJcbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,4 +4,4 @@ export var FilterTypeEnum;
|
|
|
4
4
|
FilterTypeEnum[FilterTypeEnum["select"] = 2] = "select";
|
|
5
5
|
FilterTypeEnum[FilterTypeEnum["date"] = 3] = "date";
|
|
6
6
|
})(FilterTypeEnum || (FilterTypeEnum = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpbHRlci50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL2N1c3RvbS1maWx0ZXIvY3VzdG9tLWZpbHRlci50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLHFEQUFTLENBQUE7SUFDVCx1REFBVSxDQUFBO0lBQ1YsbURBQVEsQ0FBQTtBQUNWLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE56U2VsZWN0TW9kZVR5cGUgfSBmcm9tICduZy16b3Jyby1hbnRkL3NlbGVjdCc7XG5cbmV4cG9ydCBlbnVtIEZpbHRlclR5cGVFbnVtIHtcbiAgaW5wdXQgPSAxLFxuICBzZWxlY3QgPSAyLFxuICBkYXRlID0gMyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJQ3VzdG9tRmlsdGVyIHtcbiAga2V5OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGZvcm1UeXBlOiBGaWx0ZXJUeXBlRW51bTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb3B0aW9ucz86IEFycmF5PHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB8IG51bWJlcjsgaWNvbj86IHN0cmluZyB9PjtcbiAgc2VsZWN0TW9kZT86IE56U2VsZWN0TW9kZVR5cGU7XG4gIGlzU3RhdHVzRmllbGQ/
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpbHRlci50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL2N1c3RvbS1maWx0ZXIvY3VzdG9tLWZpbHRlci50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLHFEQUFTLENBQUE7SUFDVCx1REFBVSxDQUFBO0lBQ1YsbURBQVEsQ0FBQTtBQUNWLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE56U2VsZWN0TW9kZVR5cGUgfSBmcm9tICduZy16b3Jyby1hbnRkL3NlbGVjdCc7XG5cbmV4cG9ydCBlbnVtIEZpbHRlclR5cGVFbnVtIHtcbiAgaW5wdXQgPSAxLFxuICBzZWxlY3QgPSAyLFxuICBkYXRlID0gMyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJQ3VzdG9tRmlsdGVyIHtcbiAga2V5OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGZvcm1UeXBlOiBGaWx0ZXJUeXBlRW51bTtcbiAgdmFsdWU6IHN0cmluZztcbiAgb3B0aW9ucz86IEFycmF5PHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB8IG51bWJlcjsgaWNvbj86IHN0cmluZyB9PjtcbiAgc2VsZWN0TW9kZT86IE56U2VsZWN0TW9kZVR5cGU7XG4gIGlzU3RhdHVzRmllbGQ/OiBib29sZWFuO1xuICBtaW5XaWR0aD86IHN0cmluZztcbiAgc3RhdHVzR3JvdXBDb25maWdzPzogU3RhdHVzR3JvdXBDb25maWc7XG4gIHN0YXR1c0Rpc3BsYXlDb25maWdzPzogU3RhdHVzRGlzcGxheUNvbmZpZ1tdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFN0YXR1c0dyb3VwQ29uZmlnIHtcbiAgW2dyb3VwTmFtZTogc3RyaW5nXToge1xuICAgIGljb246IHN0cmluZztcbiAgICBtYXRjaDogKHN0YXR1czogc3RyaW5nIHwgbnVtYmVyKSA9PiBib29sZWFuO1xuICB9O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFN0YXR1c0Rpc3BsYXlDb25maWcge1xuICBzdGF0dXM6IHN0cmluZyB8IG51bWJlcjtcbiAgaWNvbjogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nO1xuICBncm91cD86IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class HeaderStepComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.step = 1;
|
|
7
|
+
this.stepArr = [];
|
|
8
|
+
this.stepChange = new EventEmitter();
|
|
9
|
+
this.onClose = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
onClickBack() {
|
|
12
|
+
if (this.step <= 1) {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
this.stepChange.emit(this.step - 1);
|
|
16
|
+
}
|
|
17
|
+
onClickStep(step) {
|
|
18
|
+
if (step >= this.step) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
this.stepChange.emit(step);
|
|
22
|
+
}
|
|
23
|
+
close() {
|
|
24
|
+
this.onClose.emit();
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
HeaderStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
HeaderStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderStepComponent, selector: "app-rd-header-step", inputs: { step: "step", stepArr: "stepArr" }, outputs: { stepChange: "stepChange", onClose: "onClose" }, ngImport: i0, template: "<div class=\"rd-header-step\">\n <div>\n <div class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderStepComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'app-rd-header-step', template: "<div class=\"rd-header-step\">\n <div>\n <div class=\"rd-header-step-back\" *ngIf=\"step > 1\" (click)=\"onClickBack()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g id=\"Back\">\n <path\n id=\"Vector\"\n d=\"M16 3L8 12L16 21\"\n stroke=\"#030712\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </g>\n </svg>\n </div>\n </div>\n <div class=\"rd-header-step-title\">\n <ng-container *ngFor=\"let stepTitle of stepArr; let i = index\">\n <svg\n *ngIf=\"i !== 0\"\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n [attr.fill]=\"step === i + 1 ? '#030712' : '#9CA3AF'\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.40777 2.60136C5.62811 2.36633 5.99727 2.35442 6.2323 2.57476L11.5656 7.57476C11.6833 7.68504 11.75 7.83909 11.75 8.00033C11.75 8.16157 11.6833 8.31561 11.5656 8.42589L6.2323 13.4259C5.99727 13.6462 5.62811 13.6343 5.40777 13.3993C5.18743 13.1643 5.19934 12.7951 5.43437 12.5748L10.3138 8.00033L5.43437 3.42589C5.19934 3.20555 5.18743 2.83639 5.40777 2.60136Z\"\n />\n </svg>\n <span\n class=\"rd-header-step-index\"\n [ngClass]=\"{ active: step === i + 1, 'cusor-pointer': step > i + 1 }\"\n (click)=\"onClickStep(i + 1)\"\n >\n {{ stepTitle }}\n </span>\n </ng-container>\n </div>\n\n <div class=\"rd-header-step-close\" (click)=\"close()\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967Z\"\n fill=\"#030712\"\n />\n </svg>\n </div>\n</div>\n", styles: [":host .rd-header-step{display:flex;align-items:center;height:64px;padding:20px 24px;justify-content:space-between;flex-shrink:0}:host .rd-header-step-back{width:24px;height:24px;z-index:1;cursor:pointer}:host .rd-header-step-close{width:24px;height:24px;z-index:1;cursor:pointer;transition:all ease-in-out .3s}:host .rd-header-step-title{text-align:center;font-size:18px;font-weight:600;line-height:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#030712}:host .rd-header-step-index{color:#9ca3af}:host .rd-header-step-index.active{color:#030712}:host .cusor-pointer{cursor:pointer}\n"] }]
|
|
32
|
+
}], propDecorators: { step: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], stepArr: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], stepChange: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}], onClose: [{
|
|
39
|
+
type: Output
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFNVyxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBQ2pCLFlBQU8sR0FBYSxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FtQnhDO0lBakJDLFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDckIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2lIQXRCVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixtS0NQaEMscWlGQW1FQTs0RkQ1RGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmQtaGVhZGVyLXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLXN0ZXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXItc3RlcC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJTdGVwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc3RlcDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgc3RlcEFycjogc3RyaW5nW10gPSBbXTtcbiAgQE91dHB1dCgpIHN0ZXBDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgb25DbGlja0JhY2soKSB7XG4gICAgaWYgKHRoaXMuc3RlcCA8PSAxKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHRoaXMuc3RlcCAtIDEpO1xuICB9XG5cbiAgb25DbGlja1N0ZXAoc3RlcDogbnVtYmVyKSB7XG4gICAgaWYgKHN0ZXAgPj0gdGhpcy5zdGVwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHN0ZXApO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwXCI+XG4gIDxkaXY+XG4gICAgPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwLWJhY2tcIiAqbmdJZj1cInN0ZXAgPiAxXCIgKGNsaWNrKT1cIm9uQ2xpY2tCYWNrKClcIj5cbiAgICAgIDxzdmdcbiAgICAgICAgd2lkdGg9XCIyNFwiXG4gICAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICA+XG4gICAgICAgIDxnIGlkPVwiQmFja1wiPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBpZD1cIlZlY3RvclwiXG4gICAgICAgICAgICBkPVwiTTE2IDNMOCAxMkwxNiAyMVwiXG4gICAgICAgICAgICBzdHJva2U9XCIjMDMwNzEyXCJcbiAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2c+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJyZC1oZWFkZXItc3RlcC10aXRsZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXBUaXRsZSBvZiBzdGVwQXJyOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICA8c3ZnXG4gICAgICAgICpuZ0lmPVwiaSAhPT0gMFwiXG4gICAgICAgIHdpZHRoPVwiMTdcIlxuICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgIHZpZXdCb3g9XCIwIDAgMTcgMTZcIlxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIFthdHRyLmZpbGxdPVwic3RlcCA9PT0gaSArIDEgPyAnIzAzMDcxMicgOiAnIzlDQTNBRidcIlxuICAgICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGQ9XCJNNS40MDc3NyAyLjYwMTM2QzUuNjI4MTEgMi4zNjYzMyA1Ljk5NzI3IDIuMzU0NDIgNi4yMzIzIDIuNTc0NzZMMTEuNTY1NiA3LjU3NDc2QzExLjY4MzMgNy42ODUwNCAxMS43NSA3LjgzOTA5IDExLjc1IDguMDAwMzNDMTEuNzUgOC4xNjE1NyAxMS42ODMzIDguMzE1NjEgMTEuNTY1NiA4LjQyNTg5TDYuMjMyMyAxMy40MjU5QzUuOTk3MjcgMTMuNjQ2MiA1LjYyODExIDEzLjYzNDMgNS40MDc3NyAxMy4zOTkzQzUuMTg3NDMgMTMuMTY0MyA1LjE5OTM0IDEyLjc5NTEgNS40MzQzNyAxMi41NzQ4TDEwLjMxMzggOC4wMDAzM0w1LjQzNDM3IDMuNDI1ODlDNS4xOTkzNCAzLjIwNTU1IDUuMTg3NDMgMi44MzYzOSA1LjQwNzc3IDIuNjAxMzZaXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJyZC1oZWFkZXItc3RlcC1pbmRleFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBzdGVwID09PSBpICsgMSwgJ2N1c29yLXBvaW50ZXInOiBzdGVwID4gaSArIDEgfVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrU3RlcChpICsgMSlcIlxuICAgICAgPlxuICAgICAgICB7eyBzdGVwVGl0bGUgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInJkLWhlYWRlci1zdGVwLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIj5cbiAgICA8c3ZnXG4gICAgICB3aWR0aD1cIjI0XCJcbiAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBkPVwiTTQuNDY5NjcgNC40Njk2N0M0Ljc2MjU2IDQuMTc2NzggNS4yMzc0NCA0LjE3Njc4IDUuNTMwMzMgNC40Njk2N0wxMiAxMC45MzkzTDE4LjQ2OTcgNC40Njk2N0MxOC43NjI2IDQuMTc2NzggMTkuMjM3NCA0LjE3Njc4IDE5LjUzMDMgNC40Njk2N0MxOS44MjMyIDQuNzYyNTYgMTkuODIzMiA1LjIzNzQ0IDE5LjUzMDMgNS41MzAzM0wxMy4wNjA3IDEyTDE5LjUzMDMgMTguNDY5N0MxOS44MjMyIDE4Ljc2MjYgMTkuODIzMiAxOS4yMzc0IDE5LjUzMDMgMTkuNTMwM0MxOS4yMzc0IDE5LjgyMzIgMTguNzYyNiAxOS44MjMyIDE4LjQ2OTcgMTkuNTMwM0wxMiAxMy4wNjA3TDUuNTMwMzMgMTkuNTMwM0M1LjIzNzQ0IDE5LjgyMzIgNC43NjI1NiAxOS44MjMyIDQuNDY5NjcgMTkuNTMwM0M0LjE3Njc4IDE5LjIzNzQgNC4xNzY3OCAxOC43NjI2IDQuNDY5NjcgMTguNDY5N0wxMC45MzkzIDEyTDQuNDY5NjcgNS41MzAzM0M0LjE3Njc4IDUuMjM3NDQgNC4xNzY3OCA0Ljc2MjU2IDQuNDY5NjcgNC40Njk2N1pcIlxuICAgICAgICBmaWxsPVwiIzAzMDcxMlwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { HeaderStepComponent } from "./header-step.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class RdHeaderStepModule {
|
|
6
|
+
}
|
|
7
|
+
RdHeaderStepModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
RdHeaderStepModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, declarations: [HeaderStepComponent], imports: [CommonModule], exports: [HeaderStepComponent] });
|
|
9
|
+
RdHeaderStepModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RdHeaderStepModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [HeaderStepComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [HeaderStepComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXN0ZXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWxpYi9zcmMvbGliL21vZHVsZXMvaGVhZGVyLXN0ZXAvaGVhZGVyLXN0ZXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQU85RCxNQUFNLE9BQU8sa0JBQWtCOztnSEFBbEIsa0JBQWtCO2lIQUFsQixrQkFBa0IsaUJBSmQsbUJBQW1CLGFBQ3hCLFlBQVksYUFDWixtQkFBbUI7aUhBRWxCLGtCQUFrQixZQUhuQixZQUFZOzRGQUdYLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBIZWFkZXJTdGVwQ29tcG9uZW50IH0gZnJvbSBcIi4vaGVhZGVyLXN0ZXAuY29tcG9uZW50XCI7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0hlYWRlclN0ZXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0hlYWRlclN0ZXBDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBSZEhlYWRlclN0ZXBNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from "./header-step.component";
|
|
2
|
+
export * from "./header-step.module";
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtbGliL3NyYy9saWIvbW9kdWxlcy9oZWFkZXItc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9oZWFkZXItc3RlcC5jb21wb25lbnRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2hlYWRlci1zdGVwLm1vZHVsZVwiO1xuIl19
|
|
@@ -1,28 +1,70 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { ONOFFStatusEnum } from '../../types/common.enum';
|
|
3
|
-
import { ONOFFStatusEnumTextMap } from '../../constants/common.constant';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
3
|
import * as i1 from "@angular/common";
|
|
6
4
|
export class StatusFieldComponent {
|
|
7
5
|
constructor() {
|
|
8
6
|
this.size = 'default';
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
7
|
+
this.statusDisplayConfigs = [];
|
|
8
|
+
this.statusGroupConfigs = {};
|
|
11
9
|
}
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
getStatusDisplay() {
|
|
11
|
+
// 1. 查找精确匹配的配置
|
|
12
|
+
const exactMatch = this.statusDisplayConfigs?.find((c) => c?.status === this.status);
|
|
13
|
+
if (exactMatch) {
|
|
14
|
+
return {
|
|
15
|
+
icon: exactMatch?.icon,
|
|
16
|
+
text: exactMatch?.text || this.status,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
// 2. 查找分组匹配
|
|
20
|
+
for (const groupName in this.statusGroupConfigs) {
|
|
21
|
+
const group = this.statusGroupConfigs[groupName];
|
|
22
|
+
if (group?.match(this.status)) {
|
|
23
|
+
return {
|
|
24
|
+
icon: group?.icon,
|
|
25
|
+
text: this.status, // 或者可以配置默认文本
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
// 3. 默认返回
|
|
30
|
+
return {
|
|
31
|
+
icon: '',
|
|
32
|
+
text: this.status,
|
|
33
|
+
};
|
|
14
34
|
}
|
|
15
35
|
}
|
|
16
36
|
StatusFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
StatusFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatusFieldComponent, selector: "app-rd-status-field", inputs: { status: "status", text: "text", size: "size"
|
|
37
|
+
StatusFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatusFieldComponent, selector: "app-rd-status-field", inputs: { status: "status", text: "text", size: "size", statusDisplayConfigs: "statusDisplayConfigs", statusGroupConfigs: "statusGroupConfigs" }, ngImport: i0, template: `
|
|
38
|
+
<div class="status-field" [ngClass]="size">
|
|
39
|
+
<img
|
|
40
|
+
*ngIf="getStatusDisplay()?.icon"
|
|
41
|
+
[src]="getStatusDisplay()?.icon"
|
|
42
|
+
alt=""
|
|
43
|
+
/>
|
|
44
|
+
{{ getStatusDisplay()?.text }}
|
|
45
|
+
</div>
|
|
46
|
+
`, isInline: true, styles: [":host .status-field{display:flex;align-items:center;gap:8px;font-weight:500}:host .status-field img{width:12px;height:12px;flex-shrink:0}:host .status-field.large img{width:16px;height:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusFieldComponent, decorators: [{
|
|
19
48
|
type: Component,
|
|
20
|
-
args: [{ selector: 'app-rd-status-field', template:
|
|
21
|
-
|
|
49
|
+
args: [{ selector: 'app-rd-status-field', template: `
|
|
50
|
+
<div class="status-field" [ngClass]="size">
|
|
51
|
+
<img
|
|
52
|
+
*ngIf="getStatusDisplay()?.icon"
|
|
53
|
+
[src]="getStatusDisplay()?.icon"
|
|
54
|
+
alt=""
|
|
55
|
+
/>
|
|
56
|
+
{{ getStatusDisplay()?.text }}
|
|
57
|
+
</div>
|
|
58
|
+
`, styles: [":host .status-field{display:flex;align-items:center;gap:8px;font-weight:500}:host .status-field img{width:12px;height:12px;flex-shrink:0}:host .status-field.large img{width:16px;height:16px}\n"] }]
|
|
59
|
+
}], ctorParameters: function () { return []; }, propDecorators: { status: [{
|
|
22
60
|
type: Input
|
|
23
61
|
}], text: [{
|
|
24
62
|
type: Input
|
|
25
63
|
}], size: [{
|
|
26
64
|
type: Input
|
|
65
|
+
}], statusDisplayConfigs: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], statusGroupConfigs: [{
|
|
68
|
+
type: Input
|
|
27
69
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL2xpYi9tb2R1bGVzL3N0YXR1cy1maWVsZC9zdGF0dXMtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFvQmpELE1BQU0sT0FBTyxvQkFBb0I7SUFNL0I7UUFIUyxTQUFJLEdBQXdCLFNBQVMsQ0FBQztRQUN0Qyx5QkFBb0IsR0FBMEIsRUFBRSxDQUFDO1FBQ2pELHVCQUFrQixHQUFzQixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVoQixnQkFBZ0I7UUFDZCxlQUFlO1FBQ2YsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLElBQUksQ0FDaEQsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxNQUFNLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FDakMsQ0FBQztRQUNGLElBQUksVUFBVSxFQUFFO1lBQ2QsT0FBTztnQkFDTCxJQUFJLEVBQUUsVUFBVSxFQUFFLElBQUk7Z0JBQ3RCLElBQUksRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFLLElBQUksQ0FBQyxNQUFpQjthQUNsRCxDQUFDO1NBQ0g7UUFFRCxZQUFZO1FBQ1osS0FBSyxNQUFNLFNBQVMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDL0MsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2pELElBQUksS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBZ0IsQ0FBQyxFQUFFO2dCQUN2QyxPQUFPO29CQUNMLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSTtvQkFDakIsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFnQixFQUFFLGFBQWE7aUJBQzNDLENBQUM7YUFDSDtTQUNGO1FBRUQsVUFBVTtRQUNWLE9BQU87WUFDTCxJQUFJLEVBQUUsRUFBRTtZQUNSLElBQUksRUFBRSxJQUFJLENBQUMsTUFBZ0I7U0FDNUIsQ0FBQztJQUNKLENBQUM7O2tIQXBDVSxvQkFBb0I7c0dBQXBCLG9CQUFvQiw2TUFackI7Ozs7Ozs7OztHQVNUOzRGQUdVLG9CQUFvQjtrQkFkaEMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7OztHQVNUOzBFQUlRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTdGF0dXNEaXNwbGF5Q29uZmlnLFxuICBTdGF0dXNHcm91cENvbmZpZyxcbn0gZnJvbSAnLi4vY3VzdG9tLWZpbHRlci9jdXN0b20tZmlsdGVyLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXJkLXN0YXR1cy1maWVsZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInN0YXR1cy1maWVsZFwiIFtuZ0NsYXNzXT1cInNpemVcIj5cbiAgICAgIDxpbWdcbiAgICAgICAgKm5nSWY9XCJnZXRTdGF0dXNEaXNwbGF5KCk/Lmljb25cIlxuICAgICAgICBbc3JjXT1cImdldFN0YXR1c0Rpc3BsYXkoKT8uaWNvblwiXG4gICAgICAgIGFsdD1cIlwiXG4gICAgICAvPlxuICAgICAge3sgZ2V0U3RhdHVzRGlzcGxheSgpPy50ZXh0IH19XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3N0YXR1cy1maWVsZC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNGaWVsZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHN0YXR1cyE6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgdGV4dD86IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZTogJ2RlZmF1bHQnIHwgJ2xhcmdlJyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgc3RhdHVzRGlzcGxheUNvbmZpZ3M6IFN0YXR1c0Rpc3BsYXlDb25maWdbXSA9IFtdO1xuICBASW5wdXQoKSBzdGF0dXNHcm91cENvbmZpZ3M6IFN0YXR1c0dyb3VwQ29uZmlnID0ge307XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBnZXRTdGF0dXNEaXNwbGF5KCk6IHsgaWNvbjogc3RyaW5nOyB0ZXh0OiBzdHJpbmcgfSB7XG4gICAgLy8gMS4g5p+l5om+57K+56Gu5Yy56YWN55qE6YWN572uXG4gICAgY29uc3QgZXhhY3RNYXRjaCA9IHRoaXMuc3RhdHVzRGlzcGxheUNvbmZpZ3M/LmZpbmQoXG4gICAgICAoYykgPT4gYz8uc3RhdHVzID09PSB0aGlzLnN0YXR1c1xuICAgICk7XG4gICAgaWYgKGV4YWN0TWF0Y2gpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IGV4YWN0TWF0Y2g/Lmljb24sXG4gICAgICAgIHRleHQ6IGV4YWN0TWF0Y2g/LnRleHQgfHwgKHRoaXMuc3RhdHVzIGFzIHN0cmluZyksXG4gICAgICB9O1xuICAgIH1cblxuICAgIC8vIDIuIOafpeaJvuWIhue7hOWMuemFjVxuICAgIGZvciAoY29uc3QgZ3JvdXBOYW1lIGluIHRoaXMuc3RhdHVzR3JvdXBDb25maWdzKSB7XG4gICAgICBjb25zdCBncm91cCA9IHRoaXMuc3RhdHVzR3JvdXBDb25maWdzW2dyb3VwTmFtZV07XG4gICAgICBpZiAoZ3JvdXA/Lm1hdGNoKHRoaXMuc3RhdHVzIGFzIHN0cmluZykpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBpY29uOiBncm91cD8uaWNvbixcbiAgICAgICAgICB0ZXh0OiB0aGlzLnN0YXR1cyBhcyBzdHJpbmcsIC8vIOaIluiAheWPr+S7pemFjee9rum7mOiupOaWh+acrFxuICAgICAgICB9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIDMuIOm7mOiupOi/lOWbnlxuICAgIHJldHVybiB7XG4gICAgICBpY29uOiAnJyxcbiAgICAgIHRleHQ6IHRoaXMuc3RhdHVzIGFzIHN0cmluZyxcbiAgICB9O1xuICB9XG59XG4iXX0=
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -11,8 +11,9 @@ export * from './lib/modules/custom-select';
|
|
|
11
11
|
export * from './lib/modules/custom-filter';
|
|
12
12
|
export * from './lib/modules/custom-pagination';
|
|
13
13
|
export * from './lib/modules/status-field';
|
|
14
|
+
export * from './lib/modules/header-step';
|
|
14
15
|
export * from './lib/pipes';
|
|
15
16
|
export * from './lib/decorators';
|
|
16
17
|
// utils
|
|
17
18
|
export * from './lib/utils/debounce';
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUVqQyxRQUFRO0FBQ1IsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2hhcmVkLWxpYlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWNoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLWRhdGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20taW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tdGV4dGFyZWEnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20taW5wdXQtYW1vdW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLXJhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY3VzdG9tLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2N1c3RvbS1maWx0ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9jdXN0b20tcGFnaW5hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3N0YXR1cy1maWVsZCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2hlYWRlci1zdGVwJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kZWNvcmF0b3JzJztcblxuLy8gdXRpbHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzL2RlYm91bmNlJztcbiJdfQ==
|