imm-element-ui 2.3.0 → 2.3.1
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/README.md +5 -6
- package/esm2022/lib/page-form/page-form-slot.directive.mjs +7 -3
- package/esm2022/lib/page-form/page-form.component.mjs +96 -19
- package/esm2022/lib/page-form/page-form.interface.mjs +1 -1
- package/esm2022/lib/service/page-form.service.mjs +11 -1
- package/fesm2022/imm-element-ui.mjs +110 -19
- package/fesm2022/imm-element-ui.mjs.map +1 -1
- package/lib/crumb-action/crumb-action.component.d.ts +1 -1
- package/lib/page-form/page-form-slot.directive.d.ts +4 -1
- package/lib/page-form/page-form.component.d.ts +23 -7
- package/lib/page-form/page-form.interface.d.ts +1 -1
- package/lib/service/page-form.service.d.ts +6 -0
- package/lib/steps/steps.component.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,13 +26,13 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
26
26
|
|
|
27
27
|
## PageForm slots
|
|
28
28
|
|
|
29
|
-
`PageFormComponent` supports
|
|
29
|
+
`PageFormComponent` supports custom tab slots via `ng-template[pageFormSlot]`.
|
|
30
30
|
|
|
31
31
|
### Recommended usage
|
|
32
32
|
|
|
33
|
-
- Use `gridList[].slotKey` to mark tabs that should render through
|
|
34
|
-
-
|
|
35
|
-
- `subDataKey` remains a compatibility fallback
|
|
33
|
+
- Use `gridList[].slotKey` to mark tabs that should render through a custom slot.
|
|
34
|
+
- Register one `ng-template[pageFormSlot]` per slot key, and set `slotKey` on the directive itself.
|
|
35
|
+
- `subDataKey` remains a compatibility fallback when `grid.slotKey` is not provided.
|
|
36
36
|
|
|
37
37
|
### Example
|
|
38
38
|
|
|
@@ -43,6 +43,7 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
43
43
|
[getPrmInput]="getPrm">
|
|
44
44
|
<ng-template
|
|
45
45
|
pageFormSlot
|
|
46
|
+
slotKey="gantt"
|
|
46
47
|
let-slotKey="slotKey"
|
|
47
48
|
let-grid="grid"
|
|
48
49
|
let-data="data"
|
|
@@ -51,7 +52,6 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
51
52
|
let-pageForm="pageForm"
|
|
52
53
|
let-index="index"
|
|
53
54
|
let-active="active">
|
|
54
|
-
@if (slotKey === 'gantt') {
|
|
55
55
|
<app-gantt-data
|
|
56
56
|
[grid]="grid"
|
|
57
57
|
[data]="data"
|
|
@@ -60,7 +60,6 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
60
60
|
[pageForm]="pageForm"
|
|
61
61
|
[active]="active">
|
|
62
62
|
</app-gantt-data>
|
|
63
|
-
}
|
|
64
63
|
</ng-template>
|
|
65
64
|
</app-page-form>
|
|
66
65
|
```
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import { Directive, inject, TemplateRef } from '@angular/core';
|
|
1
|
+
import { Directive, inject, input, TemplateRef } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class PageFormSlotDirective {
|
|
4
4
|
constructor() {
|
|
5
|
+
this.slotKey = input.required();
|
|
5
6
|
this.templateRef = inject((TemplateRef));
|
|
6
7
|
}
|
|
8
|
+
static ngTemplateContextGuard(_dir, ctx) {
|
|
9
|
+
return true;
|
|
10
|
+
}
|
|
7
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
12
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: PageFormSlotDirective, isStandalone: true, selector: "ng-template[pageFormSlot]", inputs: { slotKey: { classPropertyName: "slotKey", publicName: "slotKey", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
9
13
|
}
|
|
10
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormSlotDirective, decorators: [{
|
|
11
15
|
type: Directive,
|
|
@@ -14,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
14
18
|
standalone: true,
|
|
15
19
|
}]
|
|
16
20
|
}] });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1mb3JtLXNsb3QuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW1tLWVsZW1lbnQtdWkvc3JjL2xpYi9wYWdlLWZvcm0vcGFnZS1mb3JtLXNsb3QuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3RFLE1BQU0sT0FBTyxxQkFBcUI7SUFKbEM7UUFLQyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ25DLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUEsV0FBZ0MsQ0FBQSxDQUFDLENBQUM7S0FRdkQ7SUFOQSxNQUFNLENBQUMsc0JBQXNCLENBQzVCLElBQTJCLEVBQzNCLEdBQVk7UUFFWixPQUFPLElBQUksQ0FBQztJQUNiLENBQUM7K0dBVFcscUJBQXFCO21HQUFyQixxQkFBcUI7OzRGQUFyQixxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsVUFBVSxFQUFFLElBQUk7aUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZUZvcm1TbG90Q29udGV4dCB9IGZyb20gJy4vcGFnZS1mb3JtLmludGVyZmFjZSc7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ25nLXRlbXBsYXRlW3BhZ2VGb3JtU2xvdF0nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlRm9ybVNsb3REaXJlY3RpdmUge1xuXHRzbG90S2V5ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXHR0ZW1wbGF0ZVJlZiA9IGluamVjdChUZW1wbGF0ZVJlZjxQYWdlRm9ybVNsb3RDb250ZXh0Pik7XG5cblx0c3RhdGljIG5nVGVtcGxhdGVDb250ZXh0R3VhcmQoXG5cdFx0X2RpcjogUGFnZUZvcm1TbG90RGlyZWN0aXZlLFxuXHRcdGN0eDogdW5rbm93bixcblx0KTogY3R4IGlzIFBhZ2VGb3JtU2xvdENvbnRleHQge1xuXHRcdHJldHVybiB0cnVlO1xuXHR9XG59XG4iXX0=
|