@alauda-fe/crd-form 0.0.2 → 0.0.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.
- package/esm2022/lib/crd-form/component.mjs +11 -21
- package/esm2022/lib/crd-form.module.mjs +6 -8
- package/esm2022/lib/field-controls/form-item.component.mjs +25 -44
- package/esm2022/lib/field-controls/operand-field-group.component.mjs +8 -17
- package/esm2022/lib/field-controls/operand-field.component.mjs +10 -12
- package/esm2022/lib/types/index.mjs +4 -8
- package/esm2022/lib/utils/capability.mjs +3 -3
- package/esm2022/lib/utils/helper.mjs +1 -6
- package/esm2022/lib/utils/index.mjs +1 -2
- package/lib/crd-form/component.d.ts +2 -5
- package/lib/crd-form.module.d.ts +7 -8
- package/lib/field-controls/operand-field-group.component.d.ts +2 -5
- package/lib/field-controls/operand-field.component.d.ts +3 -4
- package/lib/types/index.d.ts +1 -6
- package/lib/utils/helper.d.ts +0 -3
- package/lib/utils/index.d.ts +0 -1
- package/package.json +1 -1
- package/esm2022/lib/utils/directives.mjs +0 -19
- package/lib/utils/directives.d.ts +0 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output,
|
|
2
|
-
import { getFieldDisplayName, isFolded
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { getFieldDisplayName, isFolded } from '../utils';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@alauda/ui";
|
|
@@ -15,7 +15,6 @@ function OperandFieldGroupComponent_ng_container_10_Template(rf, ctx) { if (rf &
|
|
|
15
15
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
16
16
|
i0.ɵɵelementContainerStart(0);
|
|
17
17
|
i0.ɵɵelementStart(1, "acl-operand-field", 7);
|
|
18
|
-
i0.ɵɵpipe(2, "pure");
|
|
19
18
|
i0.ɵɵlistener("valueChange", function OperandFieldGroupComponent_ng_container_10_Template_acl_operand_field_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.fieldValueChange($event)); });
|
|
20
19
|
i0.ɵɵelementEnd();
|
|
21
20
|
i0.ɵɵelementContainerEnd();
|
|
@@ -23,7 +22,7 @@ function OperandFieldGroupComponent_ng_container_10_Template(rf, ctx) { if (rf &
|
|
|
23
22
|
const field_r3 = ctx.$implicit;
|
|
24
23
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
25
24
|
i0.ɵɵadvance();
|
|
26
|
-
i0.ɵɵproperty("field", field_r3)("fields", ctx_r1.fields)("readonly", ctx_r1.readonly)("formDataState", ctx_r1.formDataState)("formErrors", ctx_r1.formErrors)
|
|
25
|
+
i0.ɵɵproperty("field", field_r3)("fields", ctx_r1.fields)("readonly", ctx_r1.readonly)("formDataState", ctx_r1.formDataState)("formErrors", ctx_r1.formErrors);
|
|
27
26
|
} }
|
|
28
27
|
export class OperandFieldGroupComponent {
|
|
29
28
|
constructor() {
|
|
@@ -43,14 +42,8 @@ export class OperandFieldGroupComponent {
|
|
|
43
42
|
// field.groupDisplay,field.groupName is setBy devops cicd
|
|
44
43
|
return field.groupDisplay || field.groupName || getFieldDisplayName(field);
|
|
45
44
|
}
|
|
46
|
-
getCustomDescription(customDescriptions, field) {
|
|
47
|
-
if (!customDescriptions) {
|
|
48
|
-
return null;
|
|
49
|
-
}
|
|
50
|
-
return customDescriptions.find(des => `spec.${des.aclCrdFormCustomDescription}` === field.path);
|
|
51
|
-
}
|
|
52
45
|
static { this.ɵfac = function OperandFieldGroupComponent_Factory(t) { return new (t || OperandFieldGroupComponent)(); }; }
|
|
53
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OperandFieldGroupComponent, selectors: [["acl-operand-field-group"]], inputs: { fields: "fields", fieldGroup: "fieldGroup", formDataState: "formDataState", formErrors: "formErrors",
|
|
46
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OperandFieldGroupComponent, selectors: [["acl-operand-field-group"]], inputs: { fields: "fields", fieldGroup: "fieldGroup", formDataState: "formDataState", formErrors: "formErrors", readonly: "readonly" }, outputs: { valueChange: "valueChange" }, decls: 11, vars: 12, consts: [[1, "field-group"], [1, "header"], [1, "title", 3, "click"], ["icon", "caret_down_s", 4, "ngIf"], [1, "content", 3, "hidden"], [4, "ngFor", "ngForOf"], ["icon", "caret_down_s"], [3, "valueChange", "field", "fields", "readonly", "formDataState", "formErrors"]], template: function OperandFieldGroupComponent_Template(rf, ctx) { if (rf & 1) {
|
|
54
47
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
|
|
55
48
|
i0.ɵɵlistener("click", function OperandFieldGroupComponent_Template_div_click_2_listener() { return ctx.expanded = !ctx.expanded; });
|
|
56
49
|
i0.ɵɵtemplate(3, OperandFieldGroupComponent_aui_icon_3_Template, 1, 0, "aui-icon", 3)(4, OperandFieldGroupComponent_aui_icon_4_Template, 1, 0, "aui-icon", 3);
|
|
@@ -60,7 +53,7 @@ export class OperandFieldGroupComponent {
|
|
|
60
53
|
i0.ɵɵpipe(8, "translate");
|
|
61
54
|
i0.ɵɵelementEnd()()();
|
|
62
55
|
i0.ɵɵelementStart(9, "div", 4);
|
|
63
|
-
i0.ɵɵtemplate(10, OperandFieldGroupComponent_ng_container_10_Template,
|
|
56
|
+
i0.ɵɵtemplate(10, OperandFieldGroupComponent_ng_container_10_Template, 2, 5, "ng-container", 5);
|
|
64
57
|
i0.ɵɵelementEnd()();
|
|
65
58
|
} if (rf & 2) {
|
|
66
59
|
i0.ɵɵclassProp("expanded", ctx.expanded);
|
|
@@ -78,7 +71,7 @@ export class OperandFieldGroupComponent {
|
|
|
78
71
|
}
|
|
79
72
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OperandFieldGroupComponent, [{
|
|
80
73
|
type: Component,
|
|
81
|
-
args: [{ selector: 'acl-operand-field-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"field-group\"\n [class.expanded]=\"expanded\"\n>\n <div class=\"header\">\n <div\n class=\"title\"\n (click)=\"expanded = !expanded\"\n >\n <aui-icon\n *ngIf=\"!expanded\"\n icon=\"caret_down_s\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"expanded\"\n icon=\"caret_down_s\"\n ></aui-icon>\n <span>{{ fieldGroup | pure: getGroupName | translate }}</span>\n </div>\n </div>\n <div\n class=\"content\"\n [hidden]=\"!expanded\"\n >\n <ng-container *ngFor=\"let field of fieldGroup.fieldList\">\n <acl-operand-field\n [field]=\"$any(field)\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [formDataState]=\"formDataState\"\n [formErrors]=\"formErrors\"\n (valueChange)=\"fieldValueChange($event)\"\n
|
|
74
|
+
args: [{ selector: 'acl-operand-field-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"field-group\"\n [class.expanded]=\"expanded\"\n>\n <div class=\"header\">\n <div\n class=\"title\"\n (click)=\"expanded = !expanded\"\n >\n <aui-icon\n *ngIf=\"!expanded\"\n icon=\"caret_down_s\"\n ></aui-icon>\n <aui-icon\n *ngIf=\"expanded\"\n icon=\"caret_down_s\"\n ></aui-icon>\n <span>{{ fieldGroup | pure: getGroupName | translate }}</span>\n </div>\n </div>\n <div\n class=\"content\"\n [hidden]=\"!expanded\"\n >\n <ng-container *ngFor=\"let field of fieldGroup.fieldList\">\n <acl-operand-field\n [field]=\"$any(field)\"\n [fields]=\"fields\"\n [readonly]=\"readonly\"\n [formDataState]=\"formDataState\"\n [formErrors]=\"formErrors\"\n (valueChange)=\"fieldValueChange($event)\"\n >\n </acl-operand-field>\n </ng-container>\n </div>\n</div>\n", styles: [".field-group{border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-10));position:relative;margin-bottom:16px;border-radius:2px}.field-group .title{padding:0 20px;font-size:14px;font-weight:500;display:flex;align-items:center;height:60px;line-height:20px;color:rgb(var(--aui-color-n-1));cursor:pointer}.field-group .title aui-icon{margin-right:20px;font-size:20px}.field-group .description{display:block;padding-left:22px;font-size:12px;line-height:16px;color:rgb(var(--aui-color-n-4))}.field-group:not(.expanded) aui-icon[icon=caret_down_s]{transform:rotate(-90deg)}.field-group.expanded>.header>.title{border-bottom:1px solid rgb(var(--aui-color-n-8))}.field-group.expanded>.header>.description{display:block;margin-top:4px}.field-group .content{padding:8px 12px}.field-group .content.no-title{padding-top:0}.field-group .array-item__remove{display:flex;justify-content:flex-end;margin-bottom:4px}.field-group .array-item__add,.field-group .array-item__remove{text-align:center}.field-group .array-item__add aui-icon,.field-group .array-item__remove aui-icon{margin-right:4px}\n"] }]
|
|
82
75
|
}], null, { fields: [{
|
|
83
76
|
type: Input
|
|
84
77
|
}], fieldGroup: [{
|
|
@@ -87,12 +80,10 @@ export class OperandFieldGroupComponent {
|
|
|
87
80
|
type: Input
|
|
88
81
|
}], formErrors: [{
|
|
89
82
|
type: Input
|
|
90
|
-
}], customDescriptions: [{
|
|
91
|
-
type: Input
|
|
92
83
|
}], readonly: [{
|
|
93
84
|
type: Input
|
|
94
85
|
}], valueChange: [{
|
|
95
86
|
type: Output
|
|
96
87
|
}] }); })();
|
|
97
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OperandFieldGroupComponent, { className: "OperandFieldGroupComponent", filePath: "lib/field-controls/operand-field-group.component.ts", lineNumber:
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OperandFieldGroupComponent, { className: "OperandFieldGroupComponent", filePath: "lib/field-controls/operand-field-group.component.ts", lineNumber: 24 }); })();
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BlcmFuZC1maWVsZC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NyZC1mb3JtL3NyYy9saWIvZmllbGQtY29udHJvbHMvb3BlcmFuZC1maWVsZC1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NyZC1mb3JtL3NyYy9saWIvZmllbGQtY29udHJvbHMvb3BlcmFuZC1maWVsZC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQVN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7Ozs7O0lDTm5ELDhCQUdZOzs7SUFDWiw4QkFHWTs7OztJQVFkLDZCQUF5RDtJQUN2RCw0Q0FPQztJQURDLDZOQUFlLCtCQUF3QixLQUFDO0lBRTFDLGlCQUFvQjs7Ozs7SUFQbEIsY0FBcUI7SUFJckIsQUFEQSxBQURBLEFBREEsQUFEQSxnQ0FBcUIseUJBQ0osNkJBQ0ksdUNBQ1UsaUNBQ047O0FEUGpDLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFXVyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXlCLENBQUM7S0FvQm5FO0lBaEJDLElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUF3QjtRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQXdCO1FBQ25DLDJEQUEyRDtRQUMzRCxPQUFPLEtBQUssQ0FBQyxZQUFZLElBQUksS0FBSyxDQUFDLFNBQVMsSUFBSSxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RSxDQUFDOzJGQXpCVSwwQkFBMEI7b0VBQTFCLDBCQUEwQjtZQ2xCbkMsQUFERixBQUpGLDhCQUdDLGFBQ3FCLGFBSWpCO1lBREMsb0lBQThCO1lBTTlCLEFBSkEscUZBR0Msd0VBSUE7WUFDRCw0QkFBTTtZQUFBLFlBQWlEOzs7WUFFM0QsQUFERSxBQUR5RCxpQkFBTyxFQUMxRCxFQUNGO1lBQ04sOEJBR0M7WUFDQywrRkFBeUQ7WUFZN0QsQUFERSxpQkFBTSxFQUNGOztZQWxDSix3Q0FBMkI7WUFRcEIsZUFBZTtZQUFmLG9DQUFlO1lBSWYsY0FBYztZQUFkLG1DQUFjO1lBR1gsZUFBaUQ7WUFBakQsbUdBQWlEO1lBS3pELGVBQW9CO1lBQXBCLHNDQUFvQjtZQUVZLGNBQXVCO1lBQXZCLGtEQUF1Qjs7O2lGREQ5QywwQkFBMEI7Y0FOdEMsU0FBUzsyQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLE1BQU07a0JBQWQsS0FBSztZQUNHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csVUFBVTtrQkFBbEIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDSSxXQUFXO2tCQUFwQixNQUFNOztrRkFOSSwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBGaWVsZFZhbHVlQ2hhbmdlRXZlbnQsXG4gIEZvcm1EYXRhU3RhdGUsXG4gIEZvcm1FcnJvcnMsXG4gIE9wZXJhbmRGaWVsZCxcbiAgT3BlcmFuZEZpZWxkR3JvdXAsXG59IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldEZpZWxkRGlzcGxheU5hbWUsIGlzRm9sZGVkIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtb3BlcmFuZC1maWVsZC1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnb3BlcmFuZC1maWVsZC1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydvcGVyYW5kLWZpZWxkLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPcGVyYW5kRmllbGRHcm91cENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpZWxkczogT3BlcmFuZEZpZWxkW107XG4gIEBJbnB1dCgpIGZpZWxkR3JvdXA6IE9wZXJhbmRGaWVsZEdyb3VwO1xuICBASW5wdXQoKSBmb3JtRGF0YVN0YXRlOiBGb3JtRGF0YVN0YXRlO1xuICBASW5wdXQoKSBmb3JtRXJyb3JzOiBGb3JtRXJyb3JzO1xuICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPEZpZWxkVmFsdWVDaGFuZ2VFdmVudD4oKTtcblxuICBwcml2YXRlIF9leHBhbmRlZDogYm9vbGVhbjtcblxuICBnZXQgZXhwYW5kZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkID8/ICFpc0ZvbGRlZCh0aGlzLmZpZWxkR3JvdXApO1xuICB9XG5cbiAgc2V0IGV4cGFuZGVkKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZXhwYW5kZWQgPSBleHBhbmRlZDtcbiAgfVxuXG4gIGZpZWxkVmFsdWVDaGFuZ2UoZTogRmllbGRWYWx1ZUNoYW5nZUV2ZW50KSB7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGUpO1xuICB9XG5cbiAgZ2V0R3JvdXBOYW1lKGZpZWxkOiBPcGVyYW5kRmllbGRHcm91cCkge1xuICAgIC8vIGZpZWxkLmdyb3VwRGlzcGxheSxmaWVsZC5ncm91cE5hbWUgIGlzIHNldEJ5IGRldm9wcyBjaWNkXG4gICAgcmV0dXJuIGZpZWxkLmdyb3VwRGlzcGxheSB8fCBmaWVsZC5ncm91cE5hbWUgfHwgZ2V0RmllbGREaXNwbGF5TmFtZShmaWVsZCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmaWVsZC1ncm91cFwiXG4gIFtjbGFzcy5leHBhbmRlZF09XCJleHBhbmRlZFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInRpdGxlXCJcbiAgICAgIChjbGljayk9XCJleHBhbmRlZCA9ICFleHBhbmRlZFwiXG4gICAgPlxuICAgICAgPGF1aS1pY29uXG4gICAgICAgICpuZ0lmPVwiIWV4cGFuZGVkXCJcbiAgICAgICAgaWNvbj1cImNhcmV0X2Rvd25fc1wiXG4gICAgICA+PC9hdWktaWNvbj5cbiAgICAgIDxhdWktaWNvblxuICAgICAgICAqbmdJZj1cImV4cGFuZGVkXCJcbiAgICAgICAgaWNvbj1cImNhcmV0X2Rvd25fc1wiXG4gICAgICA+PC9hdWktaWNvbj5cbiAgICAgIDxzcGFuPnt7IGZpZWxkR3JvdXAgfCBwdXJlOiBnZXRHcm91cE5hbWUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjb250ZW50XCJcbiAgICBbaGlkZGVuXT1cIiFleHBhbmRlZFwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZEdyb3VwLmZpZWxkTGlzdFwiPlxuICAgICAgPGFjbC1vcGVyYW5kLWZpZWxkXG4gICAgICAgIFtmaWVsZF09XCIkYW55KGZpZWxkKVwiXG4gICAgICAgIFtmaWVsZHNdPVwiZmllbGRzXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgW2Zvcm1EYXRhU3RhdGVdPVwiZm9ybURhdGFTdGF0ZVwiXG4gICAgICAgIFtmb3JtRXJyb3JzXT1cImZvcm1FcnJvcnNcIlxuICAgICAgICAodmFsdWVDaGFuZ2UpPVwiZmllbGRWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvYWNsLW9wZXJhbmQtZmllbGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|