@alauda-fe/dynamic-plugin-shared 0.0.3-alpha.0 → 0.0.3-alpha.3
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.
|
@@ -4950,11 +4950,11 @@ class CardSectionComponent {
|
|
|
4950
4950
|
this.isTemplateRef = isTemplateRef;
|
|
4951
4951
|
}
|
|
4952
4952
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CardSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4953
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CardSectionComponent, isStandalone: true, selector: "acl-card-section", inputs: { title: "title", bordered: "bordered" }, host: { properties: { "class.bordered": "this.bordered" } }, ngImport: i0, template: "<h3 class=\"d-flex align-center mb-16 card-section__title\">\n @if (isTemplateRef(title)) {\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n } @else {\n {{ title }}\n }\n</h3>\n<ng-content></ng-content>\n", styles: [".card-section__title{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}:host(.bordered)>.card-section__title:before{content:\"\";display:inline-flex;margin-right:8px;height:16px;width:4px;border-radius:2px;background-color:
|
|
4953
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CardSectionComponent, isStandalone: true, selector: "acl-card-section", inputs: { title: "title", bordered: "bordered" }, host: { properties: { "class.bordered": "this.bordered" } }, ngImport: i0, template: "<h3 class=\"d-flex align-center mb-16 card-section__title\">\n @if (isTemplateRef(title)) {\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n } @else {\n {{ title }}\n }\n</h3>\n<ng-content></ng-content>\n", styles: [".card-section__title{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}:host(.bordered)>.card-section__title:before{content:\"\";display:inline-flex;margin-right:8px;height:16px;width:4px;border-radius:2px;background-color:rgb(var(--aui-color-primary))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4954
4954
|
}
|
|
4955
4955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CardSectionComponent, decorators: [{
|
|
4956
4956
|
type: Component,
|
|
4957
|
-
args: [{ selector: 'acl-card-section', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<h3 class=\"d-flex align-center mb-16 card-section__title\">\n @if (isTemplateRef(title)) {\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n } @else {\n {{ title }}\n }\n</h3>\n<ng-content></ng-content>\n", styles: [".card-section__title{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}:host(.bordered)>.card-section__title:before{content:\"\";display:inline-flex;margin-right:8px;height:16px;width:4px;border-radius:2px;background-color:
|
|
4957
|
+
args: [{ selector: 'acl-card-section', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<h3 class=\"d-flex align-center mb-16 card-section__title\">\n @if (isTemplateRef(title)) {\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n } @else {\n {{ title }}\n }\n</h3>\n<ng-content></ng-content>\n", styles: [".card-section__title{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder)}:host(.bordered)>.card-section__title:before{content:\"\";display:inline-flex;margin-right:8px;height:16px;width:4px;border-radius:2px;background-color:rgb(var(--aui-color-primary))}\n"] }]
|
|
4958
4958
|
}], propDecorators: { title: [{
|
|
4959
4959
|
type: Input
|
|
4960
4960
|
}], bordered: [{
|
|
@@ -5276,7 +5276,7 @@ class DateRangePickerComponent {
|
|
|
5276
5276
|
useExisting: forwardRef(() => DateRangePickerComponent),
|
|
5277
5277
|
multi: true,
|
|
5278
5278
|
},
|
|
5279
|
-
], viewQueries: [{ propertyName: "tip", first: true, predicate: ["tip"], descendants: true }], ngImport: i0, template: "@if (mode === 'input' || mode === 'dropdown') {\n <aui-input-group\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipAnimType=\"none\"\n [style.width]=\"inputWidth\"\n #tip=\"auiTooltip\"\n >\n <input\n aui-input\n [class]=\"{\n 'tw-text-center': mode === 'dropdown',\n '!tw-text-s': mode === 'dropdown',\n 'date-range-picker': true,\n }\"\n [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n readonly\n />\n <aui-icon\n auiInputSuffix\n class=\"tw-text-n-2\"\n [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n ></aui-icon>\n </aui-input-group>\n}\n\n@if (mode === 'tag') {\n <aui-tag\n size=\"mini\"\n class=\"tag\"\n [type]=\"tagActive ? 'primary' : 'info'\"\n [solid]=\"tagActive\"\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n #tip=\"auiTooltip\"\n auiTooltipPosition=\"bottom start\"\n >\n <aui-icon icon=\"clock\"></aui-icon>\n {{\n !value\n ? ('more' | translate)\n : (value | pure: formatValue : (translate.locale$ | async))\n }}\n <aui-icon\n class=\"tw-ml-[-4px]\"\n icon=\"angle_down\"\n margin=\"left\"\n ></aui-icon>\n </aui-tag>\n}\n\n<ng-template #tooltip>\n <div class=\"range-picker-panel\">\n <div class=\"control\">\n @for (range of ranges; track range) {\n <span\n class=\"control-row\"\n [class.active]=\"range.label === selectedRange?.label\"\n (click)=\"selectRange(range)\"\n >\n {{\n range.display\n ? (range.display | translate: range.displayCtx)\n : (range.label | translate)\n }}\n </span>\n }\n </div>\n @if (isCustom) {\n <div class=\"range-picker-wrapper\">\n <aui-date-range-picker-panel\n [disabledDate]=\"options | pure: getDisabledDate\"\n [(ngModel)]=\"rangeValue\"\n (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n (clear)=\"rangeValue = []\"\n (click)=\"$event.stopImmediatePropagation()\"\n [showTime]=\"finalOptions.timePicker\"\n [disabledTime]=\"enableDisableTime && disabledTime()\"\n ></aui-date-range-picker-panel>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid rgb(
|
|
5279
|
+
], viewQueries: [{ propertyName: "tip", first: true, predicate: ["tip"], descendants: true }], ngImport: i0, template: "@if (mode === 'input' || mode === 'dropdown') {\n <aui-input-group\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipAnimType=\"none\"\n [style.width]=\"inputWidth\"\n #tip=\"auiTooltip\"\n >\n <input\n aui-input\n [class]=\"{\n 'tw-text-center': mode === 'dropdown',\n '!tw-text-s': mode === 'dropdown',\n 'date-range-picker': true,\n }\"\n [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n readonly\n />\n <aui-icon\n auiInputSuffix\n class=\"tw-text-n-2\"\n [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n ></aui-icon>\n </aui-input-group>\n}\n\n@if (mode === 'tag') {\n <aui-tag\n size=\"mini\"\n class=\"tag\"\n [type]=\"tagActive ? 'primary' : 'info'\"\n [solid]=\"tagActive\"\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n #tip=\"auiTooltip\"\n auiTooltipPosition=\"bottom start\"\n >\n <aui-icon icon=\"clock\"></aui-icon>\n {{\n !value\n ? ('more' | translate)\n : (value | pure: formatValue : (translate.locale$ | async))\n }}\n <aui-icon\n class=\"tw-ml-[-4px]\"\n icon=\"angle_down\"\n margin=\"left\"\n ></aui-icon>\n </aui-tag>\n}\n\n<ng-template #tooltip>\n <div class=\"range-picker-panel\">\n <div class=\"control\">\n @for (range of ranges; track range) {\n <span\n class=\"control-row\"\n [class.active]=\"range.label === selectedRange?.label\"\n (click)=\"selectRange(range)\"\n >\n {{\n range.display\n ? (range.display | translate: range.displayCtx)\n : (range.label | translate)\n }}\n </span>\n }\n </div>\n @if (isCustom) {\n <div class=\"range-picker-wrapper\">\n <aui-date-range-picker-panel\n [disabledDate]=\"options | pure: getDisabledDate\"\n [(ngModel)]=\"rangeValue\"\n (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n (clear)=\"rangeValue = []\"\n (click)=\"$event.stopImmediatePropagation()\"\n [showTime]=\"finalOptions.timePicker\"\n [disabledTime]=\"enableDisableTime && disabledTime()\"\n ></aui-date-range-picker-panel>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid use-rgb(divider)}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:use-text-color(main)}.date-range-picker[readonly]{background-color:use-rgb(n-9);border-color:use-rgb(n-7)}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid use-rgb(divider)}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:use-text-color(main)}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:use-rgb(p-6);color:use-rgb(primary);cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:use-rgb(p-6);color:use-rgb(primary)}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.tag ::ng-deep .aui-tag{max-width:unset!important}\n"], dependencies: [{ kind: "component", type: InputGroupComponent, selector: "aui-input-group" }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "directive", type: InputSuffixDirective, selector: "[auiInputSuffix]" }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "component", type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: E2eAttributeBindingDirective, selector: "[click],[routerLink],a[href],[auiTooltip],[auiDropdown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5280
5280
|
}
|
|
5281
5281
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DateRangePickerComponent, decorators: [{
|
|
5282
5282
|
type: Component,
|
|
@@ -5299,7 +5299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
5299
5299
|
PurePipe,
|
|
5300
5300
|
AsyncPipe,
|
|
5301
5301
|
EFFECT_DIRECTIVE_MODULE,
|
|
5302
|
-
], standalone: true, template: "@if (mode === 'input' || mode === 'dropdown') {\n <aui-input-group\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipAnimType=\"none\"\n [style.width]=\"inputWidth\"\n #tip=\"auiTooltip\"\n >\n <input\n aui-input\n [class]=\"{\n 'tw-text-center': mode === 'dropdown',\n '!tw-text-s': mode === 'dropdown',\n 'date-range-picker': true,\n }\"\n [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n readonly\n />\n <aui-icon\n auiInputSuffix\n class=\"tw-text-n-2\"\n [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n ></aui-icon>\n </aui-input-group>\n}\n\n@if (mode === 'tag') {\n <aui-tag\n size=\"mini\"\n class=\"tag\"\n [type]=\"tagActive ? 'primary' : 'info'\"\n [solid]=\"tagActive\"\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n #tip=\"auiTooltip\"\n auiTooltipPosition=\"bottom start\"\n >\n <aui-icon icon=\"clock\"></aui-icon>\n {{\n !value\n ? ('more' | translate)\n : (value | pure: formatValue : (translate.locale$ | async))\n }}\n <aui-icon\n class=\"tw-ml-[-4px]\"\n icon=\"angle_down\"\n margin=\"left\"\n ></aui-icon>\n </aui-tag>\n}\n\n<ng-template #tooltip>\n <div class=\"range-picker-panel\">\n <div class=\"control\">\n @for (range of ranges; track range) {\n <span\n class=\"control-row\"\n [class.active]=\"range.label === selectedRange?.label\"\n (click)=\"selectRange(range)\"\n >\n {{\n range.display\n ? (range.display | translate: range.displayCtx)\n : (range.label | translate)\n }}\n </span>\n }\n </div>\n @if (isCustom) {\n <div class=\"range-picker-wrapper\">\n <aui-date-range-picker-panel\n [disabledDate]=\"options | pure: getDisabledDate\"\n [(ngModel)]=\"rangeValue\"\n (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n (clear)=\"rangeValue = []\"\n (click)=\"$event.stopImmediatePropagation()\"\n [showTime]=\"finalOptions.timePicker\"\n [disabledTime]=\"enableDisableTime && disabledTime()\"\n ></aui-date-range-picker-panel>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid rgb(
|
|
5302
|
+
], standalone: true, template: "@if (mode === 'input' || mode === 'dropdown') {\n <aui-input-group\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipAnimType=\"none\"\n [style.width]=\"inputWidth\"\n #tip=\"auiTooltip\"\n >\n <input\n aui-input\n [class]=\"{\n 'tw-text-center': mode === 'dropdown',\n '!tw-text-s': mode === 'dropdown',\n 'date-range-picker': true,\n }\"\n [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n readonly\n />\n <aui-icon\n auiInputSuffix\n class=\"tw-text-n-2\"\n [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n ></aui-icon>\n </aui-input-group>\n}\n\n@if (mode === 'tag') {\n <aui-tag\n size=\"mini\"\n class=\"tag\"\n [type]=\"tagActive ? 'primary' : 'info'\"\n [solid]=\"tagActive\"\n [auiTooltip]=\"tooltip\"\n auiTooltipClass=\"acl-date-range-picker__panel\"\n auiTooltipTrigger=\"click\"\n auiTooltipType=\"info\"\n #tip=\"auiTooltip\"\n auiTooltipPosition=\"bottom start\"\n >\n <aui-icon icon=\"clock\"></aui-icon>\n {{\n !value\n ? ('more' | translate)\n : (value | pure: formatValue : (translate.locale$ | async))\n }}\n <aui-icon\n class=\"tw-ml-[-4px]\"\n icon=\"angle_down\"\n margin=\"left\"\n ></aui-icon>\n </aui-tag>\n}\n\n<ng-template #tooltip>\n <div class=\"range-picker-panel\">\n <div class=\"control\">\n @for (range of ranges; track range) {\n <span\n class=\"control-row\"\n [class.active]=\"range.label === selectedRange?.label\"\n (click)=\"selectRange(range)\"\n >\n {{\n range.display\n ? (range.display | translate: range.displayCtx)\n : (range.label | translate)\n }}\n </span>\n }\n </div>\n @if (isCustom) {\n <div class=\"range-picker-wrapper\">\n <aui-date-range-picker-panel\n [disabledDate]=\"options | pure: getDisabledDate\"\n [(ngModel)]=\"rangeValue\"\n (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n (clear)=\"rangeValue = []\"\n (click)=\"$event.stopImmediatePropagation()\"\n [showTime]=\"finalOptions.timePicker\"\n [disabledTime]=\"enableDisableTime && disabledTime()\"\n ></aui-date-range-picker-panel>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid use-rgb(divider)}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:use-text-color(main)}.date-range-picker[readonly]{background-color:use-rgb(n-9);border-color:use-rgb(n-7)}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid use-rgb(divider)}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:use-text-color(main)}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:use-rgb(p-6);color:use-rgb(primary);cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:use-rgb(p-6);color:use-rgb(primary)}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.tag ::ng-deep .aui-tag{max-width:unset!important}\n"] }]
|
|
5303
5303
|
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
5304
5304
|
type: Input
|
|
5305
5305
|
}], format: [{
|
|
@@ -5473,7 +5473,7 @@ class TagsLabelComponent extends ListenResizeDirective {
|
|
|
5473
5473
|
}));
|
|
5474
5474
|
}
|
|
5475
5475
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TagsLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5476
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TagsLabelComponent, isStandalone: true, selector: "acl-tags-label", inputs: { tagClickable: "tagClickable", border: "border", tagType: "tagType", tagRound: "tagRound", tags: "tags", tooltipPosition: "tooltipPosition", showMore: "showMore", isWrapped: "isWrapped", controlSize: "controlSize", isControlSize: "isControlSize", tagRender: "tagRender" }, outputs: { tagClick: "tagClick" }, queries: [{ propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }], viewQueries: [{ propertyName: "tagsContainerMirror", first: true, predicate: ["tagsContainerMirror"], descendants: true }, { propertyName: "tagsContainer", first: true, predicate: ["tagsContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #tagsContainer\n class=\"tags-strut\"\n>\n @if ((tagsValue$ | async)?.length) {\n <div\n class=\"tags-container\"\n [class.tags-container--multiline]=\"isWrapped\"\n >\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"border\"\n [title]=\"tag | pure: tagRender\"\n [round]=\"tagRound\"\n [hidden]=\"index >= shouldRenderCount\"\n [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n [class.tag-clickable]=\"tagClickable\"\n (click)=\"tagClick.next(tag)\"\n >\n <!-- {{ tag | pure: renderTag }} -->\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n }\n </div>\n } @else {\n <div>-</div>\n }\n\n @if (\n !isWrapped &&\n showMore &&\n (tagsValue$ | async)?.length &&\n shouldRenderEllipse\n ) {\n <aui-tag\n class=\"tooltip-toggle\"\n [round]=\"tagRound\"\n [auiTooltip]=\"labels\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"tag-tooltip\"\n [auiTooltipPosition]=\"tooltipPosition\"\n [type]=\"tagType\"\n size=\"mini\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n </aui-tag>\n }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n class=\"tags-container--mirror\"\n #tagsContainerMirror\n>\n @for (tag of tagsValue$ | async; track tag) {\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag }\n \"\n ></ng-container>\n </aui-tag>\n }\n</div>\n\n<ng-template #labels>\n <div class=\"tooltip-container\">\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <div class=\"tooltip-tag\">\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [title]=\"tag | pure: tagRender\"\n [class.tag-clickable]=\"tagClickable\"\n [border]=\"border\"\n [round]=\"tagRound\"\n (click)=\"tagClick.next(tag)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n </div>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultTagTemplate\n let-tag\n>\n {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:var(
|
|
5476
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TagsLabelComponent, isStandalone: true, selector: "acl-tags-label", inputs: { tagClickable: "tagClickable", border: "border", tagType: "tagType", tagRound: "tagRound", tags: "tags", tooltipPosition: "tooltipPosition", showMore: "showMore", isWrapped: "isWrapped", controlSize: "controlSize", isControlSize: "isControlSize", tagRender: "tagRender" }, outputs: { tagClick: "tagClick" }, queries: [{ propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }], viewQueries: [{ propertyName: "tagsContainerMirror", first: true, predicate: ["tagsContainerMirror"], descendants: true }, { propertyName: "tagsContainer", first: true, predicate: ["tagsContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #tagsContainer\n class=\"tags-strut\"\n>\n @if ((tagsValue$ | async)?.length) {\n <div\n class=\"tags-container\"\n [class.tags-container--multiline]=\"isWrapped\"\n >\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"border\"\n [title]=\"tag | pure: tagRender\"\n [round]=\"tagRound\"\n [hidden]=\"index >= shouldRenderCount\"\n [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n [class.tag-clickable]=\"tagClickable\"\n (click)=\"tagClick.next(tag)\"\n >\n <!-- {{ tag | pure: renderTag }} -->\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n }\n </div>\n } @else {\n <div>-</div>\n }\n\n @if (\n !isWrapped &&\n showMore &&\n (tagsValue$ | async)?.length &&\n shouldRenderEllipse\n ) {\n <aui-tag\n class=\"tooltip-toggle\"\n [round]=\"tagRound\"\n [auiTooltip]=\"labels\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"tag-tooltip\"\n [auiTooltipPosition]=\"tooltipPosition\"\n [type]=\"tagType\"\n size=\"mini\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n </aui-tag>\n }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n class=\"tags-container--mirror\"\n #tagsContainerMirror\n>\n @for (tag of tagsValue$ | async; track tag) {\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag }\n \"\n ></ng-container>\n </aui-tag>\n }\n</div>\n\n<ng-template #labels>\n <div class=\"tooltip-container\">\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <div class=\"tooltip-tag\">\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [title]=\"tag | pure: tagRender\"\n [class.tag-clickable]=\"tagClickable\"\n [border]=\"border\"\n [round]=\"tagRound\"\n (click)=\"tagClick.next(tag)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n </div>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultTagTemplate\n let-tag\n>\n {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:use-var(border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:use-rgb(primary);background-color:use-rgb(p-6)}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5477
5477
|
}
|
|
5478
5478
|
__decorate([
|
|
5479
5479
|
ObservableInput(),
|
|
@@ -5492,7 +5492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
5492
5492
|
TooltipModule,
|
|
5493
5493
|
IconModule,
|
|
5494
5494
|
PurePipe,
|
|
5495
|
-
], template: "<div\n #tagsContainer\n class=\"tags-strut\"\n>\n @if ((tagsValue$ | async)?.length) {\n <div\n class=\"tags-container\"\n [class.tags-container--multiline]=\"isWrapped\"\n >\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"border\"\n [title]=\"tag | pure: tagRender\"\n [round]=\"tagRound\"\n [hidden]=\"index >= shouldRenderCount\"\n [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n [class.tag-clickable]=\"tagClickable\"\n (click)=\"tagClick.next(tag)\"\n >\n <!-- {{ tag | pure: renderTag }} -->\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n }\n </div>\n } @else {\n <div>-</div>\n }\n\n @if (\n !isWrapped &&\n showMore &&\n (tagsValue$ | async)?.length &&\n shouldRenderEllipse\n ) {\n <aui-tag\n class=\"tooltip-toggle\"\n [round]=\"tagRound\"\n [auiTooltip]=\"labels\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"tag-tooltip\"\n [auiTooltipPosition]=\"tooltipPosition\"\n [type]=\"tagType\"\n size=\"mini\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n </aui-tag>\n }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n class=\"tags-container--mirror\"\n #tagsContainerMirror\n>\n @for (tag of tagsValue$ | async; track tag) {\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag }\n \"\n ></ng-container>\n </aui-tag>\n }\n</div>\n\n<ng-template #labels>\n <div class=\"tooltip-container\">\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <div class=\"tooltip-tag\">\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [title]=\"tag | pure: tagRender\"\n [class.tag-clickable]=\"tagClickable\"\n [border]=\"border\"\n [round]=\"tagRound\"\n (click)=\"tagClick.next(tag)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n </div>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultTagTemplate\n let-tag\n>\n {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:var(
|
|
5495
|
+
], template: "<div\n #tagsContainer\n class=\"tags-strut\"\n>\n @if ((tagsValue$ | async)?.length) {\n <div\n class=\"tags-container\"\n [class.tags-container--multiline]=\"isWrapped\"\n >\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"border\"\n [title]=\"tag | pure: tagRender\"\n [round]=\"tagRound\"\n [hidden]=\"index >= shouldRenderCount\"\n [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n [class.tag-clickable]=\"tagClickable\"\n (click)=\"tagClick.next(tag)\"\n >\n <!-- {{ tag | pure: renderTag }} -->\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n }\n </div>\n } @else {\n <div>-</div>\n }\n\n @if (\n !isWrapped &&\n showMore &&\n (tagsValue$ | async)?.length &&\n shouldRenderEllipse\n ) {\n <aui-tag\n class=\"tooltip-toggle\"\n [round]=\"tagRound\"\n [auiTooltip]=\"labels\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"tag-tooltip\"\n [auiTooltipPosition]=\"tooltipPosition\"\n [type]=\"tagType\"\n size=\"mini\"\n >\n <aui-icon icon=\"ellipsis_s\"></aui-icon>\n </aui-tag>\n }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n class=\"tags-container--mirror\"\n #tagsContainerMirror\n>\n @for (tag of tagsValue$ | async; track tag) {\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [border]=\"true\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag }\n \"\n ></ng-container>\n </aui-tag>\n }\n</div>\n\n<ng-template #labels>\n <div class=\"tooltip-container\">\n @for (tag of tagsValue$ | async; track tag; let index = $index) {\n <div class=\"tooltip-tag\">\n <aui-tag\n [type]=\"tagType\"\n size=\"mini\"\n [title]=\"tag | pure: tagRender\"\n [class.tag-clickable]=\"tagClickable\"\n [border]=\"border\"\n [round]=\"tagRound\"\n (click)=\"tagClick.next(tag)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n tagTemplate || defaultTagTemplate;\n context: { $implicit: tag, index }\n \"\n ></ng-container>\n </aui-tag>\n </div>\n }\n </div>\n</ng-template>\n\n<ng-template\n #defaultTagTemplate\n let-tag\n>\n {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:use-var(border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:use-rgb(primary);background-color:use-rgb(p-6)}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"] }]
|
|
5496
5496
|
}], propDecorators: { tagsContainerMirror: [{
|
|
5497
5497
|
type: ViewChild,
|
|
5498
5498
|
args: ['tagsContainerMirror', { static: false }]
|