@alauda-fe/crd-form 1.0.1-alpha.0 → 1.0.1-alpha.1

package/fesm2022/alauda-fe-crd-form.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { inject, forwardRef, ChangeDetectorRef, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, ViewChild, Injector, HostBinding, Directive, NgModule } from '@angular/core';
+import { InjectionToken, EventEmitter, inject, Output, Input, Directive, forwardRef, ChangeDetectorRef, ChangeDetectionStrategy, Component, ViewChild, Injector, HostBinding, NgModule } from '@angular/core';
 import { escapeRegExp, get, includes, some, cloneDeep, map, reduce, find, set, last, isEmpty, identity, toPath, flatten, times, isArray, flatMap, flatMapDepth, union, pick, startCase, parseInt as parseInt$1, uniqWith, groupBy, sortBy, omit, merge, template, differenceBy, uniq, flattenDeep, fromPairs, toString } from 'lodash-es';
-import { __decorate, __metadata } from 'tslib';
-import * as i2 from '@alauda/ui';
-import { FormModule, IconModule, TooltipModule, ButtonModule, DIALOG_DATA, DialogRef, MessageService, InputModule, DialogModule, DialogService, DialogSize, SelectModule, TagModule, RadioModule, SwitchModule, LabelPosition } from '@alauda/ui';
 import * as i4 from '@alauda-fe/dynamic-plugin-sdk';
 import { parseJSONStream, TRUE, FALSE, parseJson, isEqual, PurePipe, TranslatePipe, K8sApiService, TranslateService, K8S_RESOURCE_NAME_BASE, SecretType, COMMON_RESOURCE_DEFINITIONS, K8sUtilService, publishRef, skipError, ObservableInput, K8S_UTIL_PIPES_MODULE, TOKEN_RESOURCE_DEFINITIONS, ValueHook, SanitizePipe, FieldNotAvailablePipe, bind, stringify, parse, API_GATEWAY, startWithCondition } from '@alauda-fe/dynamic-plugin-sdk';
 import * as i2$1 from '@alauda-fe/dynamic-plugin-shared';
 import { isJsonObjectString, ErrorsMapperComponent, HelpDocDirective, ARRAY_FORM_TABLE_MODULE, StrongPasswordDirective, createNestedFormControl, formatCPU, formatMemory, resourceUnits, getResourceValue, getResourceViewModel, initGreaterValidator, transferResource, RESOURCE_MAC_TYPES, PasswordInputComponent, ReadonlyFieldDirective, ParseJsonTranslatePipe, ScrollToFirstInvalidDirective, ErrorsMapperDirective } from '@alauda-fe/dynamic-plugin-shared';
+import { __decorate, __metadata } from 'tslib';
+import * as i2 from '@alauda/ui';
+import { FormModule, IconModule, TooltipModule, ButtonModule, DIALOG_DATA, DialogRef, MessageService, InputModule, DialogModule, DialogService, DialogSize, SelectModule, TagModule, RadioModule, SwitchModule, LabelPosition } from '@alauda/ui';
 import * as i1 from '@angular/forms';
 import { FormBuilder, Validators, FormsModule, ReactiveFormsModule, FormGroupDirective, NG_VALUE_ACCESSOR, ControlContainer, FormControl } from '@angular/forms';
 import { isImmutable, fromJS, Map as Map$1, List } from 'immutable';
@@ -20,6 +20,8 @@ import { encode, decode } from 'ab64';
 import { BaseResourceFormComponent, BaseResourceFormGroupComponent } from 'ng-resource-form-util';
 import { hashSync } from 'bcryptjs';
 
+const CRD_FORM_CONTEXT = new InjectionToken('CRD_FORM_CONTEXT');
+
 var Validations;
 (function (Validations) {
     Validations["maximum"] = "maximum";
@@ -929,6 +931,115 @@ function sortGroupFields(fields, descriptors, descriptorFields) {
     }));
 }
 
+class BaseOperandFiledArrayComponent {
+    constructor() {
+        this.readonly = false;
+        this.valueChange = new EventEmitter();
+        this.itemRemove = new EventEmitter();
+        this.getFieldDisplayName = getFieldDisplayName;
+        this.crdForm = inject(CRD_FORM_CONTEXT);
+    }
+    get expanded() {
+        return this._expanded ?? !isFolded(this.arrayFieldGroup);
+    }
+    set expanded(expanded) {
+        this._expanded = expanded;
+    }
+    ngOnChanges({ arrayFieldGroup, formDataState }) {
+        if (!this.basicArrayFieldTemplate &&
+            arrayFieldGroup.currentValue?.fieldLists?.length > 0) {
+            this.basicArrayFieldTemplate = last(arrayFieldGroup.currentValue.fieldLists);
+        }
+        if (formDataState?.currentValue && formDataState?.previousValue) {
+            const currValue = getFormData(formDataState.currentValue, this.arrayFieldGroup.path);
+            const arrayFieldLength = this.arrayFieldGroup.fieldLists?.length;
+            if (currValue?.size > arrayFieldLength) {
+                Array.from({ length: currValue.size - arrayFieldLength }).forEach(() => {
+                    this.addItem();
+                });
+            }
+        }
+    }
+    fieldValueChange(e) {
+        this.valueChange.emit(e);
+    }
+    addItem() {
+        const newFields = this.basicArrayFieldTemplate.map(field => {
+            const toPath = modifyArrayFieldPathIndex(field.path, () => this.arrayFieldGroup.fieldLists.length);
+            return {
+                ...repairFieldChildPathByCorrectIndex(field, field.path, toPath),
+            };
+        });
+        this.arrayFieldGroup.fieldLists = [
+            ...this.arrayFieldGroup.fieldLists,
+            newFields,
+        ];
+    }
+    removeItem(index) {
+        const groupToRemove = this.arrayFieldGroup.fieldLists[index];
+        const groupUntouched = this.arrayFieldGroup.fieldLists.filter((_, idx) => idx < index);
+        const groupToLeftShift = this.arrayFieldGroup.fieldLists.filter((_, idx) => idx > index);
+        const leftShiftedGroups = groupToLeftShift.map(group => group.map(field => {
+            const toPath = modifyArrayFieldPathIndex(field.path, idx => idx - 1);
+            return {
+                ...repairFieldChildPathByCorrectIndex(field, field.path, toPath),
+            };
+        }));
+        this.arrayFieldGroup.fieldLists = [...groupUntouched, ...leftShiftedGroups];
+        const [match, formDataPathToRemove] = /^(.*\[\d+]).*$/.exec(groupToRemove?.[0].path) || [];
+        if (match) {
+            this.itemRemove.next(formDataPathToRemove);
+        }
+        this.crdForm.controlMap.forEach((_, key) => {
+            if (key.startsWith(`${this.arrayFieldGroup.path}[${this.arrayFieldGroup.fieldLists.length}]`)) {
+                this.crdForm.controlMap.delete(key);
+            }
+        });
+        this.crdForm.refreshValidation();
+        this.deleteFormData(`${this.arrayFieldGroup.path}[${index}]`);
+    }
+    deleteFormData(path) {
+        this.valueChange.next({
+            field: {
+                ...this.arrayFieldGroup,
+                path,
+            },
+            data: null,
+        });
+    }
+    fieldIsRequired(field) {
+        return (field?.required ||
+            Object.keys(field?.validations || {})?.includes(Validations.required));
+    }
+    get columnFields() {
+        return this.basicArrayFieldTemplate;
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOperandFiledArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: BaseOperandFiledArrayComponent, isStandalone: true, inputs: { arrayFieldGroup: "arrayFieldGroup", formDataState: "formDataState", formErrors: "formErrors", isArrayTable: "isArrayTable", readonly: "readonly", fields: "fields" }, outputs: { valueChange: "valueChange", itemRemove: "itemRemove" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOperandFiledArrayComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { arrayFieldGroup: [{
+                type: Input
+            }], formDataState: [{
+                type: Input
+            }], formErrors: [{
+                type: Input
+            }], isArrayTable: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], itemRemove: [{
+                type: Output
+            }] } });
+
 const EXPRESSION_PROPS_PREFIX = `${SpecCapability.expression}props.`;
 const EXPRESSION_PROPS_OPTIONS_PREFIX = `${EXPRESSION_PROPS_PREFIX}options:`;
 const EXPRESSION_PROPS_DEFAULT_PREFIX = `${EXPRESSION_PROPS_PREFIX}default:`;
@@ -1193,7 +1304,7 @@ class BasicAuthSecretComponent extends BaseResourceFormComponent {
     constructor() {
         super(inject(Injector));
         this.k8sApi = inject(K8sApiService);
-        this.crdForm = inject(CrdFormComponent);
+        this.crdForm = inject(CRD_FORM_CONTEXT);
         this.dialog = inject(DialogService);
         this.k8sUtil = inject(K8sUtilService);
         this.config$ = this.field$.pipe(filter(field => !!field), map$1(field => getBasicAuthSecretConfig(field)), publishRef());
@@ -1305,7 +1416,7 @@ class K8sResourcePrefixComponent extends BaseResourceFormComponent {
     constructor() {
         super(inject(Injector));
         this.k8sApi = inject(K8sApiService);
-        this.crdForm = inject(CrdFormComponent);
+        this.crdForm = inject(CRD_FORM_CONTEXT);
         this.resourceDefinitions = inject(TOKEN_RESOURCE_DEFINITIONS);
         this.init$$ = new BehaviorSubject(false);
         this.readonly = false;
@@ -1846,7 +1957,7 @@ class OperandFieldComponent {
         ].includes(getFieldType(filed));
         this.viewActions = viewActions;
         this.viewOptions = yamlReadOptions;
-        this.crdForm = inject(CrdFormComponent);
+        this.crdForm = inject(CRD_FORM_CONTEXT);
         this.http = inject(HttpClient);
         this.cdr = inject(ChangeDetectorRef);
         this.getWidgets = (capabilities) => {
@@ -2443,7 +2554,12 @@ class CrdFormComponent {
         this.form.onSubmit(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CrdFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CrdFormComponent, isStandalone: true, selector: "acl-crd-form", inputs: { openApiSchema: "openApiSchema", descriptors: "descriptors", data: "data", debug: "debug", openApiSchemaPath: "openApiSchemaPath", readonly: "readonly", labelWidth: "labelWidth", labelPosition: "labelPosition", cluster: "cluster", namespace: "namespace", formContext: "formContext", keepEmptyPath: "keepEmptyPath", effectControlDefaultValue: "effectControlDefaultValue", uiContext: "uiContext", widgets: "widgets" }, outputs: { formStateChange: "formStateChange", formSchemaChange: "formSchemaChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<form\n  auiForm\n  [aclScrollToFirstInvalid]=\"!!formErrors\"\n  #form=\"ngForm\"\n  [auiFormLabelPosition]=\"labelPosition\"\n  [auiFormLabelWidth]=\"labelWidth\"\n>\n  <!-- normal fields -->\n  @for (field of normalFields; track field) {\n    <acl-operand-field\n      [fields]=\"fields\"\n      [field]=\"field\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    >\n    </acl-operand-field>\n  }\n\n  <!-- field groups \u517C\u5BB9\uFF0C\u9700\u8981\u4FDD\u7559-->\n  @for (group of fieldGroups; track group) {\n    <acl-operand-field-group\n      [fields]=\"fields\"\n      [fieldGroup]=\"group\"\n      [formDataState]=\"formDataState\"\n      [formErrors]=\"formErrors\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    >\n    </acl-operand-field-group>\n  }\n\n  <!-- array field groups \u517C\u5BB9\uFF0C\u9700\u8981\u4FDD\u7559 -->\n  @for (group of arrayFieldGroups; track group) {\n    <acl-operand-array-field-group\n      [arrayFieldGroup]=\"group\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n      (itemRemove)=\"deleteFormData($event)\"\n    >\n    </acl-operand-array-field-group>\n  }\n\n  <!-- advanced fields -->\n  @if (advancedFields?.length) {\n    <acl-operand-advanced-field-group\n      [fields]=\"fields\"\n      [fieldList]=\"advancedFields\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    ></acl-operand-advanced-field-group>\n  }\n</form>\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1.ɵNgNoValidate), selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1.NgForm), selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormModule) }, { kind: "directive", type: i0.forwardRef(() => i2.FormDirective), selector: "form[auiForm]", inputs: ["auiFormLabelWidth", "auiFormLabelPosition", "auiFormEmptyAddon", "auiFormInline"], exportAs: ["auiForm"] }, { kind: "component", type: i0.forwardRef(() => OperandFieldComponent), selector: "acl-operand-field", inputs: ["field", "readonly", "fields", "formDataState", "formErrors"], outputs: ["valueChange", "itemRemove"] }, { kind: "component", type: i0.forwardRef(() => OperandFieldGroupComponent), selector: "acl-operand-field-group", inputs: ["fields", "fieldGroup", "formDataState", "formErrors", "readonly"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => OperandArrayFieldGroupComponent), selector: "acl-operand-array-field-group" }, { kind: "component", type: i0.forwardRef(() => OperandAdvancedFieldGroupComponent), selector: "acl-operand-advanced-field-group", inputs: ["fields", "fieldList", "formDataState", "formErrors", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: i0.forwardRef(() => ScrollToFirstInvalidDirective), selector: "[aclScrollToFirstInvalid]", inputs: ["labelOffset", "aclScrollToFirstInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CrdFormComponent, isStandalone: true, selector: "acl-crd-form", inputs: { openApiSchema: "openApiSchema", descriptors: "descriptors", data: "data", debug: "debug", openApiSchemaPath: "openApiSchemaPath", readonly: "readonly", labelWidth: "labelWidth", labelPosition: "labelPosition", cluster: "cluster", namespace: "namespace", formContext: "formContext", keepEmptyPath: "keepEmptyPath", effectControlDefaultValue: "effectControlDefaultValue", uiContext: "uiContext", widgets: "widgets" }, outputs: { formStateChange: "formStateChange", formSchemaChange: "formSchemaChange" }, providers: [
+            {
+                provide: CRD_FORM_CONTEXT,
+                useExisting: CrdFormComponent,
+            },
+        ], viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<form\n  auiForm\n  [aclScrollToFirstInvalid]=\"!!formErrors\"\n  #form=\"ngForm\"\n  [auiFormLabelPosition]=\"labelPosition\"\n  [auiFormLabelWidth]=\"labelWidth\"\n>\n  <!-- normal fields -->\n  @for (field of normalFields; track field) {\n    <acl-operand-field\n      [fields]=\"fields\"\n      [field]=\"field\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    >\n    </acl-operand-field>\n  }\n\n  <!-- field groups \u517C\u5BB9\uFF0C\u9700\u8981\u4FDD\u7559-->\n  @for (group of fieldGroups; track group) {\n    <acl-operand-field-group\n      [fields]=\"fields\"\n      [fieldGroup]=\"group\"\n      [formDataState]=\"formDataState\"\n      [formErrors]=\"formErrors\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    >\n    </acl-operand-field-group>\n  }\n\n  <!-- array field groups \u517C\u5BB9\uFF0C\u9700\u8981\u4FDD\u7559 -->\n  @for (group of arrayFieldGroups; track group) {\n    <acl-operand-array-field-group\n      [arrayFieldGroup]=\"group\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n      (itemRemove)=\"deleteFormData($event)\"\n    >\n    </acl-operand-array-field-group>\n  }\n\n  <!-- advanced fields -->\n  @if (advancedFields?.length) {\n    <acl-operand-advanced-field-group\n      [fields]=\"fields\"\n      [fieldList]=\"advancedFields\"\n      [formDataState]=\"formDataState\"\n      [readonly]=\"readonly\"\n      (valueChange)=\"fieldValueChange($event)\"\n    ></acl-operand-advanced-field-group>\n  }\n</form>\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1.ɵNgNoValidate), selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1.NgForm), selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormModule) }, { kind: "directive", type: i0.forwardRef(() => i2.FormDirective), selector: "form[auiForm]", inputs: ["auiFormLabelWidth", "auiFormLabelPosition", "auiFormEmptyAddon", "auiFormInline"], exportAs: ["auiForm"] }, { kind: "component", type: i0.forwardRef(() => OperandFieldComponent), selector: "acl-operand-field", inputs: ["field", "readonly", "fields", "formDataState", "formErrors"], outputs: ["valueChange", "itemRemove"] }, { kind: "component", type: i0.forwardRef(() => OperandFieldGroupComponent), selector: "acl-operand-field-group", inputs: ["fields", "fieldGroup", "formDataState", "formErrors", "readonly"], outputs: ["valueChange"] }, { kind: "component", type: i0.forwardRef(() => OperandArrayFieldGroupComponent), selector: "acl-operand-array-field-group" }, { kind: "component", type: i0.forwardRef(() => OperandAdvancedFieldGroupComponent), selector: "acl-operand-advanced-field-group", inputs: ["fields", "fieldList", "formDataState", "formErrors", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: i0.forwardRef(() => ScrollToFirstInvalidDirective), selector: "[aclScrollToFirstInvalid]", inputs: ["labelOffset", "aclScrollToFirstInvalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -2451,7 +2567,12 @@ __decorate([
 ], CrdFormComponent.prototype, "formContext$", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CrdFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'acl-crd-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'acl-crd-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [
+                        {
+                            provide: CRD_FORM_CONTEXT,
+                            useExisting: CrdFormComponent,
+                        },
+                    ], imports: [
                         FormsModule,
                         FormModule,
                         forwardRef(() => OperandFieldComponent),
@@ -2499,115 +2620,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: Input
             }] } });
 
-class BaseOperandFiledArrayComponent {
-    constructor() {
-        this.readonly = false;
-        this.valueChange = new EventEmitter();
-        this.itemRemove = new EventEmitter();
-        this.getFieldDisplayName = getFieldDisplayName;
-        this.crdForm = inject(CrdFormComponent);
-    }
-    get expanded() {
-        return this._expanded ?? !isFolded(this.arrayFieldGroup);
-    }
-    set expanded(expanded) {
-        this._expanded = expanded;
-    }
-    ngOnChanges({ arrayFieldGroup, formDataState }) {
-        if (!this.basicArrayFieldTemplate &&
-            arrayFieldGroup.currentValue?.fieldLists?.length > 0) {
-            this.basicArrayFieldTemplate = last(arrayFieldGroup.currentValue.fieldLists);
-        }
-        if (formDataState?.currentValue && formDataState?.previousValue) {
-            const currValue = getFormData(formDataState.currentValue, this.arrayFieldGroup.path);
-            const arrayFieldLength = this.arrayFieldGroup.fieldLists?.length;
-            if (currValue?.size > arrayFieldLength) {
-                Array.from({ length: currValue.size - arrayFieldLength }).forEach(() => {
-                    this.addItem();
-                });
-            }
-        }
-    }
-    fieldValueChange(e) {
-        this.valueChange.emit(e);
-    }
-    addItem() {
-        const newFields = this.basicArrayFieldTemplate.map(field => {
-            const toPath = modifyArrayFieldPathIndex(field.path, () => this.arrayFieldGroup.fieldLists.length);
-            return {
-                ...repairFieldChildPathByCorrectIndex(field, field.path, toPath),
-            };
-        });
-        this.arrayFieldGroup.fieldLists = [
-            ...this.arrayFieldGroup.fieldLists,
-            newFields,
-        ];
-    }
-    removeItem(index) {
-        const groupToRemove = this.arrayFieldGroup.fieldLists[index];
-        const groupUntouched = this.arrayFieldGroup.fieldLists.filter((_, idx) => idx < index);
-        const groupToLeftShift = this.arrayFieldGroup.fieldLists.filter((_, idx) => idx > index);
-        const leftShiftedGroups = groupToLeftShift.map(group => group.map(field => {
-            const toPath = modifyArrayFieldPathIndex(field.path, idx => idx - 1);
-            return {
-                ...repairFieldChildPathByCorrectIndex(field, field.path, toPath),
-            };
-        }));
-        this.arrayFieldGroup.fieldLists = [...groupUntouched, ...leftShiftedGroups];
-        const [match, formDataPathToRemove] = /^(.*\[\d+]).*$/.exec(groupToRemove?.[0].path) || [];
-        if (match) {
-            this.itemRemove.next(formDataPathToRemove);
-        }
-        this.crdForm.controlMap.forEach((_, key) => {
-            if (key.startsWith(`${this.arrayFieldGroup.path}[${this.arrayFieldGroup.fieldLists.length}]`)) {
-                this.crdForm.controlMap.delete(key);
-            }
-        });
-        this.crdForm.refreshValidation();
-        this.deleteFormData(`${this.arrayFieldGroup.path}[${index}]`);
-    }
-    deleteFormData(path) {
-        this.valueChange.next({
-            field: {
-                ...this.arrayFieldGroup,
-                path,
-            },
-            data: null,
-        });
-    }
-    fieldIsRequired(field) {
-        return (field?.required ||
-            Object.keys(field?.validations || {})?.includes(Validations.required));
-    }
-    get columnFields() {
-        return this.basicArrayFieldTemplate;
-    }
-    trackByFn(index) {
-        return index;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOperandFiledArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: BaseOperandFiledArrayComponent, isStandalone: true, inputs: { arrayFieldGroup: "arrayFieldGroup", formDataState: "formDataState", formErrors: "formErrors", isArrayTable: "isArrayTable", readonly: "readonly", fields: "fields" }, outputs: { valueChange: "valueChange", itemRemove: "itemRemove" }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOperandFiledArrayComponent, decorators: [{
-            type: Directive
-        }], propDecorators: { arrayFieldGroup: [{
-                type: Input
-            }], formDataState: [{
-                type: Input
-            }], formErrors: [{
-                type: Input
-            }], isArrayTable: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], fields: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], itemRemove: [{
-                type: Output
-            }] } });
-
 const WIDGETS = [
     CrdFormArrayTableComponent,
     K8sResourcePrefixComponent,
@@ -3084,5 +3096,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseOperandFiledArrayComponent, BasicAuthCreateSecretDialogComponent, BasicAuthSecretComponent, CrdFormArrayTableComponent, CrdFormComponent, DEFAULT_VALUE_PATTERN, DESCRIPTOR_DEFINITION_KEY, FieldControlsModule, FormItemComponent, GROUP_PATTERN, HtpasswdComponent, HtpasswdFormComponent, HtpasswdModule, K8sResourcePrefixComponent, LinkComponent, MAX_DEPTH, NamespacedResourceKind, NodeModel, OperandAdvancedFieldGroupComponent, OperandArrayFieldGroupComponent, OperandFieldComponent, OperandFieldGroupComponent, PASSWORD_REVEAL, REGEXP_CAPABILITY_VALIDATION, REGEXP_FIELD_DEPENDENCY_CAPABILITY, REGEXP_K8S_RESOURCE_CAPABILITY, REGEXP_K8S_RESOURCE_SUFFIX, REGEXP_SELECT_CAPABILITY, REGEXP_VALIDATION_SUFFIX, ResourceRequirementsComponent, SCHEMA_PATH, SpecCapability, SpecCapabilityComponent, SpecCapabilityListComponent, SpecCapabilityUIPrefix, SpecCapabilityWidgetsPrefix, Validations, YamlEditorComponent, _isNumberValue, capabilityComponents, capabilityFor, coerceBoolean, coerceNumber, convertBooleanSwitchValue, convertValue, createCapabilityField, evalInContext, fieldShouldReveal, filterMapByKey, flattenNestedProperties, getArrayGroupName, getBasicAuthSecretConfig, getBasicCapabilityType, getBooleanSwitchOptions, getCapabilitiesForOpenApiProperty, getCapabilityDisabled, getCapabilityValidations, getDefaultValue, getFieldDescription$1 as getFieldDescription, getFieldDisplayName, getFieldDocLink, getFieldPlaceholder$1 as getFieldPlaceholder, getFieldTooltip, getFieldType, getFieldsByPath, getFieldsFromDescriptor, getFieldsFromOpenApiSchema, getFormData, getGroupName, getK8sResourcePrefixOptions, getMatchArrayIndex, getMatchedCapabilityValue, getOneOfMap, getOpenApiPropertyByPath, getOperandPath, getPathFromTagPath, getPropertyDepth, getRadioOptions, getRelatedFields, getTreeFields, hasDescriptor, isAllowCreate, isArrayField, isArrayFieldTable, isClearable, isCreatable, isEmptyArray, isFieldCopyable, isFieldDescriptionAsLink, isFolded, isGroupField, isLink, isMultiple, isRemoteField, isRequired, modifyArrayFieldPathIndex, normalizePath, parseArrayPath, parseGroupDescriptor, pathToArray, repairFieldChildPathByCorrectIndex, resolveKVParams, resolveLinkOptions, setRadiosDefaultValue };
+export { BaseOperandFiledArrayComponent, BasicAuthCreateSecretDialogComponent, BasicAuthSecretComponent, CRD_FORM_CONTEXT, CrdFormArrayTableComponent, CrdFormComponent, DEFAULT_VALUE_PATTERN, DESCRIPTOR_DEFINITION_KEY, FieldControlsModule, FormItemComponent, GROUP_PATTERN, HtpasswdComponent, HtpasswdFormComponent, HtpasswdModule, K8sResourcePrefixComponent, LinkComponent, MAX_DEPTH, NamespacedResourceKind, NodeModel, OperandAdvancedFieldGroupComponent, OperandArrayFieldGroupComponent, OperandFieldComponent, OperandFieldGroupComponent, PASSWORD_REVEAL, REGEXP_CAPABILITY_VALIDATION, REGEXP_FIELD_DEPENDENCY_CAPABILITY, REGEXP_K8S_RESOURCE_CAPABILITY, REGEXP_K8S_RESOURCE_SUFFIX, REGEXP_SELECT_CAPABILITY, REGEXP_VALIDATION_SUFFIX, ResourceRequirementsComponent, SCHEMA_PATH, SpecCapability, SpecCapabilityComponent, SpecCapabilityListComponent, SpecCapabilityUIPrefix, SpecCapabilityWidgetsPrefix, Validations, YamlEditorComponent, _isNumberValue, capabilityComponents, capabilityFor, coerceBoolean, coerceNumber, convertBooleanSwitchValue, convertValue, createCapabilityField, evalInContext, fieldShouldReveal, filterMapByKey, flattenNestedProperties, getArrayGroupName, getBasicAuthSecretConfig, getBasicCapabilityType, getBooleanSwitchOptions, getCapabilitiesForOpenApiProperty, getCapabilityDisabled, getCapabilityValidations, getDefaultValue, getFieldDescription$1 as getFieldDescription, getFieldDisplayName, getFieldDocLink, getFieldPlaceholder$1 as getFieldPlaceholder, getFieldTooltip, getFieldType, getFieldsByPath, getFieldsFromDescriptor, getFieldsFromOpenApiSchema, getFormData, getGroupName, getK8sResourcePrefixOptions, getMatchArrayIndex, getMatchedCapabilityValue, getOneOfMap, getOpenApiPropertyByPath, getOperandPath, getPathFromTagPath, getPropertyDepth, getRadioOptions, getRelatedFields, getTreeFields, hasDescriptor, isAllowCreate, isArrayField, isArrayFieldTable, isClearable, isCreatable, isEmptyArray, isFieldCopyable, isFieldDescriptionAsLink, isFolded, isGroupField, isLink, isMultiple, isRemoteField, isRequired, modifyArrayFieldPathIndex, normalizePath, parseArrayPath, parseGroupDescriptor, pathToArray, repairFieldChildPathByCorrectIndex, resolveKVParams, resolveLinkOptions, setRadiosDefaultValue };
 //# sourceMappingURL=alauda-fe-crd-form.mjs.map