imm-element-ui 2.6.9 → 2.7.0

package/fesm2022/imm-element-ui.mjs

@@ -7076,6 +7076,12 @@ class UploadRenderer {
         this.fileList = this.toFileList(params.value);
         return true;
     }
+    choose(callback) {
+        if (this.isDisabled() || this.loading) {
+            return;
+        }
+        callback();
+    }
     uploadHandler(event, fu) {
         const files = Array.from(event.files || []);
         if (!files.length || this.isDisabled()) {
@@ -7174,32 +7180,33 @@ class UploadRenderer {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UploadRenderer, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
 		<div class="upload-renderer">
-			<p-fileUpload
-				#fu
-				auto
-				mode="basic"
-				[name]="uploadParams.name || 'file'"
-				[multiple]="uploadParams.multiple ?? true"
-				[accept]="uploadParams.accept"
-				[maxFileSize]="uploadParams.maxFileSize"
-				[fileLimit]="uploadParams.fileLimit"
-				[withCredentials]="uploadParams.withCredentials ?? false"
-				[customUpload]="true"
-				[disabled]="isDisabled() || loading"
-				mode="advanced"
-				[styleClass]="'upload-renderer-choose'"
-				(uploadHandler)="uploadHandler($event, fu)">
-				<ng-template
-					#header
-					let-chooseCallback="chooseCallback">
-					<p-button
-						icon="pi pi-cloud-upload"
-						[text]="true"
-						size="small"
-						[disabled]="isDisabled() || loading"
-						(onClick)="chooseCallback()" />
-				</ng-template>
-			</p-fileUpload>
+			@if (!isDisabled()) {
+				<p-fileUpload
+					#fu
+					auto
+					mode="advanced"
+					[name]="uploadParams.name || 'file'"
+					[multiple]="uploadParams.multiple ?? true"
+					[accept]="uploadParams.accept"
+					[maxFileSize]="uploadParams.maxFileSize"
+					[fileLimit]="uploadParams.fileLimit"
+					[withCredentials]="uploadParams.withCredentials ?? false"
+					[customUpload]="true"
+					[disabled]="loading"
+					[styleClass]="'upload-renderer-choose'"
+					(uploadHandler)="uploadHandler($event, fu)">
+					<ng-template
+						#header
+						let-chooseCallback="chooseCallback">
+						<p-button
+							icon="pi pi-cloud-upload"
+							[text]="true"
+							size="small"
+							[disabled]="loading"
+							(onClick)="choose(chooseCallback)" />
+					</ng-template>
+				</p-fileUpload>
+			}
 
 			<div class="upload-renderer-files">
 				@for (file of fileList; track index; let index = $index) {
@@ -7212,13 +7219,15 @@ class UploadRenderer {
 							(click)="$event.stopPropagation()"
 							>{{ file }}</a
 						>
-						<p-button
-							icon="pi pi-times"
-							severity="danger"
-							size="small"
-							[text]="true"
-							[disabled]="isDisabled() || loading"
-							(onClick)="deleteHandler(file, index)" />
+						@if (!isDisabled()) {
+							<p-button
+								icon="pi pi-times"
+								severity="danger"
+								size="small"
+								[text]="true"
+								[disabled]="loading"
+								(onClick)="deleteHandler(file, index)" />
+						}
 					</div>
 				}
 			</div>
@@ -7229,32 +7238,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Component,
             args: [{ standalone: true, imports: [ButtonModule, FileUpload], template: `
 		<div class="upload-renderer">
-			<p-fileUpload
-				#fu
-				auto
-				mode="basic"
-				[name]="uploadParams.name || 'file'"
-				[multiple]="uploadParams.multiple ?? true"
-				[accept]="uploadParams.accept"
-				[maxFileSize]="uploadParams.maxFileSize"
-				[fileLimit]="uploadParams.fileLimit"
-				[withCredentials]="uploadParams.withCredentials ?? false"
-				[customUpload]="true"
-				[disabled]="isDisabled() || loading"
-				mode="advanced"
-				[styleClass]="'upload-renderer-choose'"
-				(uploadHandler)="uploadHandler($event, fu)">
-				<ng-template
-					#header
-					let-chooseCallback="chooseCallback">
-					<p-button
-						icon="pi pi-cloud-upload"
-						[text]="true"
-						size="small"
-						[disabled]="isDisabled() || loading"
-						(onClick)="chooseCallback()" />
-				</ng-template>
-			</p-fileUpload>
+			@if (!isDisabled()) {
+				<p-fileUpload
+					#fu
+					auto
+					mode="advanced"
+					[name]="uploadParams.name || 'file'"
+					[multiple]="uploadParams.multiple ?? true"
+					[accept]="uploadParams.accept"
+					[maxFileSize]="uploadParams.maxFileSize"
+					[fileLimit]="uploadParams.fileLimit"
+					[withCredentials]="uploadParams.withCredentials ?? false"
+					[customUpload]="true"
+					[disabled]="loading"
+					[styleClass]="'upload-renderer-choose'"
+					(uploadHandler)="uploadHandler($event, fu)">
+					<ng-template
+						#header
+						let-chooseCallback="chooseCallback">
+						<p-button
+							icon="pi pi-cloud-upload"
+							[text]="true"
+							size="small"
+							[disabled]="loading"
+							(onClick)="choose(chooseCallback)" />
+					</ng-template>
+				</p-fileUpload>
+			}
 
 			<div class="upload-renderer-files">
 				@for (file of fileList; track index; let index = $index) {
@@ -7267,13 +7277,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 							(click)="$event.stopPropagation()"
 							>{{ file }}</a
 						>
-						<p-button
-							icon="pi pi-times"
-							severity="danger"
-							size="small"
-							[text]="true"
-							[disabled]="isDisabled() || loading"
-							(onClick)="deleteHandler(file, index)" />
+						@if (!isDisabled()) {
+							<p-button
+								icon="pi pi-times"
+								severity="danger"
+								size="small"
+								[text]="true"
+								[disabled]="loading"
+								(onClick)="deleteHandler(file, index)" />
+						}
 					</div>
 				}
 			</div>
@@ -7444,12 +7456,12 @@ class GridComponent {
         this.editingFix();
     }
     withGridContext(options) {
-        const gridDisabled = this.gridDisable();
+        this.gridDisable();
         return {
             ...options,
             context: {
                 ...(options.context || {}),
-                gridDisabled: () => gridDisabled,
+                gridDisabled: () => this.gridDisable(),
                 grid: () => this,
             },
         };