imm-element-ui 0.1.3 → 0.1.4

package/fesm2022/imm-element-ui.mjs

@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpRequest, HttpEventType, HttpResponse } from '@angular/common/http';
 import { map, finalize, debounceTime, filter as filter$1 } from 'rxjs/operators';
 import * as FileSaver from 'file-saver';
-import { MessageService, ConfirmationService } from 'primeng/api';
+import { MessageService } from 'primeng/api';
 import * as i1 from '@angular/router';
 import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
 import * as i1$3 from '@angular/common';
@@ -3680,6 +3680,7 @@ class CrumbActionComponent {
         this.crumbEnd = [];
         this.saveEvent = output();
         // 新建按钮
+        this.addVisible = input();
         this.newUrl = input('');
         this.onExport = input();
         // 新建按钮outline
@@ -3767,11 +3768,11 @@ class CrumbActionComponent {
         this.action.setAction({ type });
     }
     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 }, newUrl: { classPropertyName: "newUrl", publicName: "newUrl", 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 } }, outputs: { saveEvent: "saveEvent", cancelEvent: "cancelEvent" }, queries: [{ propertyName: "newBtnTemplateRef", first: true, predicate: ["newBtn"] }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }, { propertyName: "listOp", first: true, predicate: ["listOp"], descendants: true }], ngImport: i0, template: "<div class=\"flex items-center gap-1\">\r\n  <div class=\"left-btn flex gap-1\">\r\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\r\n    @if(!newBtnTemplateRef){\r\n      @if(this.authLevel() > 2){\r\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\r\n      }\r\n    } @else {\r\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\r\n    }\r\n  </div>\r\n  @if(crumbList().length > 0){\r\n    <div class=\"flex flex-col\">\r\n      <div class=\"hidden md:flex\">\r\n        @if(crumbList().length <= 2){\r\n          @for(fchild of crumbList(); track fchild.url){\r\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\r\n               @if(fchild.i18nKey!= ''){\r\n                {{ fchild!.i18nKey | translate}}\r\n               } @else {\r\n                {{fchild.title}}\r\n               }\r\n            </div>\r\n          }\r\n        } @else {\r\n          <div class=\"flex\">\r\n            <div class=\"crumb-title cursor-pointer select-crumb\">\r\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\r\n                ...\r\n              </div>\r\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\r\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\r\n                        @if(item.i18nKey!= ''){\r\n                          {{ item!.i18nKey | translate}}\r\n                         } @else {\r\n                          {{item.title}}\r\n                         }\r\n                      </span>\r\n                  </a>\r\n                </ng-template>\r\n              </p-tieredmenu>\r\n            </div>\r\n            @for(item of crumbEnd;track item.url){\r\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\r\n                @if(item.i18nKey!= ''){\r\n                  {{ item!.i18nKey | translate}}\r\n                 } @else {\r\n                  {{item.title}}\r\n                 }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        \r\n      </div>\r\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\r\n        <span class=\"hidden md:inline-block whitespace-nowrap\">{{isNew? 'New':crumbTitle().title}}</span>\r\n        @if(isShowCog()){\r\n          <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0 && isList()){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        }\r\n        @if(this.authLevel() > 2 && !isList()){\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-cloud-upload\" \r\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n            class=\"p-0\"\r\n            (click)=\"handleSave()\">\r\n          </p-button>\r\n        }\r\n        <!-- @if(crumbList().length >= 2){ -->\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-times\" \r\n            aria-label=\"\u5173\u95ED\" \r\n            class=\"p-0\"\r\n            (click)=\"closeNew()\">\r\n          </p-button>\r\n        <!-- } -->\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <!-- \u521D\u59CB\u8282\u70B9 -->\r\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\r\n      <span class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\r\n        @if(crumbTitle().i18nKey != ''){\r\n          {{crumbTitle().i18nKey | translate}}\r\n        } @else {\r\n          {{crumbTitle().title}}\r\n        }\r\n      </span>\r\n      @if(isShowCog()){\r\n        <p-button \r\n          variant=\"text\"\r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cog\" \r\n          aria-label=\"\u64CD\u4F5C\" \r\n          (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        \r\n      }\r\n      @if(!isList()){\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cloud-upload\" \r\n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n          class=\"p-0\"\r\n          (click)=\"handleSave()\">\r\n        </p-button>\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-times\" \r\n          aria-label=\"\u5173\u95ED\" \r\n          class=\"p-0\"\r\n          (click)=\"closeNew()\">\r\n        </p-button>\r\n      }\r\n    </div>\r\n  }\r\n  \r\n</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;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-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}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.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 }, newUrl: { classPropertyName: "newUrl", publicName: "newUrl", 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 } }, outputs: { saveEvent: "saveEvent", cancelEvent: "cancelEvent" }, queries: [{ propertyName: "newBtnTemplateRef", first: true, predicate: ["newBtn"] }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }, { propertyName: "listOp", first: true, predicate: ["listOp"], descendants: true }], ngImport: i0, template: "<div class=\"flex items-center gap-1\">\r\n  <div class=\"left-btn flex gap-1\">\r\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\r\n    @if(!newBtnTemplateRef){\r\n      @if(this.authLevel() > 2 && addVisible()){\r\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\r\n      }\r\n    } @else {\r\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\r\n    }\r\n  </div>\r\n  @if(crumbList().length > 0){\r\n    <div class=\"flex flex-col\">\r\n      <div class=\"hidden md:flex\">\r\n        @if(crumbList().length <= 2){\r\n          @for(fchild of crumbList(); track fchild.url){\r\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\r\n               @if(fchild.i18nKey!= ''){\r\n                {{ fchild!.i18nKey | translate}}\r\n               } @else {\r\n                {{fchild.title}}\r\n               }\r\n            </div>\r\n          }\r\n        } @else {\r\n          <div class=\"flex\">\r\n            <div class=\"crumb-title cursor-pointer select-crumb\">\r\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\r\n                ...\r\n              </div>\r\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\r\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\r\n                        @if(item.i18nKey!= ''){\r\n                          {{ item!.i18nKey | translate}}\r\n                         } @else {\r\n                          {{item.title}}\r\n                         }\r\n                      </span>\r\n                  </a>\r\n                </ng-template>\r\n              </p-tieredmenu>\r\n            </div>\r\n            @for(item of crumbEnd;track item.url){\r\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\r\n                @if(item.i18nKey!= ''){\r\n                  {{ item!.i18nKey | translate}}\r\n                 } @else {\r\n                  {{item.title}}\r\n                 }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        \r\n      </div>\r\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\r\n        <span class=\"hidden md:inline-block whitespace-nowrap\">{{isNew? 'New':crumbTitle().title}}</span>\r\n        @if(isShowCog()){\r\n          <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0 && isList()){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        }\r\n        @if(this.authLevel() > 2 && !isList()){\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-cloud-upload\" \r\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n            class=\"p-0\"\r\n            (click)=\"handleSave()\">\r\n          </p-button>\r\n        }\r\n        <!-- @if(crumbList().length >= 2){ -->\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-times\" \r\n            aria-label=\"\u5173\u95ED\" \r\n            class=\"p-0\"\r\n            (click)=\"closeNew()\">\r\n          </p-button>\r\n        <!-- } -->\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <!-- \u521D\u59CB\u8282\u70B9 -->\r\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\r\n      <span class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\r\n        @if(crumbTitle().i18nKey != ''){\r\n          {{crumbTitle().i18nKey | translate}}\r\n        } @else {\r\n          {{crumbTitle().title}}\r\n        }\r\n      </span>\r\n      @if(isShowCog()){\r\n        <p-button \r\n          variant=\"text\"\r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cog\" \r\n          aria-label=\"\u64CD\u4F5C\" \r\n          (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        \r\n      }\r\n      @if(!isList()){\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cloud-upload\" \r\n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n          class=\"p-0\"\r\n          (click)=\"handleSave()\">\r\n        </p-button>\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-times\" \r\n          aria-label=\"\u5173\u95ED\" \r\n          class=\"p-0\"\r\n          (click)=\"closeNew()\">\r\n        </p-button>\r\n      }\r\n    </div>\r\n  }\r\n  \r\n</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;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-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}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.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\">\r\n  <div class=\"left-btn flex gap-1\">\r\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\r\n    @if(!newBtnTemplateRef){\r\n      @if(this.authLevel() > 2){\r\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\r\n      }\r\n    } @else {\r\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\r\n    }\r\n  </div>\r\n  @if(crumbList().length > 0){\r\n    <div class=\"flex flex-col\">\r\n      <div class=\"hidden md:flex\">\r\n        @if(crumbList().length <= 2){\r\n          @for(fchild of crumbList(); track fchild.url){\r\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\r\n               @if(fchild.i18nKey!= ''){\r\n                {{ fchild!.i18nKey | translate}}\r\n               } @else {\r\n                {{fchild.title}}\r\n               }\r\n            </div>\r\n          }\r\n        } @else {\r\n          <div class=\"flex\">\r\n            <div class=\"crumb-title cursor-pointer select-crumb\">\r\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\r\n                ...\r\n              </div>\r\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\r\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\r\n                        @if(item.i18nKey!= ''){\r\n                          {{ item!.i18nKey | translate}}\r\n                         } @else {\r\n                          {{item.title}}\r\n                         }\r\n                      </span>\r\n                  </a>\r\n                </ng-template>\r\n              </p-tieredmenu>\r\n            </div>\r\n            @for(item of crumbEnd;track item.url){\r\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\r\n                @if(item.i18nKey!= ''){\r\n                  {{ item!.i18nKey | translate}}\r\n                 } @else {\r\n                  {{item.title}}\r\n                 }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        \r\n      </div>\r\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\r\n        <span class=\"hidden md:inline-block whitespace-nowrap\">{{isNew? 'New':crumbTitle().title}}</span>\r\n        @if(isShowCog()){\r\n          <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0 && isList()){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        }\r\n        @if(this.authLevel() > 2 && !isList()){\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-cloud-upload\" \r\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n            class=\"p-0\"\r\n            (click)=\"handleSave()\">\r\n          </p-button>\r\n        }\r\n        <!-- @if(crumbList().length >= 2){ -->\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-times\" \r\n            aria-label=\"\u5173\u95ED\" \r\n            class=\"p-0\"\r\n            (click)=\"closeNew()\">\r\n          </p-button>\r\n        <!-- } -->\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <!-- \u521D\u59CB\u8282\u70B9 -->\r\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\r\n      <span class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\r\n        @if(crumbTitle().i18nKey != ''){\r\n          {{crumbTitle().i18nKey | translate}}\r\n        } @else {\r\n          {{crumbTitle().title}}\r\n        }\r\n      </span>\r\n      @if(isShowCog()){\r\n        <p-button \r\n          variant=\"text\"\r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cog\" \r\n          aria-label=\"\u64CD\u4F5C\" \r\n          (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        \r\n      }\r\n      @if(!isList()){\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cloud-upload\" \r\n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n          class=\"p-0\"\r\n          (click)=\"handleSave()\">\r\n        </p-button>\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-times\" \r\n          aria-label=\"\u5173\u95ED\" \r\n          class=\"p-0\"\r\n          (click)=\"closeNew()\">\r\n        </p-button>\r\n      }\r\n    </div>\r\n  }\r\n  \r\n</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;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-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}\n"] }]
+            args: [{ selector: 'app-crumb-action', standalone: true, imports: [ButtonModule, TranslatePipe, CommonModule, TieredMenu], template: "<div class=\"flex items-center gap-1\">\r\n  <div class=\"left-btn flex gap-1\">\r\n    <!-- TODO \u6743\u9650\u6570\u636E\u63A5\u5165 -->\r\n    @if(!newBtnTemplateRef){\r\n      @if(this.authLevel() > 2 && addVisible()){\r\n        <p-button (click)=\"goNew()\" [outlined]=\"outlined()\">{{'app.create' | translate}}</p-button>\r\n      }\r\n    } @else {\r\n      <ng-container *ngTemplateOutlet=\"newBtnTemplateRef\"></ng-container>\r\n    }\r\n  </div>\r\n  @if(crumbList().length > 0){\r\n    <div class=\"flex flex-col\">\r\n      <div class=\"hidden md:flex\">\r\n        @if(crumbList().length <= 2){\r\n          @for(fchild of crumbList(); track fchild.url){\r\n            <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(fchild)\">\r\n               @if(fchild.i18nKey!= ''){\r\n                {{ fchild!.i18nKey | translate}}\r\n               } @else {\r\n                {{fchild.title}}\r\n               }\r\n            </div>\r\n          }\r\n        } @else {\r\n          <div class=\"flex\">\r\n            <div class=\"crumb-title cursor-pointer select-crumb\">\r\n              <div class=\"w-[17px] h-[17px] flex items-center font-bold text-[13px]\" (click)=\"toggle($event)\">\r\n                ...\r\n              </div>\r\n              <p-tieredmenu #op [model]=\"crumbFront\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n                <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                  <a pRipple class=\"flex items-center p-tieredmenu-item-link\">\r\n                      <span class=\"ml-2 w-full\" (click)=\"back(item)\">\r\n                        @if(item.i18nKey!= ''){\r\n                          {{ item!.i18nKey | translate}}\r\n                         } @else {\r\n                          {{item.title}}\r\n                         }\r\n                      </span>\r\n                  </a>\r\n                </ng-template>\r\n              </p-tieredmenu>\r\n            </div>\r\n            @for(item of crumbEnd;track item.url){\r\n              <div class=\"crumb-title cursor-pointer text-[12px] max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\" (click)=\"back(item)\">\r\n                @if(item.i18nKey!= ''){\r\n                  {{ item!.i18nKey | translate}}\r\n                 } @else {\r\n                  {{item.title}}\r\n                 }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        \r\n      </div>\r\n      <div class=\"min-w-0 text-text-color text-[12px] title-action\">\r\n        <span class=\"hidden md:inline-block whitespace-nowrap\">{{isNew? 'New':crumbTitle().title}}</span>\r\n        @if(isShowCog()){\r\n          <p-button variant=\"text\" severity=\"secondary\" icon=\"pi  pi-cog\" aria-label=\"\u64CD\u4F5C\" (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0 && isList()){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        }\r\n        @if(this.authLevel() > 2 && !isList()){\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-cloud-upload\" \r\n            aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n            class=\"p-0\"\r\n            (click)=\"handleSave()\">\r\n          </p-button>\r\n        }\r\n        <!-- @if(crumbList().length >= 2){ -->\r\n          <p-button \r\n            variant=\"text\" \r\n            severity=\"secondary\" \r\n            icon=\"pi  pi-times\" \r\n            aria-label=\"\u5173\u95ED\" \r\n            class=\"p-0\"\r\n            (click)=\"closeNew()\">\r\n          </p-button>\r\n        <!-- } -->\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <!-- \u521D\u59CB\u8282\u70B9 -->\r\n    <div class=\"min-w-0 flex items-center text-[14px] text-text-color\">\r\n      <span class=\"hidden md:inline-block max-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis\">\r\n        @if(crumbTitle().i18nKey != ''){\r\n          {{crumbTitle().i18nKey | translate}}\r\n        } @else {\r\n          {{crumbTitle().title}}\r\n        }\r\n      </span>\r\n      @if(isShowCog()){\r\n        <p-button \r\n          variant=\"text\"\r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cog\" \r\n          aria-label=\"\u64CD\u4F5C\" \r\n          (onClick)=\"toggleListOp($event)\"/>\r\n          @if(listOpItems.length > 0){\r\n            <p-tieredmenu #listOp [model]=\"listOpItems\" [popup]=\"true\" [style]=\"{position:'absolute'}\">\r\n              <ng-template #item let-item let-hasSubmenu=\"hasSubmenu\">\r\n                <a pRipple class=\"flex items-center p-tieredmenu-item-link\" (click)=\"listAct(item.type)\">\r\n                  <span [class]=\"item.icon\" class=\"p-tieredmenu-item-icon\"></span>\r\n                  <span class=\"ml-2\">{{ item.label | translate }}</span>\r\n                  <!-- <p-badge *ngIf=\"item.badge\" class=\"ml-auto\" [value]=\"item.badge\" /> -->\r\n                  <span *ngIf=\"item.shortcut\" class=\"ml-auto border border-surface rounded bg-emphasis text-muted-color text-xs p-1\">\r\n                      {{ item.shortcut }}\r\n                  </span>\r\n                  <i *ngIf=\"hasSubmenu\" class=\"pi pi-angle-right ml-auto\"></i>\r\n                </a>\r\n            </ng-template>\r\n            </p-tieredmenu>\r\n          }\r\n        \r\n      }\r\n      @if(!isList()){\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-cloud-upload\" \r\n          aria-label=\"\u624B\u52A8\u4FDD\u5B58\" \r\n          class=\"p-0\"\r\n          (click)=\"handleSave()\">\r\n        </p-button>\r\n        <p-button \r\n          variant=\"text\" \r\n          severity=\"secondary\" \r\n          icon=\"pi  pi-times\" \r\n          aria-label=\"\u5173\u95ED\" \r\n          class=\"p-0\"\r\n          (click)=\"closeNew()\">\r\n        </p-button>\r\n      }\r\n    </div>\r\n  }\r\n  \r\n</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;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-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}\n"] }]
         }], ctorParameters: () => [], propDecorators: { op: [{
                 type: ViewChild,
                 args: ['op']
@@ -6163,6 +6164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class PageFormComponent extends AmComponent {
     constructor() {
         super();
+        this.addVisible = input();
         this.gridList = input([]);
         this.form = input.required({});
         this.getPrmInput = input.required({});
@@ -6172,6 +6174,7 @@ class PageFormComponent extends AmComponent {
         this.setTitle = input();
         this.actionList = input([]);
         this.modelLog = input(false);
+        this.formDisabled = input();
         this.userHistoryService = inject(UserHistoryService);
         this.indexValue = 0;
         this.visible = false;
@@ -6180,7 +6183,6 @@ class PageFormComponent extends AmComponent {
         this.newUrl = '';
         this.i18n = inject(I18nService);
         this.authLevel = input(-1);
-        this.confirmationService = inject(ConfirmationService);
         this.id = Number(this.route.snapshot.paramMap.get('id'));
         this.pageUrl = this.route.snapshot.url.map(segment => segment.path).join('/').replace(/([^\/]*)$/, "");
         this.newUrl = `${this.pageUrl}new`;
@@ -6252,6 +6254,7 @@ class PageFormComponent extends AmComponent {
     getDetail() {
         this.web_get(this.getPrm).subscribe(res => {
             this.updateTitle(res);
+            this.formDisabled() && this.formDisFunc();
         });
     }
     updateTitle(res) {
@@ -6298,7 +6301,9 @@ class PageFormComponent extends AmComponent {
                     content: `[状态] ${this.getPrm.data[this.statusKey()]} -> ${value}`
                 };
             }
-            this.confirmStatus(param);
+            this.web_write(param).subscribe(res => {
+                this.getDetail();
+            });
         }
         else {
             this.getPrm.data = Object.assign(this.getPrm.data || {}, {
@@ -6308,32 +6313,17 @@ class PageFormComponent extends AmComponent {
             this.cForm.triggerModelEffect({ [this.statusKey()]: value });
         }
     }
-    confirmStatus(param) {
-        this.confirmationService.confirm({
-            message: this.i18n.fanyi('app.confirmStatus'),
-            header: this.i18n.fanyi('modal.confirm'),
-            closable: true,
-            closeOnEscape: true,
-            icon: 'pi pi-exclamation-triangle',
-            rejectButtonProps: {
-                label: this.i18n.fanyi('modal.close'),
-                severity: 'secondary',
-                outlined: true,
-            },
-            acceptButtonProps: {
-                label: this.i18n.fanyi('modal.confirm'),
-            },
-            accept: () => {
-                this.web_write(param).subscribe(res => {
-                    this.getDetail();
-                });
-            },
-            reject: () => {
-            },
+    formDisFunc() {
+        this.formOptions.fields?.forEach((v) => {
+            v.group?.forEach((g) => {
+                this.formDisabled()(this.getPrm.data)
+                    ? this.cForm.getField(g.key)?.fieldControl.disable({ emitEvent: false })
+                    : this.cForm.getField(g.key)?.fieldControl.enable({ emitEvent: false });
+            });
         });
     }
     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: { 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 }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], viewQueries: [{ propertyName: "customGrid", first: true, predicate: ["customGrid"], descendants: true }, { propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"overflow-hidden\">\r\n  <div class=\"flex items-center justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\r\n    <app-crumb-action\r\n      [newUrl]=\"newUrl\"\r\n      [isShowCog]=\"true\"\r\n      [outlined]=\"true\"\r\n      [authLevel]=\"authLevel()\"\r\n      (saveEvent)=\"submitForm()\">\r\n    </app-crumb-action>\r\n    <div class=\"hrefBtnList\">\r\n      @if(id){\r\n        @for(btn of hrefBtnList();track btn){\r\n          <p-button \r\n            [variant]=\"btn?.variant\" \r\n            [severity]=\"btn?.severity\" \r\n            class=\"mr-[6px]\"\r\n            [icon]=\"btn?.icon\"\r\n            label=\"{{btn.i18nKey? i18n.fanyi(btn.i18nKey) : btn.label}}\"\r\n            (click)=\"goRun(btn)\"\r\n          >\r\n        </p-button>\r\n        }\r\n      }\r\n      \r\n    </div>\r\n    <div></div>\r\n    \r\n  </div>\r\n  <div class=\"flex\">\r\n    <div class=\"px-2 flex flex-wrap items-center md:basis-2/3 basis-full\">\r\n      <div class=\"md:basis-1/3 py-1 basis-full flex items-center gap-2 flex-row order-1\">\r\n        @for (btn of actionList();let i = $index; track btn) {\r\n          <p-button\r\n            [variant]=\"btn?.variant\"\r\n            [severity]=\"btn?.severity\"\r\n            class=\"mr-[4px]\"\r\n            size=\"small\"\r\n            [icon]=\"btn?.icon\"\r\n            label=\"{{ btn.i18nKey ? (btn.i18nKey | translate) : btn.label }}\"\r\n            (click)=\"authClick(btn)\"\r\n            [disabled]=\"btn.btnDisabled ? btn.btnDisabled(getPrm.data) : false\"\r\n            >\r\n          </p-button>\r\n        }\r\n      </div>\r\n  \r\n      <div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first\">\r\n        <custom-steps\r\n          [steps]=\"statusSteps()\"\r\n          [current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\r\n          [authLevel]=\"authLevel()\"\r\n          (change)=\"statusChange($event)\">\r\n        </custom-steps>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"main flex flex-wrap overflow-y-hidden\">\r\n    <div class=\"md:basis-2/3 basis-full h-full overflow-y-auto\">\r\n      <div class=\"bg-white mx-2 form-panel\">\r\n        <div class=\"p-2 flex-1\">\r\n          <form\r\n            [formGroup]=\"form().form!\">\r\n            <custom-form\r\n              #cForm\r\n              [options]=\"formOptions\"\r\n              [upsert]=\"upsertPrm\"\r\n              [model]=\"getPrm.data??{}\"></custom-form>\r\n          </form>\r\n        </div>\r\n        @if(gridList() && gridList().length > 1){\r\n          <div class=\"relative mb-2\">\r\n            <p-tabs [(value)]=\"indexValue\">\r\n              <p-tablist>\r\n                @for (fchild of gridList();let i = $index; track fchild) {\r\n                  <p-tab [value]=\"i\">\r\n                    {{fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title}}\r\n                  </p-tab>\r\n                }\r\n              </p-tablist>\r\n            </p-tabs>\r\n          </div>\r\n        }\r\n        @for (grid of gridList(); let i = $index;track grid) {\r\n          <custom-grid\r\n            #customGrid\r\n            [hidden]=\"indexValue !=i \"\r\n            [rowData]=\"getPrm.data?.[grid.subDataKey!]|| []\"\r\n            [upsert]=\"upsertPrm\"\r\n            (deleteEmit)=\"delRows($event)\"\r\n            [addType]=\"grid.subTableSource\"\r\n            (addEmit)=\"dataSourceShow()\"\r\n            [gridOptions]=\"grid.gridOptions\"\r\n            [authLevel]=\"authLevel()\"\r\n            [selectData]=\"grid.selectData\">\r\n          </custom-grid>\r\n        }       \r\n      </div>\r\n    </div>\r\n    <div class=\"md:basis-1/3 basis-full h-full overflow-y-auto\">\r\n      <custom-log [logs]=\"getPrm.data?.log??[]\"></custom-log>\r\n    </div>\r\n  </div>\r\n</div>\r\n<p-toast />\r\n<row-selector\r\n\t[(visible)]=\"visible\"\r\n\t[searchPrm]=\"dialogSearchPrm\"\r\n\t[gridOptions]=\"selectOptions\"\r\n\t(onOk)=\"onOk($event)\">\r\n</row-selector>", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 140px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}.form-panel{border:solid 1px #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.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: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormComponent, selector: "custom-form", inputs: ["options", "model", "upsert"] }, { kind: "component", type: LogComponent, selector: "custom-log", inputs: ["logs", "id"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "newUrl", "onExport", "outlined", "isList", "authLevel"], outputs: ["saveEvent", "cancelEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["steps", "current", "authLevel"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel"], outputs: ["searchPrmChange", "deleteEmit", "addEmit"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i3$1.TabList, selector: "p-tablist" }, { kind: "component", type: i3$1.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: RowSelectorComponent, selector: "row-selector", inputs: ["title", "gridOptions", "searchPrm", "visible"], outputs: ["onOk", "visibleChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmDialogModule }] }); }
+    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 }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], viewQueries: [{ propertyName: "customGrid", first: true, predicate: ["customGrid"], descendants: true }, { propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"overflow-hidden\">\r\n  <div class=\"flex items-center justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\r\n    <app-crumb-action\r\n      [newUrl]=\"newUrl\"\r\n      [isShowCog]=\"true\"\r\n      [outlined]=\"true\"\r\n      [authLevel]=\"authLevel()\"\r\n      (saveEvent)=\"submitForm()\">\r\n    </app-crumb-action>\r\n    <div class=\"hrefBtnList\">\r\n      @if(id){\r\n        @for(btn of hrefBtnList();track btn){\r\n          <p-button \r\n            [variant]=\"btn?.variant\" \r\n            [severity]=\"btn?.severity\" \r\n            class=\"mr-[6px]\"\r\n            [icon]=\"btn?.icon\"\r\n            label=\"{{btn.i18nKey? i18n.fanyi(btn.i18nKey) : btn.label}}\"\r\n            (click)=\"goRun(btn)\"\r\n          >\r\n        </p-button>\r\n        }\r\n      }\r\n      \r\n    </div>\r\n    <div></div>\r\n    \r\n  </div>\r\n  <div class=\"flex\">\r\n    <div class=\"px-2 flex flex-wrap items-center md:basis-2/3 basis-full\">\r\n      <div class=\"md:basis-1/3 py-1 basis-full flex items-center gap-2 flex-row order-1\">\r\n        @for (btn of actionList();let i = $index; track btn) {\r\n          <p-button\r\n            [variant]=\"btn?.variant\"\r\n            [severity]=\"btn?.severity\"\r\n            class=\"mr-[4px]\"\r\n            size=\"small\"\r\n            [icon]=\"btn?.icon\"\r\n            label=\"{{ btn.i18nKey ? (btn.i18nKey | translate) : btn.label }}\"\r\n            (click)=\"authClick(btn)\"\r\n            [disabled]=\"btn.btnDisabled ? btn.btnDisabled(getPrm.data) : false\"\r\n            >\r\n          </p-button>\r\n        }\r\n      </div>\r\n  \r\n      <div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first\">\r\n        <custom-steps\r\n          [steps]=\"statusSteps()\"\r\n          [current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\r\n          [authLevel]=\"authLevel()\"\r\n          (change)=\"statusChange($event)\">\r\n        </custom-steps>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"main flex flex-wrap overflow-y-hidden\">\r\n    <div class=\"md:basis-2/3 basis-full h-full overflow-y-auto\">\r\n      <div class=\"bg-white mx-2 form-panel\">\r\n        <div class=\"p-2 flex-1\">\r\n          <form\r\n            [formGroup]=\"form().form!\">\r\n            <custom-form\r\n              #cForm\r\n              [options]=\"formOptions\"\r\n              [upsert]=\"upsertPrm\"\r\n              [model]=\"getPrm.data??{}\"></custom-form>\r\n          </form>\r\n        </div>\r\n        @if(gridList() && gridList().length > 1){\r\n          <div class=\"relative mb-2\">\r\n            <p-tabs [(value)]=\"indexValue\">\r\n              <p-tablist>\r\n                @for (fchild of gridList();let i = $index; track fchild) {\r\n                  <p-tab [value]=\"i\">\r\n                    {{fchild.i18nKey ? i18n.fanyi(fchild.i18nKey) : fchild.title}}\r\n                  </p-tab>\r\n                }\r\n              </p-tablist>\r\n            </p-tabs>\r\n          </div>\r\n        }\r\n        @for (grid of gridList(); let i = $index;track grid) {\r\n          <custom-grid\r\n            #customGrid\r\n            [hidden]=\"indexValue !=i \"\r\n            [rowData]=\"getPrm.data?.[grid.subDataKey!]|| []\"\r\n            [upsert]=\"upsertPrm\"\r\n            (deleteEmit)=\"delRows($event)\"\r\n            [addType]=\"grid.subTableSource\"\r\n            (addEmit)=\"dataSourceShow()\"\r\n            [gridOptions]=\"grid.gridOptions\"\r\n            [authLevel]=\"authLevel()\"\r\n            [selectData]=\"grid.selectData\">\r\n          </custom-grid>\r\n        }       \r\n      </div>\r\n    </div>\r\n    <div class=\"md:basis-1/3 basis-full h-full overflow-y-auto\">\r\n      <custom-log [logs]=\"getPrm.data?.log??[]\"></custom-log>\r\n    </div>\r\n  </div>\r\n</div>\r\n<p-toast />\r\n<row-selector\r\n\t[(visible)]=\"visible\"\r\n\t[searchPrm]=\"dialogSearchPrm\"\r\n\t[gridOptions]=\"selectOptions\"\r\n\t(onOk)=\"onOk($event)\">\r\n</row-selector>", styles: ["@charset \"UTF-8\";.main{height:calc(100vh - 140px)}:host ::ng-deep .main .ag-root-wrapper{border-left:none!important;border-right:none!important;border-bottom:none!important}.form-panel{border:solid 1px #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2$3.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: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormComponent, selector: "custom-form", inputs: ["options", "model", "upsert"] }, { kind: "component", type: LogComponent, selector: "custom-log", inputs: ["logs", "id"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "newUrl", "onExport", "outlined", "isList", "authLevel"], outputs: ["saveEvent", "cancelEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["steps", "current", "authLevel"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel"], outputs: ["searchPrmChange", "deleteEmit", "addEmit"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i3$1.TabList, selector: "p-tablist" }, { kind: "component", type: i3$1.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: RowSelectorComponent, selector: "row-selector", inputs: ["title", "gridOptions", "searchPrm", "visible"], outputs: ["onOk", "visibleChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmDialogModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
@@ -6399,7 +6389,7 @@ class PageGridListComponent extends AmComponent {
         });
     }
     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 }, gridOptions: { classPropertyName: "gridOptions", publicName: "gridOptions", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col h-full\">\r\n\t<div class=\"flex flex-wrap items-center py-1 px-1 bg-white\">\r\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-start order-1\">\r\n\t\t\t<app-crumb-action\r\n\t\t\t\t[newUrl]=\"params().newUrl\"\r\n\t\t\t\t[onExport]=\"params().onExport\"\r\n\t\t\t\t[isList]=\"true\"\r\n\t\t\t\t[isShowCog]=\"true\"\r\n\t\t\t\t[authLevel]=\"authLevel()\">\r\n\t\t\t</app-crumb-action>\r\n\t\t</div>\r\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\">\r\n\t\t\t<custom-head\r\n\t\t\t\tclass=\"max-lg:min-w-full\"\r\n\t\t\t\t[actions]=\"actions()\"\r\n\t\t\t\t[grid]=\"grid\"\r\n\t\t\t\t[gridOptions]=\"gridOptions()\"></custom-head>\r\n\t\t</div>\r\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-end order-3\">\r\n\t\t\t<custom-pager></custom-pager>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"flex-1\">\r\n\t\t<custom-grid\r\n\t\t\t#grid\r\n\t\t\t[upsert]=\"upsertPrm\"\r\n\t\t\t[(searchPrm)]=\"searchPrm\"\r\n\t\t\t[showAct]=\"false\"\r\n\t\t\t[gridOptions]=\"gridOptions()!\">\r\n\t\t</custom-grid>\r\n\t</div>\r\n</div>\r\n<app-import\r\n\t[fileName]=\"params()?.importFileName\"\r\n\t[funcName]=\"params()?.importFuncName\"\r\n\t[orgField]=\"params()?.importOrgField\"\r\n\t[modelName]=\"gridOptions()!.modelName??''\">\r\n</app-import>\r\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", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel"], outputs: ["searchPrmChange", "deleteEmit", "addEmit"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "newUrl", "onExport", "outlined", "isList", "authLevel"], outputs: ["saveEvent", "cancelEvent"] }, { kind: "component", type: PagerComponent, selector: "custom-pager" }, { kind: "component", type: HeadComponent, selector: "custom-head", inputs: ["gridOptions", "grid", "actions"] }, { kind: "component", type: ImportComponent, selector: "app-import", inputs: ["visible", "fileName", "funcName", "orgField", "modelName"], 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 }, gridOptions: { classPropertyName: "gridOptions", publicName: "gridOptions", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col h-full\">\r\n\t<div class=\"flex flex-wrap items-center py-1 px-1 bg-white\">\r\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-start order-1\">\r\n\t\t\t<app-crumb-action\r\n\t\t\t\t[newUrl]=\"params().newUrl\"\r\n\t\t\t\t[onExport]=\"params().onExport\"\r\n\t\t\t\t[isList]=\"true\"\r\n\t\t\t\t[isShowCog]=\"true\"\r\n\t\t\t\t[authLevel]=\"authLevel()\">\r\n\t\t\t</app-crumb-action>\r\n\t\t</div>\r\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\">\r\n\t\t\t<custom-head\r\n\t\t\t\tclass=\"max-lg:min-w-full\"\r\n\t\t\t\t[actions]=\"actions()\"\r\n\t\t\t\t[grid]=\"grid\"\r\n\t\t\t\t[gridOptions]=\"gridOptions()\"></custom-head>\r\n\t\t</div>\r\n\t\t<div class=\"lg:basis-1/6 md:basis-1/4 basis-1/2 flex justify-end order-3\">\r\n\t\t\t<custom-pager></custom-pager>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"flex-1\">\r\n\t\t<custom-grid\r\n\t\t\t#grid\r\n\t\t\t[upsert]=\"upsertPrm\"\r\n\t\t\t[(searchPrm)]=\"searchPrm\"\r\n\t\t\t[showAct]=\"false\"\r\n\t\t\t[gridOptions]=\"gridOptions()!\">\r\n\t\t</custom-grid>\r\n\t</div>\r\n</div>\r\n<app-import\r\n\t[fileName]=\"params()?.importFileName\"\r\n\t[funcName]=\"params()?.importFuncName\"\r\n\t[orgField]=\"params()?.importOrgField\"\r\n\t[modelName]=\"gridOptions()!.modelName??''\">\r\n</app-import>\r\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", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel"], outputs: ["searchPrmChange", "deleteEmit", "addEmit"] }, { kind: "component", type: CrumbActionComponent, selector: "app-crumb-action", inputs: ["isShowCog", "addVisible", "newUrl", "onExport", "outlined", "isList", "authLevel"], outputs: ["saveEvent", "cancelEvent"] }, { kind: "component", type: PagerComponent, selector: "custom-pager" }, { kind: "component", type: HeadComponent, selector: "custom-head", inputs: ["gridOptions", "grid", "actions"] }, { kind: "component", type: ImportComponent, selector: "app-import", inputs: ["visible", "fileName", "funcName", "orgField", "modelName"], outputs: ["visibleChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageGridListComponent, decorators: [{
             type: Component,