imm-element-ui 1.5.1 → 1.5.3

package/fesm2022/imm-element-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, InjectionToken, inject, Component, untracked, input, ViewContainerRef, Directive, ViewChild, HostListener, effect, ElementRef, PLATFORM_ID, computed, Renderer2, output, NgZone, ChangeDetectorRef, EventEmitter, Output, model, ViewChildren, ContentChild, isDevMode, ViewEncapsulation } from '@angular/core';
+import { signal, Injectable, InjectionToken, inject, Component, untracked, input, ViewContainerRef, Directive, ViewChild, HostListener, effect, ElementRef, output, PLATFORM_ID, computed, Renderer2, NgZone, ChangeDetectorRef, EventEmitter, Output, model, ViewChildren, ContentChild, isDevMode, ViewEncapsulation } from '@angular/core';
 import * as i1$4 from '@angular/common/http';
 import { HttpClient, HttpRequest, HttpEventType, HttpResponse } from '@angular/common/http';
 import { filter as filter$1, map, finalize, debounceTime as debounceTime$1 } from 'rxjs/operators';
@@ -3826,6 +3826,7 @@ class CodeMirrorComponent {
         this.field = input();
         this.props = {};
         this.templateIndex = 0;
+        this.change = output();
         effect(() => {
             if (this.field()) {
                 this.props = this.field().codeMirrorProps;
@@ -3909,7 +3910,9 @@ class CodeMirrorComponent {
             this.getLanguageExtension(),
             EditorView.updateListener.of((update) => {
                 if (update.transactions.some((tr) => tr.isUserEvent('input') || tr.isUserEvent('delete'))) {
-                    this.field()?.fieldControl?.setValue(update.state.doc.toString());
+                    const newValue = update.state.doc.toString();
+                    this.field()?.fieldControl?.setValue(newValue);
+                    this.change.emit(newValue);
                 }
             }),
         ];
@@ -3924,13 +3927,14 @@ class CodeMirrorComponent {
         });
     }
     handleHookChange() {
-        this.field()?.fieldControl?.hookChange.subscribe((value) => {
-            if (!this.editorView.state.doc.length && value == null) {
+        this.field()?.fieldControl?.hookChange?.subscribe((value) => {
+            // 改进判断逻辑：只有在值为 null 且编辑器为空时才返回
+            if (value == null && !this.editorView.state.doc.length) {
                 return;
             }
             this.props.onHookChange?.(this.field(), { value });
             const transaction = this.editorView.state.update({
-                changes: { from: 0, to: this.editorView.state.doc.length, insert: value },
+                changes: { from: 0, to: this.editorView.state.doc.length, insert: value || '' },
             });
             this.editorView.dispatch(transaction);
         });
@@ -4000,7 +4004,7 @@ class CodeMirrorComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CodeMirrorComponent, deps: [{ token: ActionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CodeMirrorComponent, isStandalone: true, selector: "form-codemirror", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "codeContainer", first: true, predicate: ["codeContainer"], descendants: true }], ngImport: i0, template: `<div #codeContainer></div>`, isInline: true, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0 .25rem;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CodeMirrorComponent, isStandalone: true, selector: "form-codemirror", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, viewQueries: [{ propertyName: "codeContainer", first: true, predicate: ["codeContainer"], descendants: true }], ngImport: i0, template: `<div #codeContainer></div>`, isInline: true, styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0 .25rem;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-invalid.ng-dirty>.p-datepicker .p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CodeMirrorComponent, decorators: [{
             type: Component,
@@ -5409,35 +5413,35 @@ class ImgRenderer {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImgRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ImgRenderer, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
-    @for(img of imgList;track img){
-      <p-image 
-        [src]="img" 
-        alt="Image" 
-        height="40"
-        [imageStyle]="{height:'40px'}"
-        appendTo="body" 
-        [preview]="true"
-        [style]="{marginRight:'5px'}" 
-        />
-    }
-  `, isInline: true, styles: [":host::ng-deep{..p-image-preview{margin-right:5px}}\n"], dependencies: [{ kind: "ngmodule", type: ImageModule }, { kind: "component", type: i1$7.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ImgRenderer, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    @for(img of imgList;track img){
+      <p-image
+        [src]="img"
+        alt="Image"
+        height="40"
+        [imageStyle]="{height:'40px'}"
+        appendTo="body"
+        [preview]="true"
+        [style]="{marginRight:'5px'}"
+        />
+    }
+  `, isInline: true, styles: [":is() .p-image-preview{margin-right:5px}\n"], dependencies: [{ kind: "ngmodule", type: ImageModule }, { kind: "component", type: i1$7.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImgRenderer, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [ImageModule], template: `
-    @for(img of imgList;track img){
-      <p-image 
-        [src]="img" 
-        alt="Image" 
-        height="40"
-        [imageStyle]="{height:'40px'}"
-        appendTo="body" 
-        [preview]="true"
-        [style]="{marginRight:'5px'}" 
-        />
-    }
-  `, styles: [":host::ng-deep{..p-image-preview{margin-right:5px}}\n"] }]
+            args: [{ standalone: true, imports: [ImageModule], template: `
+    @for(img of imgList;track img){
+      <p-image
+        [src]="img"
+        alt="Image"
+        height="40"
+        [imageStyle]="{height:'40px'}"
+        appendTo="body"
+        [preview]="true"
+        [style]="{marginRight:'5px'}"
+        />
+    }
+  `, styles: [":is() .p-image-preview{margin-right:5px}\n"] }]
         }] });
 
 class RowSpanRenderer {
@@ -7382,7 +7386,7 @@ class FormTypeComponent {
 				<form-rowselector [field]="field()!"></form-rowselector>
 			}
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "form-inputtext", inputs: ["field"] }, { kind: "component", type: InputNumberComponent, selector: "form-inputnumber", inputs: ["field"] }, { kind: "component", type: SelectComponent, selector: "form-select", inputs: ["field"] }, { kind: "component", type: TreeSelectComponent, selector: "form-treeselect", inputs: ["field"] }, { kind: "component", type: DatePickerComponent, selector: "form-datepicker", inputs: ["field"] }, { kind: "component", type: AutoCompleteComponent, selector: "form-autocomplete", inputs: ["field"] }, { kind: "component", type: MultiSelectComponent, selector: "form-multiselect", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "form-radio", inputs: ["field"] }, { kind: "component", type: TextAreaComponent, selector: "form-textarea", inputs: ["field"] }, { kind: "component", type: UploadComponent, selector: "form-upload", inputs: ["field"] }, { kind: "component", type: ImageComponent, selector: "form-image", inputs: ["field"] }, { kind: "component", type: CodeMirrorComponent, selector: "form-codemirror", inputs: ["field"] }, { kind: "component", type: RowSelectorComponent, selector: "form-rowselector", inputs: ["field"] }] }); }
+	`, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "form-inputtext", inputs: ["field"] }, { kind: "component", type: InputNumberComponent, selector: "form-inputnumber", inputs: ["field"] }, { kind: "component", type: SelectComponent, selector: "form-select", inputs: ["field"] }, { kind: "component", type: TreeSelectComponent, selector: "form-treeselect", inputs: ["field"] }, { kind: "component", type: DatePickerComponent, selector: "form-datepicker", inputs: ["field"] }, { kind: "component", type: AutoCompleteComponent, selector: "form-autocomplete", inputs: ["field"] }, { kind: "component", type: MultiSelectComponent, selector: "form-multiselect", inputs: ["field"] }, { kind: "component", type: RadioComponent, selector: "form-radio", inputs: ["field"] }, { kind: "component", type: TextAreaComponent, selector: "form-textarea", inputs: ["field"] }, { kind: "component", type: UploadComponent, selector: "form-upload", inputs: ["field"] }, { kind: "component", type: ImageComponent, selector: "form-image", inputs: ["field"] }, { kind: "component", type: CodeMirrorComponent, selector: "form-codemirror", inputs: ["field"], outputs: ["change"] }, { kind: "component", type: RowSelectorComponent, selector: "form-rowselector", inputs: ["field"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormTypeComponent, decorators: [{
             type: Component,
@@ -7491,43 +7495,57 @@ class FormFieldComponent {
 				}
 			</div>
 		} @else {
-			<div [class]="field()?.innerClass || 'px-4 my-1'">
-				<div class="flex flex-row flex-nowrap items-start">
-					<div
-						class="flex-none p-field field-label min-h-8 pt-[1.5px] flex items-center"
-						[style]="getStyle()">
-						<label
-							#label
-							[class]="labelClass()"
-							fieldLabel
-							[field]="field()!"
-							[contextMenu]="contextMenu">
-							<span
-								style="user-select: none"
-								#fieldLabelRef
-								>{{ props(field()!).i18nKey ? (props(field()!).i18nKey! | translate) : props(field()!).label! }}</span
-							>
-							@if (props(field()!).required) {
-								<span class="field-required">*</span>
-							}
-							@if (!field()?.fieldControl?.disabled) {
-								<span class="iconfont icon-edit-flag field-editable"></span>
-							}
-						</label>
-					</div>
-					<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+			@if (props(field()!).label !== undefined) {
+				<div [class]="field()?.innerClass || 'px-4 my-1'">
+					<div class="flex flex-row flex-nowrap items-start">
 						<div
-							#fieldTypeRef
-							class="w-full">
-							<form-type [field]="field()!"></form-type>
+							class="flex-none p-field field-label min-h-8 pt-[1.5px] flex items-center"
+							[style]="getStyle()">
+							<label
+								#label
+								[class]="labelClass()"
+								fieldLabel
+								[field]="field()!"
+								[contextMenu]="contextMenu">
+								<span
+									style="user-select: none"
+									#fieldLabelRef
+									>{{ props(field()!).i18nKey ? (props(field()!).i18nKey! | translate) : props(field()!).label! }}</span
+								>
+								@if (props(field()!).required) {
+									<span class="field-required">*</span>
+								}
+								@if (!field()?.fieldControl?.disabled) {
+									<span class="iconfont icon-edit-flag field-editable"></span>
+								}
+							</label>
+						</div>
+						<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+							<div
+								#fieldTypeRef
+								class="w-full">
+								<form-type [field]="field()!"></form-type>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-			<app-context-menu
-				#contextMenu
-				[target]="label"
-				[field]="field()!"></app-context-menu>
+				<app-context-menu
+					#contextMenu
+					[target]="label"
+					[field]="field()!"></app-context-menu>
+			} @else {
+				<div [class]="field()?.innerClass || 'px-4 my-1'">
+					<div class="flex flex-row flex-nowrap items-start">
+						<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+							<div
+								#fieldTypeRef
+								class="w-full">
+								<form-type [field]="field()!"></form-type>
+							</div>
+						</div>
+					</div>
+				</div>
+			}
 		}
 	`, isInline: true, styles: [".untouched{touch-action:none}.p-field>label{margin:2px;text-overflow:ellipsis;display:block;color:#1e293b}.p-field>label:not(.ng-valid).ng-dirty{color:var(--p-red-500)!important}.p-field>label:not(.ng-valid).ng-dirty>.field-required{color:var(--p-red-500)!important}.field-required{padding-left:2.5px;color:var(--p-primary-color)}.p-field>label:not(.ng-valid).ng-dirty>.field-editable{color:var(--p-red-500)!important}.field-editable{padding-left:1px;font-size:6px;color:var(--p-primary-color)}.field-label{display:inline-block;overflow-wrap:break-word;word-break:break-word;white-space:normal}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "form-field", inputs: ["field"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FormTypeComponent, selector: "form-type", inputs: ["field"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: LabelDirective, selector: "[fieldLabel], [fieldLabel][field], [fieldLabel][contextMenu]", inputs: ["field", "contextMenu"] }, { kind: "component", type: ContextMenuComponent, selector: "app-context-menu", inputs: ["target", "field"] }] }); }
 }
@@ -7548,43 +7566,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 				}
 			</div>
 		} @else {
-			<div [class]="field()?.innerClass || 'px-4 my-1'">
-				<div class="flex flex-row flex-nowrap items-start">
-					<div
-						class="flex-none p-field field-label min-h-8 pt-[1.5px] flex items-center"
-						[style]="getStyle()">
-						<label
-							#label
-							[class]="labelClass()"
-							fieldLabel
-							[field]="field()!"
-							[contextMenu]="contextMenu">
-							<span
-								style="user-select: none"
-								#fieldLabelRef
-								>{{ props(field()!).i18nKey ? (props(field()!).i18nKey! | translate) : props(field()!).label! }}</span
-							>
-							@if (props(field()!).required) {
-								<span class="field-required">*</span>
-							}
-							@if (!field()?.fieldControl?.disabled) {
-								<span class="iconfont icon-edit-flag field-editable"></span>
-							}
-						</label>
-					</div>
-					<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+			@if (props(field()!).label !== undefined) {
+				<div [class]="field()?.innerClass || 'px-4 my-1'">
+					<div class="flex flex-row flex-nowrap items-start">
 						<div
-							#fieldTypeRef
-							class="w-full">
-							<form-type [field]="field()!"></form-type>
+							class="flex-none p-field field-label min-h-8 pt-[1.5px] flex items-center"
+							[style]="getStyle()">
+							<label
+								#label
+								[class]="labelClass()"
+								fieldLabel
+								[field]="field()!"
+								[contextMenu]="contextMenu">
+								<span
+									style="user-select: none"
+									#fieldLabelRef
+									>{{ props(field()!).i18nKey ? (props(field()!).i18nKey! | translate) : props(field()!).label! }}</span
+								>
+								@if (props(field()!).required) {
+									<span class="field-required">*</span>
+								}
+								@if (!field()?.fieldControl?.disabled) {
+									<span class="iconfont icon-edit-flag field-editable"></span>
+								}
+							</label>
+						</div>
+						<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+							<div
+								#fieldTypeRef
+								class="w-full">
+								<form-type [field]="field()!"></form-type>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-			<app-context-menu
-				#contextMenu
-				[target]="label"
-				[field]="field()!"></app-context-menu>
+				<app-context-menu
+					#contextMenu
+					[target]="label"
+					[field]="field()!"></app-context-menu>
+			} @else {
+				<div [class]="field()?.innerClass || 'px-4 my-1'">
+					<div class="flex flex-row flex-nowrap items-start">
+						<div class="flex-1 min-h-8 pt-1 w-0 flex flex-row-reverse">
+							<div
+								#fieldTypeRef
+								class="w-full">
+								<form-type [field]="field()!"></form-type>
+							</div>
+						</div>
+					</div>
+				</div>
+			}
 		}
 	`, styles: [".untouched{touch-action:none}.p-field>label{margin:2px;text-overflow:ellipsis;display:block;color:#1e293b}.p-field>label:not(.ng-valid).ng-dirty{color:var(--p-red-500)!important}.p-field>label:not(.ng-valid).ng-dirty>.field-required{color:var(--p-red-500)!important}.field-required{padding-left:2.5px;color:var(--p-primary-color)}.p-field>label:not(.ng-valid).ng-dirty>.field-editable{color:var(--p-red-500)!important}.field-editable{padding-left:1px;font-size:6px;color:var(--p-primary-color)}.field-label{display:inline-block;overflow-wrap:break-word;word-break:break-word;white-space:normal}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fieldComponents: [{
@@ -7646,6 +7678,7 @@ class FormComponent {
         }, { allowSignalWrites: true });
         effect(() => {
             let modelName = this.options().modelName || '';
+            console.log('modelName', this.options());
             if (modelName != '') {
                 this.isMain = !this.upsert()?.subsert?.find((v) => v.subModelName === modelName);
                 if (!this.isMain) {
@@ -8256,7 +8289,6 @@ class ImportComponent {
             ? '/importFiles/' + this.fileName() + '.xlsx'
             : `/${baseHref.replace(/\/(.*?)\//, '$1')}/importFiles/${this.fileName()}.xlsx`;
         link.download = this.fileName() + '.xlsx';
-        console.log('link-----', link);
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link);
@@ -9461,5 +9493,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CrumbActionComponent, FormComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, filterObjectByKeys, formTypeToProps, generateUniqueId, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase };
+export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CodeMirrorComponent, CrumbActionComponent, FieldControl, FormComponent, FormFieldComponent, FormTypeComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, filterObjectByKeys, formTypeToProps, generateUniqueId, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase };
 //# sourceMappingURL=imm-element-ui.mjs.map