imm-element-ui 2.8.4 → 2.8.6

package/fesm2022/imm-element-ui.mjs

@@ -1368,6 +1368,9 @@ const _fieldUtils = {
             case 'image':
                 props = field.imageProps;
                 break;
+            case 'imagepreview':
+                props = field.imagePreviewProps;
+                break;
             case 'codemirror':
                 props = field.codeMirrorProps;
                 break;
@@ -4631,6 +4634,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['imageComp', { read: ElementRef, static: false }]
             }] } });
 
+class ImagePreviewComponent {
+    constructor() {
+        this.field = input();
+        this.props = {};
+        this.defaultBaseUrl = 'https://file.myfoodiepet.com//';
+        effect(() => {
+            this.props = this.field()?.imagePreviewProps || {};
+        });
+    }
+    imageList() {
+        const value = this.field()?.fieldControl?.value;
+        if (!value || typeof value !== 'string') {
+            return [];
+        }
+        return value
+            .split(this.props.separator || ';')
+            .map((item) => item.trim())
+            .filter(Boolean);
+    }
+    resolveSrc(image) {
+        if (/^(https?:\/\/|data:|blob:)/i.test(image)) {
+            return image;
+        }
+        return `${this.props.baseUrl ?? this.defaultBaseUrl}${image}`;
+    }
+    imageWidth() {
+        return `${this.props.width ?? 75}`;
+    }
+    imageHeight() {
+        return `${this.props.height ?? 100}`;
+    }
+    previewImageStyle() {
+        return {
+            width: this.normalizeSize(this.props.width ?? 75),
+            height: this.normalizeSize(this.props.height ?? 100),
+            objectFit: 'cover',
+            ...(this.props.imageStyle || {}),
+        };
+    }
+    normalizeSize(size) {
+        return typeof size === 'number' ? `${size}px` : size;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImagePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ImagePreviewComponent, isStandalone: true, selector: "form-imagepreview", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+		@if (imageList().length > 0) {
+			<div
+				[class]="'image-preview-list ' + (props.styleClass || '')"
+				[style]="props.style">
+				@for (image of imageList(); track image) {
+					<p-image
+						[src]="resolveSrc(image)"
+						[alt]="props.alt || 'Image'"
+						[width]="imageWidth()"
+						[height]="imageHeight()"
+						[imageStyle]="previewImageStyle()"
+						appendTo="body"
+						[preview]="true" />
+				}
+			</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", ".image-preview-list{display:flex;flex-wrap:wrap;gap:.5rem}:is() .p-image-preview{display:inline-flex}\n"], dependencies: [{ kind: "component", type: 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: ImagePreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-imagepreview', standalone: true, imports: [Image], template: `
+		@if (imageList().length > 0) {
+			<div
+				[class]="'image-preview-list ' + (props.styleClass || '')"
+				[style]="props.style">
+				@for (image of imageList(); track image) {
+					<p-image
+						[src]="resolveSrc(image)"
+						[alt]="props.alt || 'Image'"
+						[width]="imageWidth()"
+						[height]="imageHeight()"
+						[imageStyle]="previewImageStyle()"
+						appendTo="body"
+						[preview]="true" />
+				}
+			</div>
+		}
+	`, 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", ".image-preview-list{display:flex;flex-wrap:wrap;gap:.5rem}:is() .p-image-preview{display:inline-flex}\n"] }]
+        }], ctorParameters: () => [] });
+
 class CodeMirrorComponent {
     constructor(action, renderer) {
         this.action = action;
@@ -9622,6 +9709,9 @@ class FormTypeComponent {
 			@case ('image') {
 				<form-image [field]="field()!"></form-image>
 			}
+			@case ('imagepreview') {
+				<form-imagepreview [field]="field()!"></form-imagepreview>
+			}
 			@case ('codemirror') {
 				<form-codemirror [field]="field()!"></form-codemirror>
 			}
@@ -9629,7 +9719,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"], outputs: ["change"] }, { 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: ImagePreviewComponent, selector: "form-imagepreview", 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,
@@ -9648,6 +9738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextAreaComponent,
                         UploadComponent,
                         ImageComponent,
+                        ImagePreviewComponent,
                         CodeMirrorComponent,
                         RowSelectorComponent,
                     ],
@@ -9686,6 +9777,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 			@case ('image') {
 				<form-image [field]="field()!"></form-image>
 			}
+			@case ('imagepreview') {
+				<form-imagepreview [field]="field()!"></form-imagepreview>
+			}
 			@case ('codemirror') {
 				<form-codemirror [field]="field()!"></form-codemirror>
 			}
@@ -10269,6 +10363,7 @@ const formTypeToProps = {
     textarea: 'textAreaProps',
     upload: 'uploadProps',
     image: 'imageProps',
+    imagepreview: 'imagePreviewProps',
     codemirror: 'codeMirrorProps',
     rowselector: 'rowSelectorProps',
 };
@@ -10298,18 +10393,19 @@ class CrumbActionComponent extends AmComponent {
         this.userHistoryService = inject(UserHistoryService);
         this.action = inject(ActionService);
         this.crumbList = computed(() => {
-            let crumb = JSON.parse(JSON.stringify(this.userHistoryService.historyList()));
-            // console.log('crumb',crumb)
-            // @ts-ignore
             const isI18n = window.appIsI18n;
-            if (!isI18n) {
-                crumb.forEach((item) => {
-                    item.i18nKey = '';
-                });
-            }
-            return crumb.map((v) => v);
+            return this.userHistoryService.historyList().map((item) => ({
+                ...item,
+                i18nKey: isI18n ? item.i18nKey : '',
+            }));
+        });
+        this.breadcrumbList = computed(() => this.crumbList().slice(0, -1));
+        this.showCloseButton = computed(() => {
+            const list = this.crumbList();
+            return list.length > 1 || this.closeFallbackUrl().trim() !== '';
         });
-        this.crumbTitle = signal({});
+        this.emptyCrumbTitle = { title: '', url: '', configPath: '', i18nKey: '' };
+        this.crumbTitle = signal(this.emptyCrumbTitle);
         // router = inject(Router);
         this.isNew = false;
         this.isShowCog = input(false);
@@ -10322,6 +10418,7 @@ class CrumbActionComponent extends AmComponent {
         this.exportVisible = input(true);
         this.newUrl = input('');
         this.configNewPath = input('');
+        this.closeFallbackUrl = input('');
         this.onExport = input();
         // 新建按钮outline
         this.outlined = input(false);
@@ -10365,23 +10462,20 @@ class CrumbActionComponent extends AmComponent {
         this.showSaveButton = input(true);
         this.currentPageUrl = '';
         effect(() => {
-            let last = this.crumbList().pop();
-            if (last?.url) {
-                this.isNew = last.url?.indexOf('new') > -1 ? true : false;
-                this.currentPageUrl = last.url;
-            }
-            if (last?.title) {
-                this.crumbTitle.set(last);
-            }
-            const length = this.crumbList().length;
+            const list = this.crumbList();
+            const last = list[list.length - 1];
+            this.isNew = last?.url.includes('new') ?? false;
+            this.currentPageUrl = last?.url ?? '';
+            this.crumbTitle.set(last ?? this.emptyCrumbTitle);
+            const breadcrumbs = this.breadcrumbList();
+            const length = breadcrumbs.length;
             if (length > 2) {
-                this.crumbFront = this.crumbList()
-                    .map((v) => {
-                    v.label = v.title;
-                    return v;
-                })
-                    .filter((v, index) => index <= length - 1 - 2);
-                this.crumbEnd = [this.crumbList()[length - 2], this.crumbList()[length - 1]];
+                this.crumbFront = breadcrumbs.slice(0, -2).map((v) => ({ ...v, label: v.title }));
+                this.crumbEnd = breadcrumbs.slice(-2);
+            }
+            else {
+                this.crumbFront = [];
+                this.crumbEnd = [];
             }
         }, { allowSignalWrites: true });
     }
@@ -10413,10 +10507,16 @@ class CrumbActionComponent extends AmComponent {
         }
     }
     closeNew() {
-        let length = this.crumbList().length;
-        let last = this.crumbList()[length - 1];
-        if (last) {
-            this.router.navigate([last.url]);
+        const list = this.crumbList();
+        const previous = list[list.length - 2];
+        if (previous) {
+            this.router.navigate([previous.url]);
+            return;
+        }
+        const fallbackUrl = this.closeFallbackUrl().trim();
+        if (fallbackUrl) {
+            this.userHistoryService.clear(fallbackUrl);
+            this.router.navigate([fallbackUrl]);
         }
         else {
             this.cancelEvent.emit();
@@ -10470,11 +10570,11 @@ class CrumbActionComponent extends AmComponent {
         this.action.saveSignal.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CrumbActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CrumbActionComponent, isStandalone: true, selector: "app-crumb-action", inputs: { isShowCog: { classPropertyName: "isShowCog", publicName: "isShowCog", isSignal: true, isRequired: false, transformFunction: null }, addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, importVisible: { classPropertyName: "importVisible", publicName: "importVisible", isSignal: true, isRequired: false, transformFunction: null }, exportVisible: { classPropertyName: "exportVisible", publicName: "exportVisible", isSignal: true, isRequired: false, transformFunction: null }, newUrl: { classPropertyName: "newUrl", publicName: "newUrl", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, onExport: { classPropertyName: "onExport", publicName: "onExport", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, isList: { classPropertyName: "isList", publicName: "isList", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, saveBtnDisable: { classPropertyName: "saveBtnDisable", publicName: "saveBtnDisable", isSignal: true, isRequired: false, transformFunction: null }, showSaveButton: { classPropertyName: "showSaveButton", publicName: "showSaveButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEvent: "saveEvent", cancelEvent: "cancelEvent", actionEvent: "actionEvent" }, host: { listeners: { "window:resize": "resize($event)" } }, queries: [{ propertyName: "newBtnTemplateRef", first: true, predicate: ["newBtn"] }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }, { propertyName: "listOp", first: true, predicate: ["listOp"], descendants: true }, { propertyName: "actOp", first: true, predicate: ["actOp"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex items-center gap-1\">\n  <div class=\"left-btn flex gap-1\">\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\n    @if(!newBtnTemplateRef){\n      @if(this.authLevel() > 2 && addVisible()){\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\n      }\n    } @else {\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\n    }\n  </div>\n  @if(crumbList().length > 0){\n    <div class=\"flex flex-col leading-none\">\n      <div class=\"hidden md:flex\">\n        @if(crumbList().length <= 2){\n          @for(fchild of crumbList(); track fchild.url){\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\n               @if(fchild.i18nKey!= ''){\n                {{ fchild!.i18nKey | translate}}\n               } @else {\n                {{fchild.title}}\n               }\n            </div>\n          }\n        } @else {\n          <div class=\"flex\">\n            <div class=\"crumb-title cursor-pointer select-crumb\">\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\n                ...\n              </div>\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\n                        @if(item.i18nKey!= ''){\n                          {{ item!.i18nKey | translate}}\n                         } @else {\n                          {{item.title}}\n                         }\n                      </span>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            </div>\n            @for(item of crumbEnd;track item.url){\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\n                @if(item.i18nKey!= ''){\n                  {{ item!.i18nKey | translate}}\n                 } @else {\n                  {{item.title}}\n                 }\n              </div>\n            }\n          </div>\n        }\n        \n      </div>\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\n        <span\n          [title]=\"isNew? 'New':crumbTitle().title\" \n          class=\"hidden md:inline-block max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{isNew? 'New':crumbTitle().title}}\n        </span>\n        @if(isShowCog()){\n          @if(isList()){\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\n            @if(displayOpItems().length > 0){\n              <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                    <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                    <span class=\"ml-2\">{{ item.label | translate }}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n              </ng-template>\n              </p-tieredmenu>\n            }\n          } @else {\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleAct($event)\"/>\n            @if(actionList().length > 0 && showAct){\n              <p-tieredmenu #actOp [model]=\"actionList()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple \n                    class=\"flex items-center p-tieredmenu-item-link\"\n                    [class]=\"(item.auth || 0) > (authLevel() || 0) || !!item.btnHidden?.(data()) ? 'hidden' : 'block'\" \n                    (click)=\"actEvent(item)\">\n                    <span class=\"ml-2\">{{item.i18nKey ? (item.i18nKey | translate) : item.label}}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            }\n          }\n        }\n        @if(this.authLevel() > 2 && !isList() && showSaveButton()){\n          <p-button \n            variant=\"text\" \n            [severity]=\"setSaveClass()\" \n            icon=\"pi  pi-cloud-upload\" \n            [loading]=\"loading()\"\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n            [disabled]=\"saveBtnDisable()\" \n            class=\"p-0\"\n            (click)=\"handleSave()\">\n          </p-button>\n        }\n        <!-- @if(crumbList().length >= 2){ -->\n          <p-button \n            variant=\"text\" \n            severity=\"secondary\" \n            icon=\"pi  pi-times\" \n            aria-label=\"\u5173\u95ED\" \n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        <!-- } -->\n      </div>\n    </div>\n  } @else {\n    <!-- \u521D\u59CB\u8282\u70B9 -->\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\n      <span \n        [title]=\"crumbTitle().i18nKey != '' ? (crumbTitle().i18nKey | translate) : crumbTitle().title\"\n        class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\n        @if(crumbTitle().i18nKey != ''){\n          {{crumbTitle().i18nKey | translate}}\n        } @else {\n          {{crumbTitle().title}}\n        }\n      </span>\n      @if(isShowCog()){\n        <p-button \n          variant=\"text\"\n          severity=\"secondary\" \n          icon=\"pi  pi-cog\" \n          aria-label=\"\u64CD\u4F5C\" \n          (onClick)=\"toggleListOp($event)\"/>\n          @if(displayOpItems().length > 0){\n            <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                      {{ item.shortcut }}\n                  </span>\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                </a>\n            </ng-template>\n            </p-tieredmenu>\n          }\n        \n      }\n      @if(!isList() && showSaveButton()){\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-cloud-upload\" \n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n          [disabled]=\"saveBtnDisable()\" \n          class=\"p-0\"\n          (click)=\"handleSave()\">\n        </p-button>\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-times\" \n          aria-label=\"\u5173\u95ED\" \n          class=\"p-0\"\n          (click)=\"closeNew()\">\n        </p-button>\n      }\n    </div>\n  }\n  \n</div>\n", 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}.crumb-title{color:var(--p-primary-color)}.crumb-title+.crumb-title{padding-left:.5rem}.crumb-title+.crumb-title:before{padding-right:.5rem;content:var(--breadcrumb-divider, \"/\")}:host::ng-deep .p-button-text.p-button-secondary{color:var(--p-surface-700)}:host::ng-deep .title-action .p-button{padding:0}:host::ng-deep .new-action .p-button{padding:0}:host::ng-deep .new-action .p-button button{padding-top:2px;height:100%;align-items:center}:host::ng-deep .select-crumb .p-button{padding:0;background-color:#fff;line-height:1}:host::ng-deep .select-crumb .p-button button{padding:0;width:17px;height:17px}:host::ng-deep .p-popover-content{padding:.5rem}:host::ng-deep .left-btn .p-button{height:33px;min-width:51px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CrumbActionComponent, isStandalone: true, selector: "app-crumb-action", inputs: { isShowCog: { classPropertyName: "isShowCog", publicName: "isShowCog", isSignal: true, isRequired: false, transformFunction: null }, addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, importVisible: { classPropertyName: "importVisible", publicName: "importVisible", isSignal: true, isRequired: false, transformFunction: null }, exportVisible: { classPropertyName: "exportVisible", publicName: "exportVisible", isSignal: true, isRequired: false, transformFunction: null }, newUrl: { classPropertyName: "newUrl", publicName: "newUrl", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, closeFallbackUrl: { classPropertyName: "closeFallbackUrl", publicName: "closeFallbackUrl", isSignal: true, isRequired: false, transformFunction: null }, onExport: { classPropertyName: "onExport", publicName: "onExport", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, isList: { classPropertyName: "isList", publicName: "isList", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, saveBtnDisable: { classPropertyName: "saveBtnDisable", publicName: "saveBtnDisable", isSignal: true, isRequired: false, transformFunction: null }, showSaveButton: { classPropertyName: "showSaveButton", publicName: "showSaveButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveEvent: "saveEvent", cancelEvent: "cancelEvent", actionEvent: "actionEvent" }, host: { listeners: { "window:resize": "resize($event)" } }, queries: [{ propertyName: "newBtnTemplateRef", first: true, predicate: ["newBtn"] }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }, { propertyName: "listOp", first: true, predicate: ["listOp"], descendants: true }, { propertyName: "actOp", first: true, predicate: ["actOp"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex items-center gap-1\">\n  <div class=\"left-btn flex gap-1\">\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\n    @if(!newBtnTemplateRef){\n      @if(this.authLevel() > 2 && addVisible()){\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\n      }\n    } @else {\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\n    }\n  </div>\n  @if(breadcrumbList().length > 0){\n    <div class=\"flex flex-col leading-none\">\n      <div class=\"hidden md:flex\">\n        @if(breadcrumbList().length <= 2){\n          @for(fchild of breadcrumbList(); track fchild.url){\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\n               @if(fchild.i18nKey!= ''){\n                {{ fchild!.i18nKey | translate}}\n               } @else {\n                {{fchild.title}}\n               }\n            </div>\n          }\n        } @else {\n          <div class=\"flex\">\n            <div class=\"crumb-title cursor-pointer select-crumb\">\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\n                ...\n              </div>\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\n                        @if(item.i18nKey!= ''){\n                          {{ item!.i18nKey | translate}}\n                         } @else {\n                          {{item.title}}\n                         }\n                      </span>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            </div>\n            @for(item of crumbEnd;track item.url){\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\n                @if(item.i18nKey!= ''){\n                  {{ item!.i18nKey | translate}}\n                 } @else {\n                  {{item.title}}\n                 }\n              </div>\n            }\n          </div>\n        }\n        \n      </div>\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\n        <span\n          [title]=\"isNew? 'New':crumbTitle().title\" \n          class=\"hidden md:inline-block max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{isNew? 'New':crumbTitle().title}}\n        </span>\n        @if(isShowCog()){\n          @if(isList()){\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\n            @if(displayOpItems().length > 0){\n              <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                    <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                    <span class=\"ml-2\">{{ item.label | translate }}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n              </ng-template>\n              </p-tieredmenu>\n            }\n          } @else {\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleAct($event)\"/>\n            @if(actionList().length > 0 && showAct){\n              <p-tieredmenu #actOp [model]=\"actionList()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple \n                    class=\"flex items-center p-tieredmenu-item-link\"\n                    [class]=\"(item.auth || 0) > (authLevel() || 0) || !!item.btnHidden?.(data()) ? 'hidden' : 'block'\" \n                    (click)=\"actEvent(item)\">\n                    <span class=\"ml-2\">{{item.i18nKey ? (item.i18nKey | translate) : item.label}}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            }\n          }\n        }\n        @if(this.authLevel() > 2 && !isList() && showSaveButton()){\n          <p-button \n            variant=\"text\" \n            [severity]=\"setSaveClass()\" \n            icon=\"pi  pi-cloud-upload\" \n            [loading]=\"loading()\"\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n            [disabled]=\"saveBtnDisable()\" \n            class=\"p-0\"\n            (click)=\"handleSave()\">\n          </p-button>\n        }\n        @if(showCloseButton()){\n          <p-button \n            variant=\"text\" \n            severity=\"secondary\" \n            icon=\"pi  pi-times\" \n            aria-label=\"\u5173\u95ED\" \n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        }\n      </div>\n    </div>\n  } @else {\n    <!-- \u521D\u59CB\u8282\u70B9 -->\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\n      <span \n        [title]=\"crumbTitle().i18nKey != '' ? (crumbTitle().i18nKey | translate) : crumbTitle().title\"\n        class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\n        @if(crumbTitle().i18nKey != ''){\n          {{crumbTitle().i18nKey | translate}}\n        } @else {\n          {{crumbTitle().title}}\n        }\n      </span>\n      @if(isShowCog()){\n        <p-button \n          variant=\"text\"\n          severity=\"secondary\" \n          icon=\"pi  pi-cog\" \n          aria-label=\"\u64CD\u4F5C\" \n          (onClick)=\"toggleListOp($event)\"/>\n          @if(displayOpItems().length > 0){\n            <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                      {{ item.shortcut }}\n                  </span>\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                </a>\n            </ng-template>\n            </p-tieredmenu>\n          }\n        \n      }\n      @if(!isList() && showSaveButton()){\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-cloud-upload\" \n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n          [disabled]=\"saveBtnDisable()\" \n          class=\"p-0\"\n          (click)=\"handleSave()\">\n        </p-button>\n        @if(showCloseButton()){\n          <p-button\n            variant=\"text\"\n            severity=\"secondary\"\n            icon=\"pi  pi-times\"\n            aria-label=\"\u5173\u95ED\"\n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        }\n      }\n    </div>\n  }\n  \n</div>\n", 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}.crumb-title{color:var(--p-primary-color)}.crumb-title+.crumb-title{padding-left:.5rem}.crumb-title+.crumb-title:before{padding-right:.5rem;content:var(--breadcrumb-divider, \"/\")}:host::ng-deep .p-button-text.p-button-secondary{color:var(--p-surface-700)}:host::ng-deep .title-action .p-button{padding:0}:host::ng-deep .new-action .p-button{padding:0}:host::ng-deep .new-action .p-button button{padding-top:2px;height:100%;align-items:center}:host::ng-deep .select-crumb .p-button{padding:0;background-color:#fff;line-height:1}:host::ng-deep .select-crumb .p-button button{padding:0;width:17px;height:17px}:host::ng-deep .p-popover-content{padding:.5rem}:host::ng-deep .left-btn .p-button{height:33px;min-width:51px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CrumbActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-crumb-action', standalone: true, imports: [ButtonModule, TranslatePipe, CommonModule, TieredMenu], template: "<div class=\"flex items-center gap-1\">\n  <div class=\"left-btn flex gap-1\">\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\n    @if(!newBtnTemplateRef){\n      @if(this.authLevel() > 2 && addVisible()){\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\n      }\n    } @else {\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\n    }\n  </div>\n  @if(crumbList().length > 0){\n    <div class=\"flex flex-col leading-none\">\n      <div class=\"hidden md:flex\">\n        @if(crumbList().length <= 2){\n          @for(fchild of crumbList(); track fchild.url){\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\n               @if(fchild.i18nKey!= ''){\n                {{ fchild!.i18nKey | translate}}\n               } @else {\n                {{fchild.title}}\n               }\n            </div>\n          }\n        } @else {\n          <div class=\"flex\">\n            <div class=\"crumb-title cursor-pointer select-crumb\">\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\n                ...\n              </div>\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\n                        @if(item.i18nKey!= ''){\n                          {{ item!.i18nKey | translate}}\n                         } @else {\n                          {{item.title}}\n                         }\n                      </span>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            </div>\n            @for(item of crumbEnd;track item.url){\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\n                @if(item.i18nKey!= ''){\n                  {{ item!.i18nKey | translate}}\n                 } @else {\n                  {{item.title}}\n                 }\n              </div>\n            }\n          </div>\n        }\n        \n      </div>\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\n        <span\n          [title]=\"isNew? 'New':crumbTitle().title\" \n          class=\"hidden md:inline-block max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{isNew? 'New':crumbTitle().title}}\n        </span>\n        @if(isShowCog()){\n          @if(isList()){\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\n            @if(displayOpItems().length > 0){\n              <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                    <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                    <span class=\"ml-2\">{{ item.label | translate }}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n              </ng-template>\n              </p-tieredmenu>\n            }\n          } @else {\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleAct($event)\"/>\n            @if(actionList().length > 0 && showAct){\n              <p-tieredmenu #actOp [model]=\"actionList()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple \n                    class=\"flex items-center p-tieredmenu-item-link\"\n                    [class]=\"(item.auth || 0) > (authLevel() || 0) || !!item.btnHidden?.(data()) ? 'hidden' : 'block'\" \n                    (click)=\"actEvent(item)\">\n                    <span class=\"ml-2\">{{item.i18nKey ? (item.i18nKey | translate) : item.label}}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            }\n          }\n        }\n        @if(this.authLevel() > 2 && !isList() && showSaveButton()){\n          <p-button \n            variant=\"text\" \n            [severity]=\"setSaveClass()\" \n            icon=\"pi  pi-cloud-upload\" \n            [loading]=\"loading()\"\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n            [disabled]=\"saveBtnDisable()\" \n            class=\"p-0\"\n            (click)=\"handleSave()\">\n          </p-button>\n        }\n        <!-- @if(crumbList().length >= 2){ -->\n          <p-button \n            variant=\"text\" \n            severity=\"secondary\" \n            icon=\"pi  pi-times\" \n            aria-label=\"\u5173\u95ED\" \n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        <!-- } -->\n      </div>\n    </div>\n  } @else {\n    <!-- \u521D\u59CB\u8282\u70B9 -->\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\n      <span \n        [title]=\"crumbTitle().i18nKey != '' ? (crumbTitle().i18nKey | translate) : crumbTitle().title\"\n        class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\n        @if(crumbTitle().i18nKey != ''){\n          {{crumbTitle().i18nKey | translate}}\n        } @else {\n          {{crumbTitle().title}}\n        }\n      </span>\n      @if(isShowCog()){\n        <p-button \n          variant=\"text\"\n          severity=\"secondary\" \n          icon=\"pi  pi-cog\" \n          aria-label=\"\u64CD\u4F5C\" \n          (onClick)=\"toggleListOp($event)\"/>\n          @if(displayOpItems().length > 0){\n            <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                      {{ item.shortcut }}\n                  </span>\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                </a>\n            </ng-template>\n            </p-tieredmenu>\n          }\n        \n      }\n      @if(!isList() && showSaveButton()){\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-cloud-upload\" \n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n          [disabled]=\"saveBtnDisable()\" \n          class=\"p-0\"\n          (click)=\"handleSave()\">\n        </p-button>\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-times\" \n          aria-label=\"\u5173\u95ED\" \n          class=\"p-0\"\n          (click)=\"closeNew()\">\n        </p-button>\n      }\n    </div>\n  }\n  \n</div>\n", 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}.crumb-title{color:var(--p-primary-color)}.crumb-title+.crumb-title{padding-left:.5rem}.crumb-title+.crumb-title:before{padding-right:.5rem;content:var(--breadcrumb-divider, \"/\")}:host::ng-deep .p-button-text.p-button-secondary{color:var(--p-surface-700)}:host::ng-deep .title-action .p-button{padding:0}:host::ng-deep .new-action .p-button{padding:0}:host::ng-deep .new-action .p-button button{padding-top:2px;height:100%;align-items:center}:host::ng-deep .select-crumb .p-button{padding:0;background-color:#fff;line-height:1}:host::ng-deep .select-crumb .p-button button{padding:0;width:17px;height:17px}:host::ng-deep .p-popover-content{padding:.5rem}:host::ng-deep .left-btn .p-button{height:33px;min-width:51px}\n"] }]
+            args: [{ selector: 'app-crumb-action', standalone: true, imports: [ButtonModule, TranslatePipe, CommonModule, TieredMenu], template: "<div class=\"flex items-center gap-1\">\n  <div class=\"left-btn flex gap-1\">\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\n    @if(!newBtnTemplateRef){\n      @if(this.authLevel() > 2 && addVisible()){\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\n      }\n    } @else {\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\n    }\n  </div>\n  @if(breadcrumbList().length > 0){\n    <div class=\"flex flex-col leading-none\">\n      <div class=\"hidden md:flex\">\n        @if(breadcrumbList().length <= 2){\n          @for(fchild of breadcrumbList(); track fchild.url){\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\n               @if(fchild.i18nKey!= ''){\n                {{ fchild!.i18nKey | translate}}\n               } @else {\n                {{fchild.title}}\n               }\n            </div>\n          }\n        } @else {\n          <div class=\"flex\">\n            <div class=\"crumb-title cursor-pointer select-crumb\">\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\n                ...\n              </div>\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\n                        @if(item.i18nKey!= ''){\n                          {{ item!.i18nKey | translate}}\n                         } @else {\n                          {{item.title}}\n                         }\n                      </span>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            </div>\n            @for(item of crumbEnd;track item.url){\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\n                @if(item.i18nKey!= ''){\n                  {{ item!.i18nKey | translate}}\n                 } @else {\n                  {{item.title}}\n                 }\n              </div>\n            }\n          </div>\n        }\n        \n      </div>\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\n        <span\n          [title]=\"isNew? 'New':crumbTitle().title\" \n          class=\"hidden md:inline-block max-w-[150px] overflow-hidden text-ellipsis whitespace-nowrap\">\n          {{isNew? 'New':crumbTitle().title}}\n        </span>\n        @if(isShowCog()){\n          @if(isList()){\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\n            @if(displayOpItems().length > 0){\n              <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                    <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                    <span class=\"ml-2\">{{ item.label | translate }}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n              </ng-template>\n              </p-tieredmenu>\n            }\n          } @else {\n            <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleAct($event)\"/>\n            @if(actionList().length > 0 && showAct){\n              <p-tieredmenu #actOp [model]=\"actionList()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                  <a pRipple \n                    class=\"flex items-center p-tieredmenu-item-link\"\n                    [class]=\"(item.auth || 0) > (authLevel() || 0) || !!item.btnHidden?.(data()) ? 'hidden' : 'block'\" \n                    (click)=\"actEvent(item)\">\n                    <span class=\"ml-2\">{{item.i18nKey ? (item.i18nKey | translate) : item.label}}</span>\n                    <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                        {{ item.shortcut }}\n                    </span>\n                    <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                  </a>\n                </ng-template>\n              </p-tieredmenu>\n            }\n          }\n        }\n        @if(this.authLevel() > 2 && !isList() && showSaveButton()){\n          <p-button \n            variant=\"text\" \n            [severity]=\"setSaveClass()\" \n            icon=\"pi  pi-cloud-upload\" \n            [loading]=\"loading()\"\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n            [disabled]=\"saveBtnDisable()\" \n            class=\"p-0\"\n            (click)=\"handleSave()\">\n          </p-button>\n        }\n        @if(showCloseButton()){\n          <p-button \n            variant=\"text\" \n            severity=\"secondary\" \n            icon=\"pi  pi-times\" \n            aria-label=\"\u5173\u95ED\" \n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        }\n      </div>\n    </div>\n  } @else {\n    <!-- \u521D\u59CB\u8282\u70B9 -->\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\n      <span \n        [title]=\"crumbTitle().i18nKey != '' ? (crumbTitle().i18nKey | translate) : crumbTitle().title\"\n        class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\n        @if(crumbTitle().i18nKey != ''){\n          {{crumbTitle().i18nKey | translate}}\n        } @else {\n          {{crumbTitle().title}}\n        }\n      </span>\n      @if(isShowCog()){\n        <p-button \n          variant=\"text\"\n          severity=\"secondary\" \n          icon=\"pi  pi-cog\" \n          aria-label=\"\u64CD\u4F5C\" \n          (onClick)=\"toggleListOp($event)\"/>\n          @if(displayOpItems().length > 0){\n            <p-tieredmenu #listOp [model]=\"displayOpItems()\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item)\">\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\n                      {{ item.shortcut }}\n                  </span>\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\n                </a>\n            </ng-template>\n            </p-tieredmenu>\n          }\n        \n      }\n      @if(!isList() && showSaveButton()){\n        <p-button \n          variant=\"text\" \n          severity=\"secondary\" \n          icon=\"pi  pi-cloud-upload\" \n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\"\n          [disabled]=\"saveBtnDisable()\" \n          class=\"p-0\"\n          (click)=\"handleSave()\">\n        </p-button>\n        @if(showCloseButton()){\n          <p-button\n            variant=\"text\"\n            severity=\"secondary\"\n            icon=\"pi  pi-times\"\n            aria-label=\"\u5173\u95ED\"\n            class=\"p-0\"\n            (click)=\"closeNew()\">\n          </p-button>\n        }\n      }\n    </div>\n  }\n  \n</div>\n", 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}.crumb-title{color:var(--p-primary-color)}.crumb-title+.crumb-title{padding-left:.5rem}.crumb-title+.crumb-title:before{padding-right:.5rem;content:var(--breadcrumb-divider, \"/\")}:host::ng-deep .p-button-text.p-button-secondary{color:var(--p-surface-700)}:host::ng-deep .title-action .p-button{padding:0}:host::ng-deep .new-action .p-button{padding:0}:host::ng-deep .new-action .p-button button{padding-top:2px;height:100%;align-items:center}:host::ng-deep .select-crumb .p-button{padding:0;background-color:#fff;line-height:1}:host::ng-deep .select-crumb .p-button button{padding:0;width:17px;height:17px}:host::ng-deep .p-popover-content{padding:.5rem}:host::ng-deep .left-btn .p-button{height:33px;min-width:51px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { op: [{
                 type: ViewChild,
                 args: ['op']
@@ -10796,13 +10896,15 @@ class UserHistoryService {
     backUrl(url) {
         let index = this.historyList().findIndex(v => v.url == url);
         let length = this.historyList().length;
+        if (index == -1)
+            return;
         if (index + 1 !== length) {
-            let newHistory = this.historyList().slice(0, index);
+            let newHistory = this.historyList().slice(0, index + 1);
             this.historyList.set(newHistory);
         }
     }
     lastPop() {
-        this.historyList().pop();
+        this.historyList.update((value) => value.slice(0, -1));
     }
     // 清空history
     clear(path) {
@@ -10818,10 +10920,13 @@ class UserHistoryService {
         let newHistory = this.historyList().filter(v => v.url !== url);
         this.historyList.set(newHistory);
     }
-    // 手动触发详情页面获取title 
+    // 手动触发详情页面获取title
     setLastTitle(title) {
-        const last = this.historyList().pop();
-        this.historyList.update((value) => ([...value, { ...last, title }]));
+        const list = this.historyList();
+        const last = list[list.length - 1];
+        if (!last)
+            return;
+        this.historyList.set([...list.slice(0, -1), { ...last, title }]);
         // console.log('set--title',this.historyList())
         // const last = this.historyList()[this.historyList().length - 1]
     }
@@ -11410,6 +11515,7 @@ class PageFormComponent extends AmComponent {
         this.saveFunc = input();
         this.showMainSaveButton = input(true);
         this.configNewPath = input();
+        this.closeFallbackUrl = input('');
         this.runtimeContextInput = input({});
         this.customLeftPanel = input(null);
         this.customListFormTemplateMap = input(null);
@@ -12801,7 +12907,7 @@ class PageFormComponent extends AmComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PageFormComponent, isStandalone: true, selector: "app-page-form", inputs: { addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, gridList: { classPropertyName: "gridList", publicName: "gridList", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, getPrmInput: { classPropertyName: "getPrmInput", publicName: "getPrmInput", isSignal: true, isRequired: true, transformFunction: null }, statusSteps: { classPropertyName: "statusSteps", publicName: "statusSteps", isSignal: true, isRequired: false, transformFunction: null }, statusKey: { classPropertyName: "statusKey", publicName: "statusKey", isSignal: true, isRequired: false, transformFunction: null }, hrefBtnList: { classPropertyName: "hrefBtnList", publicName: "hrefBtnList", isSignal: true, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, modelLog: { classPropertyName: "modelLog", publicName: "modelLog", isSignal: true, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: true, isRequired: false, transformFunction: null }, statusConf: { classPropertyName: "statusConf", publicName: "statusConf", isSignal: true, isRequired: false, transformFunction: null }, formDetail: { classPropertyName: "formDetail", publicName: "formDetail", isSignal: true, isRequired: false, transformFunction: null }, saveFunc: { classPropertyName: "saveFunc", publicName: "saveFunc", isSignal: true, isRequired: false, transformFunction: null }, showMainSaveButton: { classPropertyName: "showMainSaveButton", publicName: "showMainSaveButton", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, runtimeContextInput: { classPropertyName: "runtimeContextInput", publicName: "runtimeContextInput", isSignal: true, isRequired: false, transformFunction: null }, customLeftPanel: { classPropertyName: "customLeftPanel", publicName: "customLeftPanel", isSignal: true, isRequired: false, transformFunction: null }, customListFormTemplateMap: { classPropertyName: "customListFormTemplateMap", publicName: "customListFormTemplateMap", isSignal: true, isRequired: false, transformFunction: null }, customListFormInstanceMap: { classPropertyName: "customListFormInstanceMap", publicName: "customListFormInstanceMap", isSignal: true, isRequired: false, transformFunction: null }, leftPanel: { classPropertyName: "leftPanel", publicName: "leftPanel", isSignal: true, isRequired: false, transformFunction: null }, panelSelectedData: { classPropertyName: "panelSelectedData", publicName: "panelSelectedData", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, providers: [], queries: [{ propertyName: "pageFormSlots", predicate: PageFormSlotDirective, descendants: true }], viewQueries: [{ propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }, { propertyName: "rowSelector", first: true, predicate: RowSelectorComponent$1, descendants: true }, { propertyName: "customGrid", predicate: ["customGrid"], descendants: true }, { propertyName: "tabForm", predicate: ["tabForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"\n                (modelChange)=\"onMainFormModelChange()\"></custom-form>\n            </form>\n          </div>\n          @if (grids && grids.length > 0) {\n            <div class=\"relative mb-2\">\n              <p-tabs [(value)]=\"indexValue\">\n                <p-tablist>\n                  @for (fchild of grids; let i = $index; track fchild) {\n                    <p-tab\n                      [value]=\"i\"\n                      (click)=\"tabClick()\">\n                      {{ fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title }}\n                    </p-tab>\n                  }\n                </p-tablist>\n              </p-tabs>\n            </div>\n          }\n          @for (grid of grids; let i = $index; track grid) {\n            @let slotState = slotRenderStates[i];\n            @let slot = slotState?.slot;\n            <div [hidden]=\"indexValue != i\" [style.height]=\"slot ? grid.gridOptions.scrollHeight : null\">\n              @if (slot) {\n                <ng-container *ngTemplateOutlet=\"slot.templateRef; context: slotState.context\"> </ng-container>\n                <div class=\"flex justify-end py-[5px] pr-[8px] bg-white\">\n                  @if (canShowCurrentTabSave(grid)) {\n                    <p-button\n                      icon=\"pi pi-cloud-upload\"\n                      [text]=\"true\"\n                      severity=\"primary\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none' && !isSubAddHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete && !isSubDeleteHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [hideExpressionData]=\"getPrm.data ?? {}\"\n                    [hideExpressionVersion]=\"hideExpressionVersion\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    (gridDataChanged)=\"refreshSubGridColumnVisibility()\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"grid.gridDisabled\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [deleteHidden]=\"isSubDeleteHidden(grid)\"\n                    [addHidden]=\"isSubAddHidden(grid)\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveHidden]=\"isSubSaveHidden(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"grid.gridDisabled\"\n                    [selectData]=\"grid.selectData\"\n                    [addSort]=\"grid.addSort\"\n                    (subSaveEmit)=\"saveCurrentTab()\">\n                  </custom-grid>\n                } @else {\n                  @if (canShowCurrentTabSave(grid)) {\n                    <div class=\"flex justify-end px-2 pt-2 bg-white\">\n                      <p-button\n                        icon=\"pi pi-cloud-upload\"\n                        [text]=\"true\"\n                        severity=\"primary\"\n                        [disabled]=\"grid.gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\"\n                    (modelChange)=\"refreshSubGridColumnVisibility()\">\n                  </custom-form>\n                }\n              }\n            </div>\n          }\n        </div>\n      </div>\n      @if (showLog()) {\n        <div class=\"w-full lg:w-[400px] md:w-[300px] md:h-full md:overflow-y-auto hidden md:block\">\n          <custom-log [logs]=\"getPrm.data?.log ?? []\"></custom-log>\n        </div>\n      }\n    </div>\n  }\n</div>\n<row-selector\n\t[(visible)]=\"visible\"\n\t[searchPrm]=\"dialogSearchPrm\"\n\t[gridOptions]=\"selectOptions\"\n\t[selectionKeys]=\"selectionKeys\"\n\t[selectModelCode]=\"currentSelectModelCode || undefined\"\n\t[customListFormByDialog]=\"currentCustomListFormTemplate\"\n\t[customListFormByDialogContext]=\"currentCustomListFormContext\"\n\t[customListDialogMap]=\"customListFormInstanceMap()\"\n\t(onOk)=\"onOk($event)\"\n\t(cancelSelect)=\"onCancelSelected($event)\">\n</row-selector>\n", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 128px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}:host ::ng-deep .form-action{background:#e7e9ed!important;color:var(--ag-text-color)!important;border-color:#e7e9ed!important}:host ::ng-deep .form-action:not(:disabled):hover{background-color:#d8dadd!important;border-color:#d8dadd}:host ::ng-deep .page-form-left-tree{border:none!important;padding:0!important}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.page-form-tree-panel{border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:4px}.page-form-left-panel-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:#94a3b8;font-size:12px}.icon-sidebar{color:#334155;padding:2.5px}.icon-sidebar:hover{color:var(--p-primary-color);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormComponent, selector: "custom-form", inputs: ["options", "model", "upsert"], outputs: ["modelChange"] }, { kind: "component", type: LogComponent, selector: "custom-log", inputs: ["logs", "id"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "importVisible", "exportVisible", "newUrl", "configNewPath", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["modelLog", "needSelfAdjusting", "steps", "current", "authLevel", "isClick"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "hideExpressionData", "hideExpressionVersion", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "deleteHidden", "addHidden", "gridDisable", "addSort", "subSaveVisible", "subSaveHidden", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "gridDataChanged", "subSaveEmit"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i4.TabList, selector: "p-tablist" }, { kind: "component", type: i4.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: RowSelectorComponent$1, selector: "row-selector", inputs: ["title", "selectionKeys", "gridOptions", "searchPrm", "visible", "showSearch", "selectModelCode", "customListFormByDialog", "customListFormByDialogContext", "customListDialogMap"], outputs: ["onOk", "visibleChange", "cancelSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: HrefBtnListComponent, selector: "href-btn-list", inputs: ["hrefs"], outputs: ["hrefClick"] }, { kind: "component", type: SingleSelectListboxComponent, selector: "am-single-select-listbox", inputs: ["options", "optionLabel", "optionValue", "disabled", "emptyMessage", "allowDeselect"], outputs: ["onChange"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i2$9.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PageFormComponent, isStandalone: true, selector: "app-page-form", inputs: { addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, gridList: { classPropertyName: "gridList", publicName: "gridList", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, getPrmInput: { classPropertyName: "getPrmInput", publicName: "getPrmInput", isSignal: true, isRequired: true, transformFunction: null }, statusSteps: { classPropertyName: "statusSteps", publicName: "statusSteps", isSignal: true, isRequired: false, transformFunction: null }, statusKey: { classPropertyName: "statusKey", publicName: "statusKey", isSignal: true, isRequired: false, transformFunction: null }, hrefBtnList: { classPropertyName: "hrefBtnList", publicName: "hrefBtnList", isSignal: true, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, modelLog: { classPropertyName: "modelLog", publicName: "modelLog", isSignal: true, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: true, isRequired: false, transformFunction: null }, statusConf: { classPropertyName: "statusConf", publicName: "statusConf", isSignal: true, isRequired: false, transformFunction: null }, formDetail: { classPropertyName: "formDetail", publicName: "formDetail", isSignal: true, isRequired: false, transformFunction: null }, saveFunc: { classPropertyName: "saveFunc", publicName: "saveFunc", isSignal: true, isRequired: false, transformFunction: null }, showMainSaveButton: { classPropertyName: "showMainSaveButton", publicName: "showMainSaveButton", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, closeFallbackUrl: { classPropertyName: "closeFallbackUrl", publicName: "closeFallbackUrl", isSignal: true, isRequired: false, transformFunction: null }, runtimeContextInput: { classPropertyName: "runtimeContextInput", publicName: "runtimeContextInput", isSignal: true, isRequired: false, transformFunction: null }, customLeftPanel: { classPropertyName: "customLeftPanel", publicName: "customLeftPanel", isSignal: true, isRequired: false, transformFunction: null }, customListFormTemplateMap: { classPropertyName: "customListFormTemplateMap", publicName: "customListFormTemplateMap", isSignal: true, isRequired: false, transformFunction: null }, customListFormInstanceMap: { classPropertyName: "customListFormInstanceMap", publicName: "customListFormInstanceMap", isSignal: true, isRequired: false, transformFunction: null }, leftPanel: { classPropertyName: "leftPanel", publicName: "leftPanel", isSignal: true, isRequired: false, transformFunction: null }, panelSelectedData: { classPropertyName: "panelSelectedData", publicName: "panelSelectedData", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, providers: [], queries: [{ propertyName: "pageFormSlots", predicate: PageFormSlotDirective, descendants: true }], viewQueries: [{ propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }, { propertyName: "rowSelector", first: true, predicate: RowSelectorComponent$1, descendants: true }, { propertyName: "customGrid", predicate: ["customGrid"], descendants: true }, { propertyName: "tabForm", predicate: ["tabForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[closeFallbackUrl]=\"closeFallbackUrl()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"\n                (modelChange)=\"onMainFormModelChange()\"></custom-form>\n            </form>\n          </div>\n          @if (grids && grids.length > 0) {\n            <div class=\"relative mb-2\">\n              <p-tabs [(value)]=\"indexValue\">\n                <p-tablist>\n                  @for (fchild of grids; let i = $index; track fchild) {\n                    <p-tab\n                      [value]=\"i\"\n                      (click)=\"tabClick()\">\n                      {{ fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title }}\n                    </p-tab>\n                  }\n                </p-tablist>\n              </p-tabs>\n            </div>\n          }\n          @for (grid of grids; let i = $index; track grid) {\n            @let slotState = slotRenderStates[i];\n            @let slot = slotState?.slot;\n            <div [hidden]=\"indexValue != i\" [style.height]=\"slot ? grid.gridOptions.scrollHeight : null\">\n              @if (slot) {\n                <ng-container *ngTemplateOutlet=\"slot.templateRef; context: slotState.context\"> </ng-container>\n                <div class=\"flex justify-end py-[5px] pr-[8px] bg-white\">\n                  @if (canShowCurrentTabSave(grid)) {\n                    <p-button\n                      icon=\"pi pi-cloud-upload\"\n                      [text]=\"true\"\n                      severity=\"primary\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none' && !isSubAddHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete && !isSubDeleteHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [hideExpressionData]=\"getPrm.data ?? {}\"\n                    [hideExpressionVersion]=\"hideExpressionVersion\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    (gridDataChanged)=\"refreshSubGridColumnVisibility()\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"grid.gridDisabled\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [deleteHidden]=\"isSubDeleteHidden(grid)\"\n                    [addHidden]=\"isSubAddHidden(grid)\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveHidden]=\"isSubSaveHidden(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"grid.gridDisabled\"\n                    [selectData]=\"grid.selectData\"\n                    [addSort]=\"grid.addSort\"\n                    (subSaveEmit)=\"saveCurrentTab()\">\n                  </custom-grid>\n                } @else {\n                  @if (canShowCurrentTabSave(grid)) {\n                    <div class=\"flex justify-end px-2 pt-2 bg-white\">\n                      <p-button\n                        icon=\"pi pi-cloud-upload\"\n                        [text]=\"true\"\n                        severity=\"primary\"\n                        [disabled]=\"grid.gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\"\n                    (modelChange)=\"refreshSubGridColumnVisibility()\">\n                  </custom-form>\n                }\n              }\n            </div>\n          }\n        </div>\n      </div>\n      @if (showLog()) {\n        <div class=\"w-full lg:w-[400px] md:w-[300px] md:h-full md:overflow-y-auto hidden md:block\">\n          <custom-log [logs]=\"getPrm.data?.log ?? []\"></custom-log>\n        </div>\n      }\n    </div>\n  }\n</div>\n<row-selector\n\t[(visible)]=\"visible\"\n\t[searchPrm]=\"dialogSearchPrm\"\n\t[gridOptions]=\"selectOptions\"\n\t[selectionKeys]=\"selectionKeys\"\n\t[selectModelCode]=\"currentSelectModelCode || undefined\"\n\t[customListFormByDialog]=\"currentCustomListFormTemplate\"\n\t[customListFormByDialogContext]=\"currentCustomListFormContext\"\n\t[customListDialogMap]=\"customListFormInstanceMap()\"\n\t(onOk)=\"onOk($event)\"\n\t(cancelSelect)=\"onCancelSelected($event)\">\n</row-selector>\n", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 128px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}:host ::ng-deep .form-action{background:#e7e9ed!important;color:var(--ag-text-color)!important;border-color:#e7e9ed!important}:host ::ng-deep .form-action:not(:disabled):hover{background-color:#d8dadd!important;border-color:#d8dadd}:host ::ng-deep .page-form-left-tree{border:none!important;padding:0!important}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.page-form-tree-panel{border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:4px}.page-form-left-panel-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:#94a3b8;font-size:12px}.icon-sidebar{color:#334155;padding:2.5px}.icon-sidebar:hover{color:var(--p-primary-color);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormComponent, selector: "custom-form", inputs: ["options", "model", "upsert"], outputs: ["modelChange"] }, { kind: "component", type: LogComponent, selector: "custom-log", inputs: ["logs", "id"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "importVisible", "exportVisible", "newUrl", "configNewPath", "closeFallbackUrl", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["modelLog", "needSelfAdjusting", "steps", "current", "authLevel", "isClick"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "hideExpressionData", "hideExpressionVersion", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "deleteHidden", "addHidden", "gridDisable", "addSort", "subSaveVisible", "subSaveHidden", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "gridDataChanged", "subSaveEmit"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i4.TabList, selector: "p-tablist" }, { kind: "component", type: i4.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: RowSelectorComponent$1, selector: "row-selector", inputs: ["title", "selectionKeys", "gridOptions", "searchPrm", "visible", "showSearch", "selectModelCode", "customListFormByDialog", "customListFormByDialogContext", "customListDialogMap"], outputs: ["onOk", "visibleChange", "cancelSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: HrefBtnListComponent, selector: "href-btn-list", inputs: ["hrefs"], outputs: ["hrefClick"] }, { kind: "component", type: SingleSelectListboxComponent, selector: "am-single-select-listbox", inputs: ["options", "optionLabel", "optionValue", "disabled", "emptyMessage", "allowDeselect"], outputs: ["onChange"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i2$9.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
@@ -12821,7 +12927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         HrefBtnListComponent,
                         SingleSelectListboxComponent,
                         TreeModule,
-                    ], providers: [], template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"\n                (modelChange)=\"onMainFormModelChange()\"></custom-form>\n            </form>\n          </div>\n          @if (grids && grids.length > 0) {\n            <div class=\"relative mb-2\">\n              <p-tabs [(value)]=\"indexValue\">\n                <p-tablist>\n                  @for (fchild of grids; let i = $index; track fchild) {\n                    <p-tab\n                      [value]=\"i\"\n                      (click)=\"tabClick()\">\n                      {{ fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title }}\n                    </p-tab>\n                  }\n                </p-tablist>\n              </p-tabs>\n            </div>\n          }\n          @for (grid of grids; let i = $index; track grid) {\n            @let slotState = slotRenderStates[i];\n            @let slot = slotState?.slot;\n            <div [hidden]=\"indexValue != i\" [style.height]=\"slot ? grid.gridOptions.scrollHeight : null\">\n              @if (slot) {\n                <ng-container *ngTemplateOutlet=\"slot.templateRef; context: slotState.context\"> </ng-container>\n                <div class=\"flex justify-end py-[5px] pr-[8px] bg-white\">\n                  @if (canShowCurrentTabSave(grid)) {\n                    <p-button\n                      icon=\"pi pi-cloud-upload\"\n                      [text]=\"true\"\n                      severity=\"primary\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none' && !isSubAddHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete && !isSubDeleteHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [hideExpressionData]=\"getPrm.data ?? {}\"\n                    [hideExpressionVersion]=\"hideExpressionVersion\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    (gridDataChanged)=\"refreshSubGridColumnVisibility()\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"grid.gridDisabled\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [deleteHidden]=\"isSubDeleteHidden(grid)\"\n                    [addHidden]=\"isSubAddHidden(grid)\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveHidden]=\"isSubSaveHidden(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"grid.gridDisabled\"\n                    [selectData]=\"grid.selectData\"\n                    [addSort]=\"grid.addSort\"\n                    (subSaveEmit)=\"saveCurrentTab()\">\n                  </custom-grid>\n                } @else {\n                  @if (canShowCurrentTabSave(grid)) {\n                    <div class=\"flex justify-end px-2 pt-2 bg-white\">\n                      <p-button\n                        icon=\"pi pi-cloud-upload\"\n                        [text]=\"true\"\n                        severity=\"primary\"\n                        [disabled]=\"grid.gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\"\n                    (modelChange)=\"refreshSubGridColumnVisibility()\">\n                  </custom-form>\n                }\n              }\n            </div>\n          }\n        </div>\n      </div>\n      @if (showLog()) {\n        <div class=\"w-full lg:w-[400px] md:w-[300px] md:h-full md:overflow-y-auto hidden md:block\">\n          <custom-log [logs]=\"getPrm.data?.log ?? []\"></custom-log>\n        </div>\n      }\n    </div>\n  }\n</div>\n<row-selector\n\t[(visible)]=\"visible\"\n\t[searchPrm]=\"dialogSearchPrm\"\n\t[gridOptions]=\"selectOptions\"\n\t[selectionKeys]=\"selectionKeys\"\n\t[selectModelCode]=\"currentSelectModelCode || undefined\"\n\t[customListFormByDialog]=\"currentCustomListFormTemplate\"\n\t[customListFormByDialogContext]=\"currentCustomListFormContext\"\n\t[customListDialogMap]=\"customListFormInstanceMap()\"\n\t(onOk)=\"onOk($event)\"\n\t(cancelSelect)=\"onCancelSelected($event)\">\n</row-selector>\n", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 128px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}:host ::ng-deep .form-action{background:#e7e9ed!important;color:var(--ag-text-color)!important;border-color:#e7e9ed!important}:host ::ng-deep .form-action:not(:disabled):hover{background-color:#d8dadd!important;border-color:#d8dadd}:host ::ng-deep .page-form-left-tree{border:none!important;padding:0!important}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.page-form-tree-panel{border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:4px}.page-form-left-panel-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:#94a3b8;font-size:12px}.icon-sidebar{color:#334155;padding:2.5px}.icon-sidebar:hover{color:var(--p-primary-color);cursor:pointer}\n"] }]
+                    ], providers: [], template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[closeFallbackUrl]=\"closeFallbackUrl()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"\n                (modelChange)=\"onMainFormModelChange()\"></custom-form>\n            </form>\n          </div>\n          @if (grids && grids.length > 0) {\n            <div class=\"relative mb-2\">\n              <p-tabs [(value)]=\"indexValue\">\n                <p-tablist>\n                  @for (fchild of grids; let i = $index; track fchild) {\n                    <p-tab\n                      [value]=\"i\"\n                      (click)=\"tabClick()\">\n                      {{ fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title }}\n                    </p-tab>\n                  }\n                </p-tablist>\n              </p-tabs>\n            </div>\n          }\n          @for (grid of grids; let i = $index; track grid) {\n            @let slotState = slotRenderStates[i];\n            @let slot = slotState?.slot;\n            <div [hidden]=\"indexValue != i\" [style.height]=\"slot ? grid.gridOptions.scrollHeight : null\">\n              @if (slot) {\n                <ng-container *ngTemplateOutlet=\"slot.templateRef; context: slotState.context\"> </ng-container>\n                <div class=\"flex justify-end py-[5px] pr-[8px] bg-white\">\n                  @if (canShowCurrentTabSave(grid)) {\n                    <p-button\n                      icon=\"pi pi-cloud-upload\"\n                      [text]=\"true\"\n                      severity=\"primary\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none' && !isSubAddHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete && !isSubDeleteHidden(grid)) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"grid.gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [hideExpressionData]=\"getPrm.data ?? {}\"\n                    [hideExpressionVersion]=\"hideExpressionVersion\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    (gridDataChanged)=\"refreshSubGridColumnVisibility()\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"grid.gridDisabled\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [deleteHidden]=\"isSubDeleteHidden(grid)\"\n                    [addHidden]=\"isSubAddHidden(grid)\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveHidden]=\"isSubSaveHidden(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"grid.gridDisabled\"\n                    [selectData]=\"grid.selectData\"\n                    [addSort]=\"grid.addSort\"\n                    (subSaveEmit)=\"saveCurrentTab()\">\n                  </custom-grid>\n                } @else {\n                  @if (canShowCurrentTabSave(grid)) {\n                    <div class=\"flex justify-end px-2 pt-2 bg-white\">\n                      <p-button\n                        icon=\"pi pi-cloud-upload\"\n                        [text]=\"true\"\n                        severity=\"primary\"\n                        [disabled]=\"grid.gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\"\n                    (modelChange)=\"refreshSubGridColumnVisibility()\">\n                  </custom-form>\n                }\n              }\n            </div>\n          }\n        </div>\n      </div>\n      @if (showLog()) {\n        <div class=\"w-full lg:w-[400px] md:w-[300px] md:h-full md:overflow-y-auto hidden md:block\">\n          <custom-log [logs]=\"getPrm.data?.log ?? []\"></custom-log>\n        </div>\n      }\n    </div>\n  }\n</div>\n<row-selector\n\t[(visible)]=\"visible\"\n\t[searchPrm]=\"dialogSearchPrm\"\n\t[gridOptions]=\"selectOptions\"\n\t[selectionKeys]=\"selectionKeys\"\n\t[selectModelCode]=\"currentSelectModelCode || undefined\"\n\t[customListFormByDialog]=\"currentCustomListFormTemplate\"\n\t[customListFormByDialogContext]=\"currentCustomListFormContext\"\n\t[customListDialogMap]=\"customListFormInstanceMap()\"\n\t(onOk)=\"onOk($event)\"\n\t(cancelSelect)=\"onCancelSelected($event)\">\n</row-selector>\n", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 128px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}:host ::ng-deep .form-action{background:#e7e9ed!important;color:var(--ag-text-color)!important;border-color:#e7e9ed!important}:host ::ng-deep .form-action:not(:disabled):hover{background-color:#d8dadd!important;border-color:#d8dadd}:host ::ng-deep .page-form-left-tree{border:none!important;padding:0!important}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.page-form-tree-panel{border:1px solid #e2e8f0;border-radius:4px;background:#fff;padding:4px}.page-form-left-panel-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:#94a3b8;font-size:12px}.icon-sidebar{color:#334155;padding:2.5px}.icon-sidebar:hover{color:var(--p-primary-color);cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cForm: [{
                 type: ViewChild,
                 args: ['cForm']
@@ -12878,7 +12984,7 @@ class PageGridListComponent extends AmComponent {
         return searchPrm;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageGridListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PageGridListComponent, isStandalone: true, selector: "app-page-grid-list", inputs: { params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, gridOptions: { classPropertyName: "gridOptions", publicName: "gridOptions", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "customGrid", first: true, predicate: ["customGrid"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col h-full\">\n\t<div class=\"flex flex-wrap items-center py-1 px-1 bg-white\">\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-start order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"params().addVisible\"\n\t\t\t\t[exportVisible]=\"params().exportVisible ?? true\"\n\t\t\t\t[importVisible]=\"params().importVisible ?? true\"\n\t\t\t\t[newUrl]=\"params().newUrl\"\n\t\t\t\t[onExport]=\"params().onExport\"\n\t\t\t\t[isList]=\"true\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[menus]=\"menus()\"\n\t\t\t\t[authLevel]=\"authLevel()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\t\t<div class=\"lg:basis-4/6 md:basis-1/2 basis-full flex justify-center items-center md:order-2 order-last\">\n\t\t\t<custom-head\n\t\t\t\tclass=\"max-lg:min-w-full\"\n\t\t\t\t[actions]=\"actions()\"\n\t\t\t\t[grid]=\"customGrid\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[gridOptions]=\"gridOptions()\"></custom-head>\n\t\t</div>\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-end order-3\">\n\t\t\t<custom-pager></custom-pager>\n\t\t</div>\n\t</div>\n\t<div class=\"flex-1\">\n\t\t<custom-grid\n\t\t\t#customGrid\n\t\t\t[upsert]=\"upsertPrm\"\n\t\t\t[searchPrm]=\"searchPrm\"\n\t\t\t[showAct]=\"false\"\n\t\t\t[gridOptions]=\"gridOptions()!\">\n\t\t</custom-grid>\n\t</div>\n</div>\n<app-import\n\t[fileName]=\"params()?.importFileName\"\n\t[funcName]=\"params()?.importFuncName\"\n\t[orgVisible]=\"params()?.importOrgVisible\"\n\t[orgField]=\"params()?.importOrgField\"\n\t[grid]=\"customGrid\"\n\t[modelName]=\"gridOptions()!.modelName ?? ''\"\n\t[importOrgValueField]=\"params()?.importOrgValueField ?? 'deptId'\">\n</app-import>\n", styles: [".ms-grid{background-color:#efefef}.ms-content{border-top:solid 1px #dbdbdb;background-color:#f9fafb}.mode-hide{display:none}\n"], dependencies: [{ kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "hideExpressionData", "hideExpressionVersion", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "deleteHidden", "addHidden", "gridDisable", "addSort", "subSaveVisible", "subSaveHidden", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "gridDataChanged", "subSaveEmit"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "importVisible", "exportVisible", "newUrl", "configNewPath", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: PagerComponent, selector: "custom-pager" }, { kind: "component", type: HeadComponent, selector: "custom-head", inputs: ["gridOptions", "grid", "actions", "authLevel"] }, { kind: "component", type: ImportComponent, selector: "app-import", inputs: ["visible", "fileName", "funcName", "orgVisible", "orgField", "modelName", "grid", "importOrgValueField"], outputs: ["visibleChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: PageGridListComponent, isStandalone: true, selector: "app-page-grid-list", inputs: { params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, gridOptions: { classPropertyName: "gridOptions", publicName: "gridOptions", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "customGrid", first: true, predicate: ["customGrid"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col h-full\">\n\t<div class=\"flex flex-wrap items-center py-1 px-1 bg-white\">\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-start order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"params().addVisible\"\n\t\t\t\t[exportVisible]=\"params().exportVisible ?? true\"\n\t\t\t\t[importVisible]=\"params().importVisible ?? true\"\n\t\t\t\t[newUrl]=\"params().newUrl\"\n\t\t\t\t[onExport]=\"params().onExport\"\n\t\t\t\t[isList]=\"true\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[menus]=\"menus()\"\n\t\t\t\t[authLevel]=\"authLevel()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\t\t<div class=\"lg:basis-4/6 md:basis-1/2 basis-full flex justify-center items-center md:order-2 order-last\">\n\t\t\t<custom-head\n\t\t\t\tclass=\"max-lg:min-w-full\"\n\t\t\t\t[actions]=\"actions()\"\n\t\t\t\t[grid]=\"customGrid\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[gridOptions]=\"gridOptions()\"></custom-head>\n\t\t</div>\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-end order-3\">\n\t\t\t<custom-pager></custom-pager>\n\t\t</div>\n\t</div>\n\t<div class=\"flex-1\">\n\t\t<custom-grid\n\t\t\t#customGrid\n\t\t\t[upsert]=\"upsertPrm\"\n\t\t\t[searchPrm]=\"searchPrm\"\n\t\t\t[showAct]=\"false\"\n\t\t\t[gridOptions]=\"gridOptions()!\">\n\t\t</custom-grid>\n\t</div>\n</div>\n<app-import\n\t[fileName]=\"params()?.importFileName\"\n\t[funcName]=\"params()?.importFuncName\"\n\t[orgVisible]=\"params()?.importOrgVisible\"\n\t[orgField]=\"params()?.importOrgField\"\n\t[grid]=\"customGrid\"\n\t[modelName]=\"gridOptions()!.modelName ?? ''\"\n\t[importOrgValueField]=\"params()?.importOrgValueField ?? 'deptId'\">\n</app-import>\n", styles: [".ms-grid{background-color:#efefef}.ms-content{border-top:solid 1px #dbdbdb;background-color:#f9fafb}.mode-hide{display:none}\n"], dependencies: [{ kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "hideExpressionData", "hideExpressionVersion", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "deleteHidden", "addHidden", "gridDisable", "addSort", "subSaveVisible", "subSaveHidden", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "gridDataChanged", "subSaveEmit"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "importVisible", "exportVisible", "newUrl", "configNewPath", "closeFallbackUrl", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: PagerComponent, selector: "custom-pager" }, { kind: "component", type: HeadComponent, selector: "custom-head", inputs: ["gridOptions", "grid", "actions", "authLevel"] }, { kind: "component", type: ImportComponent, selector: "app-import", inputs: ["visible", "fileName", "funcName", "orgVisible", "orgField", "modelName", "grid", "importOrgValueField"], outputs: ["visibleChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageGridListComponent, decorators: [{
             type: Component,
@@ -13084,5 +13190,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, AsyncSelectLabelRenderer, CellEditAsyncSelectFieldComponent, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CellEditSelectFieldComponent, CellEditTextareaComponent, CodeMirrorComponent, CrumbActionComponent, FieldControl, FormComponent, FormFieldComponent, FormTypeComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageFormService, PageFormSlotDirective, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, SingleSelectListboxComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UploadRenderer, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, deepClone, executeRuntimeContextInit, filterObjectByKeys, formTypeToProps, generateUniqueId, getFilterMatchMode, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase, wrapHeaderValueGetter };
+export { ActionService, ActionsComponent, AmComponent, AsyncRenderer, AsyncSelectLabelRenderer, CellEditAsyncSelectFieldComponent, CellEditAutoCompleteComponent, CellEditDatePickerComponent, CellEditInputDateComponent, CellEditInputNumberCompoent, CellEditInputTextCompoent, CellEditSelectComponent, CellEditSelectFieldComponent, CellEditTextareaComponent, CodeMirrorComponent, CrumbActionComponent, FieldControl, FormComponent, FormFieldComponent, FormTypeComponent, GridComponent, HeadComponent, HrefBtnListComponent, I18N_Token, I18nService, ImagePreviewComponent, ImportComponent, LANGS, LinkRenderer, LoadingComponent, LoadingService, LogComponent, PageActionService, PageFormComponent, PageFormService, PageFormSlotDirective, PageGridListComponent, PagerComponent, PopActionService, RowSelectorComponent$1 as RowSelectorComponent, SearchComponent, SingleSelectListboxComponent, StepsComponent, ThemeConfigComponent, ThemeConfigService, UploadRenderer, UserHistoryService, calcRowSpan, changeContent, clearLocal, compileTsToJs, convertAct, convertCol, convertForm, convertGrid, createCircularIterator, deepClone, executeRuntimeContextInit, filterObjectByKeys, formTypeToProps, generateUniqueId, getFilterMatchMode, gridOptionsHooker, gridUtils, isJSONParsable, pageListGridOptions, parseFunctions, toPascalCase, wrapHeaderValueGetter };
 //# sourceMappingURL=imm-element-ui.mjs.map