imm-element-ui 2.9.8 → 3.0.1

package/fesm2022/imm-element-ui.mjs

@@ -2430,8 +2430,8 @@ const convertGrid = (thisArg, gridList, fiterPreloads) => {
             fiterPreloads.push(...item.fiterPreloads);
         }
         if (item.type == 'grid') {
-            let { gridOptions: { columnDefs, ...restGridOptions }, subTableSource, subDataKey, title, selectDataCb, fk, mainField, uniqueField, addDataCb, deleteFunc, deleteHidden, showDelete = true, addHidden, scrollHeight, dragSort, selectionMode, isRowSelectable, addSort, reference, slotKey, subSave, gridCustomDisabled } = item;
-            grid = { subTableSource, subDataKey, title, showDelete, slotKey, subSave, deleteFunc, deleteHidden, addHidden, gridCustomDisabled, ...grid };
+            let { gridOptions: { columnDefs, ...restGridOptions }, subTableSource, subDataKey, title, selectDataCb, fk, mainField, uniqueField, addDataCb, addFunc, deleteFunc, deleteHidden, showDelete = true, addHidden, scrollHeight, dragSort, selectionMode, isRowSelectable, addSort, reference, slotKey, subSave, gridCustomDisabled } = item;
+            grid = { subTableSource, subDataKey, title, showDelete, slotKey, subSave, addFunc, deleteFunc, deleteHidden, addHidden, gridCustomDisabled, ...grid };
             let gridOptions = {
                 ...restGridOptions,
                 fk,
@@ -5012,7 +5012,9 @@ const _gridUtils = {
     calcRowIds: (api, isServerSide) => {
         const result = [];
         api.forEachNode((node) => {
-            node.isSelected() && result.push(node.data);
+            if (node.data != null && node.isSelected() === true) {
+                result.push(node.data);
+            }
         });
         return result;
     },
@@ -5133,9 +5135,19 @@ const _gridUtils = {
                 maxWidth: 80,
             });
         }
-        if (gridOptions.columnDefs?.some((col) => col?.rowGroup === true)) {
+        const hasRowGroup = (columns) => columns.some((column) => column?.rowGroup === true || (Array.isArray(column?.children) && hasRowGroup(column.children)));
+        if (hasRowGroup(gridOptions.columnDefs || [])) {
+            const rowSelection = gridOptions.rowSelection;
             return {
                 ...gridOptions,
+                ...(typeof rowSelection === 'object' && rowSelection?.mode === 'multiRow'
+                    ? {
+                        rowSelection: {
+                            ...rowSelection,
+                            groupSelects: rowSelection.groupSelects ?? 'filteredDescendants',
+                        },
+                    }
+                    : {}),
                 autoGroupColumnDef: {
                     width: 300,
                     minWidth: 300,
@@ -7841,6 +7853,15 @@ class GridComponent {
     getGrid() {
         return this.grid;
     }
+    getLeafRowData() {
+        const rowData = [];
+        this.grid?.api.forEachLeafNode((node) => {
+            if (node.data != null) {
+                rowData.push(node.data);
+            }
+        });
+        return rowData;
+    }
     isMobileOrTabletBrowser() {
         if (typeof navigator === 'undefined') {
             return false;
@@ -8451,16 +8472,16 @@ class GridComponent {
         this.ajustGridHeight();
     }
     delRows() {
-        const selectedNodes = this.grid.api.getSelectedNodes();
-        const selectedData = selectedNodes.map((node) => node.data) || [];
-        let ids = selectedData.map((data) => data.id).filter((v) => v) || [];
+        const selectedData = gridUtils.calcRowIds(this.grid.api, this.toOptions().rowModelType === 'serverSide');
+        const ids = [...new Set(selectedData.map((data) => data.id).filter((id) => id))];
+        const unsavedRows = selectedData.filter((data) => !data.id);
+        if (unsavedRows.length > 0) {
+            this.handleDeletedRows(unsavedRows);
+            this.action.updateGridAction({ type: 'delete', data: unsavedRows });
+        }
         if (ids.length > 0) {
             this.deleteEmit.emit(ids);
         }
-        else if (selectedData.length > 0 && ids.length == 0) {
-            this.handleDeletedRows(selectedData);
-            this.action.updateGridAction({ type: 'delete', data: selectedData });
-        }
         this.ajustGridHeight();
     }
     setScrollHeight(height) {
@@ -12355,11 +12376,7 @@ class PageFormComponent extends AmComponent {
         if (e.length > 0) {
             let uniqueKeys = [];
             if (grid.uniqueField) {
-                const rowData = this.customGrid
-                    .get(this.indexValue)
-                    .getGrid()
-                    .api.getRenderedNodes()
-                    .map((node) => node.data);
+                const rowData = this.customGrid.get(this.indexValue).getLeafRowData();
                 // console.log('rowData-----',rowData)
                 uniqueKeys = rowData.map((item) => item[grid.uniqueField]);
             }
@@ -12389,30 +12406,15 @@ class PageFormComponent extends AmComponent {
         });
         if (grid.uniqueField) {
             const keys = datas.map((item) => item[grid.uniqueField]);
-            const rowData = this.customGrid
-                .get(this.indexValue)
-                .getGrid()
-                .api.getRenderedNodes()
-                .map((node) => node.data);
+            const rowData = this.customGrid.get(this.indexValue).getLeafRowData();
             let deletedRows = rowData.filter((item) => keys.includes(item[grid.uniqueField]));
             this.subDeleteIds = deletedRows.map((v) => v.id).filter((v) => v);
             const idNotRows = deletedRows.filter((v) => !v.id);
             // console.log('idNotRows----',idNotRows)
-            const deleteNodes = [];
-            this.customGrid
-                .get(this.indexValue)
-                .getGrid()
-                .api.forEachNode((node) => {
-                let main = node.data[grid.uniqueField];
-                let isExit = idNotRows.findIndex((v) => v[grid.uniqueField] == main);
-                if (isExit > -1) {
-                    deleteNodes.push(node.data);
-                }
-            });
             // if(deletedIds.length > 0){
             // 	this.delRows(deletedIds)
             // } else {
-            this.customGrid.get(this.indexValue).selectRowsDeleted(deleteNodes);
+            this.customGrid.get(this.indexValue).selectRowsDeleted(idNotRows);
             // }
         }
     }
@@ -12489,11 +12491,7 @@ class PageFormComponent extends AmComponent {
         }
         // console.log('!this.selectOptions.rowSelection-----',!this.selectOptions.rowSelection)
         if (grid.uniqueField) {
-            const rowData = this.customGrid
-                .get(this.indexValue)
-                .getGrid()
-                .api.getRenderedNodes()
-                .map((node) => node.data);
+            const rowData = this.customGrid.get(this.indexValue).getLeafRowData();
             this.selectionKeys = rowData?.map((item) => item[grid.uniqueField]) || [];
             // console.log('this.selectionKeys----',this.selectionKeys)
             if (typeof this.selectOptions.rowSelection == 'object') {
@@ -12757,7 +12755,7 @@ class PageFormComponent extends AmComponent {
         const currentGrid = grid ?? this.getCurrentGrid();
         return currentGrid?.subSave?.label || '保存';
     }
-    createSubButtonHiddenContext(grid) {
+    createSubGridContext(grid) {
         const index = grid ? this.resolvedGridList().indexOf(grid) : -1;
         return {
             data: this.getPrm.data || this.cForm?.model?.(),
@@ -12771,11 +12769,11 @@ class PageFormComponent extends AmComponent {
         };
     }
     resolveSubButtonHidden(grid, hidden) {
-        if (typeof hidden !== 'function') {
+        if (!grid || typeof hidden !== 'function') {
             return false;
         }
         try {
-            return !!hidden.call(this.runtimeContext?.['component'] || this, this.createSubButtonHiddenContext(grid || null));
+            return !!hidden.call(this.runtimeContext?.['component'] || this, this.createSubGridContext(grid));
         }
         catch (error) {
             console.error('子表按钮隐藏条件执行失败:', error, grid);
@@ -12928,12 +12926,30 @@ class PageFormComponent extends AmComponent {
     }
     addRowClickHandler(grid) {
         const subDataKey = grid.subDataKey;
+        const index = this.resolvedGridList().indexOf(grid);
+        const isCustomSlot = Boolean(this.slotRenderStates[index]?.slot);
         if (grid.subTableSource === 'handle') {
             const addItem = grid.gridOptions?.addDataCb?.() ?? {};
             this.pageFormService.addData(subDataKey, addItem, grid);
             return;
         }
-        this.pageFormService.addData(subDataKey, undefined, grid);
+        if (grid.subTableSource === 'custom') {
+            if (typeof grid.addFunc === 'function') {
+                try {
+                    grid.addFunc.call(this.runtimeContext?.['component'] || this, this.createSubGridContext(grid));
+                }
+                catch (error) {
+                    console.error('子表自定义添加执行失败:', error, grid);
+                }
+            }
+            return;
+        }
+        if (grid.subTableSource !== 'select') {
+            return;
+        }
+        if (isCustomSlot) {
+            this.pageFormService.addData(subDataKey, undefined, grid);
+        }
         this.dataSourceShow();
     }
     delRowClickHandler(grid) {
@@ -12982,7 +12998,7 @@ class PageFormComponent extends AmComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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)=\"addRowClickHandler(grid)\"\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.14", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
@@ -13002,7 +13018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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[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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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.gridDisabled\"\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)=\"addRowClickHandler(grid)\"\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']