imm-element-ui 2.4.8 → 2.5.0

package/fesm2022/imm-element-ui.mjs

@@ -183,6 +183,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.Platform }, { type: i3.PrimeNG }] });
 
+/**
+ * 将扁平数组转换为 PrimeNG TreeNode 树形结构
+ * @param list 原始数据数组
+ * @param options 配置项
+ * @returns PrimeNG TreeNode 数组
+ */
+function toPrimeNGTree(list, options = {}) {
+    const { idKey = 'id', pidKey = 'pid', labelKey = 'orgName', childrenKey = 'children', rootPidValue = undefined, preserveData = true, } = options;
+    if (!Array.isArray(list) || list.length === 0) {
+        return [];
+    }
+    // 创建 id -> TreeNode 的映射
+    const nodeMap = new Map();
+    // 临时存储原始数据的映射
+    const originalDataMap = new Map();
+    // 判断是否为根节点的函数
+    const isRootNode = (item) => {
+        const pid = item[pidKey];
+        // 如果指定了 rootPidValue，则严格匹配
+        if (rootPidValue !== undefined) {
+            return pid === rootPidValue;
+        }
+        // 默认：pid 不存在、为 null、为 undefined 的作为根节点
+        return pid === undefined || pid === null || pid === '';
+    };
+    // 第一步：为每个原始数据创建 TreeNode 节点
+    list.forEach((item) => {
+        const id = item[idKey];
+        if (id === undefined || id === null)
+            return;
+        originalDataMap.set(id, item);
+        // 获取显示文本，如果 labelKey 对应的值不存在，则使用 id 作为备选
+        let label = item[labelKey];
+        if (label === undefined || label === null) {
+            // 支持多级备选字段
+            label = item['name'] || item['label'] || item['title'] || id.toString();
+        }
+        const treeNode = {
+            label: String(label),
+            data: preserveData ? { ...item } : { id, [labelKey]: label },
+            expandedIcon: 'pi pi-folder-open',
+            collapsedIcon: 'pi pi-folder',
+            leaf: true,
+        };
+        nodeMap.set(id, treeNode);
+    });
+    const roots = [];
+    // 第二步：根据 pid 建立父子关系
+    list.forEach((item) => {
+        const id = item[idKey];
+        const node = nodeMap.get(id);
+        if (!node)
+            return;
+        if (isRootNode(item)) {
+            // 根节点
+            roots.push(node);
+        }
+        else {
+            // 非根节点，找到父节点
+            const parentId = item[pidKey];
+            const parent = nodeMap.get(parentId);
+            if (parent) {
+                if (!parent.children) {
+                    parent.children = [];
+                }
+                parent.children.push(node);
+                // 父节点不再是叶子节点
+                parent.leaf = false;
+                // 为父节点设置展开/折叠图标
+                parent.expandedIcon = 'pi pi-folder-open';
+                parent.collapsedIcon = 'pi pi-folder';
+            }
+            else {
+                // 父节点不存在（数据异常），作为根节点处理
+                console.warn(`Parent node not found: id=${id}, ${pidKey}=${parentId}`);
+                roots.push(node);
+            }
+        }
+    });
+    // 可选：对每个节点的 children 按某种规则排序
+    roots.forEach((root) => sortTreeChildren(root));
+    return roots;
+}
+/**
+ * 对树的子节点进行排序（可选）
+ */
+function sortTreeChildren(node, sortKey = 'label') {
+    if (node.children && node.children.length > 0) {
+        node.children.sort((a, b) => {
+            const aVal = a.data?.[sortKey] || a.label || '';
+            const bVal = b.data?.[sortKey] || b.label || '';
+            return String(aVal).localeCompare(String(bVal));
+        });
+        node.children.forEach((child) => sortTreeChildren(child, sortKey));
+    }
+}
+/**
+ * 简化版：只指定关键字段
+ * @param list 原始数据
+ * @param idField id字段名
+ * @param pidField 父id字段名
+ * @param labelField 显示文本字段名
+ */
+function toPrimeNGTreeSimple(list, idField = 'id', pidField = 'pid', labelField = 'orgName') {
+    return toPrimeNGTree(list, {
+        idKey: idField,
+        pidKey: pidField,
+        labelKey: labelField,
+    });
+}
+/**
+ * 从树中查找节点
+ * @param tree 树形数据
+ * @param predicate 查找条件
+ */
+function findTreeNode(tree, predicate) {
+    for (const node of tree) {
+        if (predicate(node))
+            return node;
+        if (node.children) {
+            const found = findTreeNode(node.children, predicate);
+            if (found)
+                return found;
+        }
+    }
+    return null;
+}
+/**
+ * 展开/折叠所有节点
+ * @param tree 树形数据
+ * @param expanded 是否展开
+ */
+function expandAllTreeNodes(tree, expanded = true) {
+    tree.forEach((node) => {
+        node.expanded = expanded;
+        if (node.children && node.children.length > 0) {
+            expandAllTreeNodes(node.children, expanded);
+        }
+    });
+}
+/**
+ * 获取树的所有叶子节点
+ */
+function getLeafNodes(tree) {
+    const leaves = [];
+    tree.forEach((node) => {
+        if (!node.children || node.children.length === 0) {
+            leaves.push(node);
+        }
+        else {
+            leaves.push(...getLeafNodes(node.children));
+        }
+    });
+    return leaves;
+}
+
 const apiPath = '';
 class AmComponent {
     constructor() {
@@ -224,6 +380,7 @@ class AmComponent {
         this.route = inject(ActivatedRoute);
         this.router = inject(Router);
         this.i18n = inject(I18nService);
+        this.toPrimeNGTree = toPrimeNGTree;
     }
     rfd(prm) {
         return this.http.post(apiPath + 'RFD', prm).pipe(map((response) => {
@@ -5158,7 +5315,7 @@ class CellEditSelectFieldComponent {
     agInit(params) {
         this.params = params;
         if (!this.params.rawOptions && typeof this.params.getOptions === 'function') {
-            this.params.options = this.params.getOptions() || [];
+            this.params.options = this.params.getOptions(this.params.data) || [];
         }
         else {
             this.params.options = this.params.rawOptions;
@@ -5191,7 +5348,7 @@ class CellEditSelectFieldComponent {
     }
     updateNameField(nameField, event) {
         const oldValue = this.params.data[nameField.field];
-        const item = this.params.rawOptions.find((op) => op.value === event.value);
+        const item = this.params.options.find((op) => op.value === event.value);
         const newValue = item ? item[nameField.key] : null;
         const grid = this.params.grid();
         let e = {
@@ -9750,9 +9907,13 @@ class PageFormComponent extends AmComponent {
         this.selectionKeys = [];
         this.subDeleteIds = [];
         this.leftPanelItems = [];
+        this.leftPanelTreeNodes = [];
+        this.leftPanelSelectedNode = null;
         this.leftPanelSelectedValue = null;
         this.leftPanelSelectedItem = null;
+        this.leftPanelExpandedKeys = {};
         this.leftPanelInitialized = false;
+        this.leftPanelInitializedMode = null;
         this.baseGridListSnapshot = [];
         this.stepsVisible = true;
         this.destroy$ = new Subject();
@@ -9822,19 +9983,17 @@ class PageFormComponent extends AmComponent {
         }, { allowSignalWrites: true });
         effect(() => {
             const panel = this.leftPanel();
-            if (!panel?.enabled || panel.mode !== 'list') {
-                this.leftPanelInitialized = false;
-                this.leftPanelItems = [];
-                this.leftPanelSelectedValue = null;
-                this.leftPanelSelectedItem = null;
-                this.gridListOverridden = false;
-                this.internalGridList.set(this.gridList());
-                this.syncUpsertSubserts();
+            if (!panel?.enabled) {
+                this.resetLeftPanelState();
                 return;
             }
-            if (this.leftPanelInitialized) {
+            const currentMode = this.getLeftPanelMode();
+            if (this.leftPanelInitialized && this.leftPanelInitializedMode === currentMode) {
                 return;
             }
+            if (this.leftPanelInitializedMode && this.leftPanelInitializedMode !== currentMode) {
+                this.resetLeftPanelState();
+            }
             queueMicrotask(() => {
                 this.initializeLeftPanel();
             });
@@ -9857,29 +10016,51 @@ class PageFormComponent extends AmComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    resetLeftPanelState() {
+        this.leftPanelInitialized = false;
+        this.leftPanelInitializedMode = null;
+        this.leftPanelItems = [];
+        this.leftPanelTreeNodes = [];
+        this.leftPanelSelectedNode = null;
+        this.leftPanelSelectedValue = null;
+        this.leftPanelSelectedItem = null;
+        this.leftPanelExpandedKeys = {};
+        this.gridListOverridden = false;
+        this.internalGridList.set(this.gridList());
+        this.syncUpsertSubserts();
+        this.cdr.markForCheck();
+    }
     async initializeLeftPanel() {
         const panel = this.leftPanel();
-        if (!panel?.enabled || panel.mode !== 'list') {
+        if (!panel?.enabled) {
             return;
         }
         this.leftPanelInitialized = true;
+        this.leftPanelInitializedMode = this.getLeftPanelMode();
         this.baseGridListSnapshot = this.gridList().map((item) => item);
-        const dataSource = panel.list?.dataSource;
+        const dataSource = this.getPanelDataSource();
         this.runLeftPanelEvent('onInit');
         const items = await this.loadLeftPanelItems(dataSource);
         this.leftPanelItems = items;
-        this.runLeftPanelEvent('onItemsLoaded');
+        this.runLeftPanelEvent('onItemsLoaded', { items });
+        if (this.getLeftPanelMode() === 'tree') {
+            this.initializeLeftPanelTree(items);
+            return;
+        }
+        await this.initializeLeftPanelList(items, dataSource);
+    }
+    async initializeLeftPanelList(items, dataSource) {
         let defaultValue = await this.resolveMaybeAsync(typeof dataSource?.defaultSelect === 'function'
             ? dataSource.defaultSelect(this.createLeftPanelEventContext({ items }))
             : dataSource?.defaultSelect);
         if (defaultValue && typeof defaultValue === 'object') {
-            defaultValue = this.resolveLeftPanelValue(defaultValue);
+            defaultValue = this.resolvePanelOptionValue(defaultValue);
         }
-        if ((defaultValue === undefined || defaultValue === null) && panel.list?.allowDeselect === false && items.length > 0) {
-            defaultValue = this.resolveLeftPanelValue(items[0]);
+        if ((defaultValue === undefined || defaultValue === null) && this.getPanelAllowDeselect() === false && items.length > 0) {
+            defaultValue = this.resolvePanelOptionValue(items[0]);
         }
         if (defaultValue !== undefined && defaultValue !== null) {
-            await this.applyLeftPanelSelection(defaultValue, items.find((item) => this.resolveLeftPanelValue(item) === defaultValue));
+            await this.applyLeftPanelSelection(defaultValue, items.find((item) => this.resolvePanelOptionValue(item) === defaultValue));
             return;
         }
         this.cdr.markForCheck();
@@ -9900,6 +10081,39 @@ class PageFormComponent extends AmComponent {
         }
         return Array.isArray(result) ? result : [];
     }
+    getLeftPanelMode() {
+        return this.leftPanel()?.mode === 'tree' ? 'tree' : 'list';
+    }
+    getPanelOptionLabel() {
+        return this.leftPanel()?.optionLabel || this.leftPanel()?.list?.optionLabel || this.leftPanel()?.tree?.nodeLabel || 'label';
+    }
+    getPanelOptionValue() {
+        return this.leftPanel()?.optionValue || this.leftPanel()?.list?.optionValue || this.leftPanel()?.tree?.nodeValue || 'value';
+    }
+    getPanelAllowDeselect() {
+        return this.leftPanel()?.allowDeselect ?? this.leftPanel()?.list?.allowDeselect ?? true;
+    }
+    getPanelEmptyMessage() {
+        return this.leftPanel()?.emptyMessage || this.leftPanel()?.list?.emptyMessage || this.leftPanel()?.tree?.emptyMessage || '暂无数据';
+    }
+    getPanelDataSource() {
+        return this.leftPanel()?.dataSource || this.leftPanel()?.list?.dataSource || this.leftPanel()?.tree?.dataSource;
+    }
+    getTreeChildrenField() {
+        return this.leftPanel()?.tree?.childrenField || 'children';
+    }
+    getTreeParentSelectable() {
+        return this.leftPanel()?.tree?.parentSelectable ?? true;
+    }
+    getTreeExpandedKeysStateKey() {
+        return this.leftPanel()?.tree?.expandedKeysStateKey;
+    }
+    getTreeFieldValue(item, field) {
+        if (!field) {
+            return undefined;
+        }
+        return fieldUtils.getModel(item, field);
+    }
     async resolveMaybeAsync(value) {
         if (isObservable(value)) {
             return await firstValueFrom(value);
@@ -9912,7 +10126,7 @@ class PageFormComponent extends AmComponent {
     createLeftPanelEventContext(extra = {}) {
         return {
             pageForm: this,
-            mode: this.leftPanel()?.mode,
+            mode: this.getLeftPanelMode(),
             selectedItem: this.leftPanelSelectedItem,
             selectedValue: this.leftPanelSelectedValue,
             items: this.leftPanelItems,
@@ -9937,38 +10151,37 @@ class PageFormComponent extends AmComponent {
         }
         return handler(this.createLeftPanelEventContext(extra));
     }
-    resolveLeftPanelValue(option) {
-        const optionValue = this.leftPanel()?.list?.optionValue || 'value';
+    resolvePanelOptionValue(option) {
+        const optionValue = this.getPanelOptionValue();
         if (!optionValue) {
             return option;
         }
         return fieldUtils.getModel(option, optionValue);
     }
     async onLeftPanelSelectionChange(event) {
-        if (event.value == null) {
+        if (event.value == null && this.getPanelAllowDeselect()) {
             return;
         }
         await this.applyLeftPanelSelection(event.value, event.option);
     }
     async applyLeftPanelSelection(value, option) {
         const panel = this.leftPanel();
-        if (!panel?.enabled || panel.mode !== 'list') {
+        if (!panel?.enabled || this.getLeftPanelMode() !== 'list') {
             return;
         }
-        const selectedItem = option ?? this.leftPanelItems.find((item) => this.resolveLeftPanelValue(item) === value) ?? null;
+        const selectedItem = option ?? this.leftPanelItems.find((item) => this.resolvePanelOptionValue(item) === value) ?? null;
         this.leftPanelSelectedValue = value;
         this.leftPanelSelectedItem = selectedItem;
-        if (!this.getPrm.data) {
-            this.getPrm.data = {};
-        }
-        if (panel.stateKey) {
-            fieldUtils.setModel(this.getPrm.data, panel.stateKey, value);
-        }
-        if (panel.panelSelectedDataKey) {
-            fieldUtils.setModel(this.getPrm.data, panel.panelSelectedDataKey, selectedItem);
-        }
+        this.syncLeftPanelSelectionState(value, selectedItem);
         this.indexValue = 0;
-        this.runLeftPanelEvent('onSelectionChange', { selectedItem, selectedValue: value });
+        this.runLeftPanelEvent('onSelectionChange', {
+            selectedItem,
+            selectedValue: value,
+            node: null,
+            rawNode: null,
+            isParent: false,
+            isLeaf: true,
+        });
         this.syncGetPrmFiterPreloads();
         this.formOptions = this.buildFormOptions();
         if (this.id && this.modelName) {
@@ -9994,6 +10207,226 @@ class PageFormComponent extends AmComponent {
         }
         this.syncGetPrmFiterPreloads();
     }
+    syncLeftPanelSelectionState(value, selectedItem) {
+        const panel = this.leftPanel();
+        if (!panel) {
+            return;
+        }
+        if (!this.getPrm.data) {
+            this.getPrm.data = {};
+        }
+        if (panel.stateKey) {
+            fieldUtils.setModel(this.getPrm.data, panel.stateKey, value);
+        }
+        if (panel.panelSelectedDataKey) {
+            fieldUtils.setModel(this.getPrm.data, panel.panelSelectedDataKey, selectedItem);
+        }
+    }
+    initializeLeftPanelTree(items) {
+        const expandedState = this.readTreeExpandedKeysState();
+        this.leftPanelExpandedKeys = expandedState || {};
+        this.leftPanelTreeNodes = this.buildTreeNodes(items);
+        void this.applyTreeDefaultSelection();
+        this.cdr.markForCheck();
+    }
+    buildTreeNodes(items, parentKey = 'root') {
+        const childrenField = this.getTreeChildrenField();
+        const iconField = this.leftPanel()?.tree?.iconField;
+        const leafField = this.leftPanel()?.tree?.leafField;
+        const disabledField = this.leftPanel()?.tree?.disabledField;
+        return items.map((item, index) => {
+            const key = this.buildTreeNodeKey(item, parentKey, index);
+            const childItems = fieldUtils.getModel(item, childrenField);
+            const children = Array.isArray(childItems) ? this.buildTreeNodes(childItems, key) : [];
+            const isLeaf = leafField ? !!this.getTreeFieldValue(item, leafField) : children.length === 0;
+            const isParent = children.length > 0;
+            const selectable = this.getTreeParentSelectable() || !isParent;
+            return {
+                key,
+                label: this.resolveTreeNodeLabel(item),
+                data: item,
+                children: children.length > 0 ? children : undefined,
+                leaf: isLeaf,
+                expanded: this.shouldExpandTreeNode(key, isParent),
+                selectable,
+                disabled: disabledField ? !!this.getTreeFieldValue(item, disabledField) : false,
+                icon: iconField ? this.getTreeFieldValue(item, iconField) : undefined,
+            };
+        });
+    }
+    buildTreeNodeKey(item, parentKey, index) {
+        const value = this.resolvePanelOptionValue(item);
+        return `${parentKey}-${value ?? index}`;
+    }
+    resolveTreeNodeLabel(item) {
+        const label = fieldUtils.getModel(item, this.getPanelOptionLabel());
+        return label == null ? '' : String(label);
+    }
+    shouldExpandTreeNode(key, isParent) {
+        if (!isParent) {
+            return false;
+        }
+        if (Object.keys(this.leftPanelExpandedKeys).length > 0) {
+            return !!this.leftPanelExpandedKeys[key];
+        }
+        return this.leftPanel()?.tree?.defaultExpand ?? false;
+    }
+    readTreeExpandedKeysState() {
+        const stateKey = this.getTreeExpandedKeysStateKey();
+        if (!stateKey) {
+            return {};
+        }
+        return fieldUtils.getModel(this.getPrm.data, stateKey) || {};
+    }
+    syncTreeExpandedKeysState() {
+        const stateKey = this.getTreeExpandedKeysStateKey();
+        if (!stateKey) {
+            return;
+        }
+        if (!this.getPrm.data) {
+            this.getPrm.data = {};
+        }
+        fieldUtils.setModel(this.getPrm.data, stateKey, { ...this.leftPanelExpandedKeys });
+    }
+    async applyTreeDefaultSelection() {
+        const dataSource = this.getPanelDataSource();
+        let defaultValue = await this.resolveMaybeAsync(typeof dataSource?.defaultSelect === 'function'
+            ? dataSource.defaultSelect(this.createLeftPanelEventContext({ items: this.leftPanelItems }))
+            : dataSource?.defaultSelect);
+        if (defaultValue && typeof defaultValue === 'object' && !('key' in defaultValue)) {
+            defaultValue = this.resolvePanelOptionValue(defaultValue);
+        }
+        if (defaultValue === undefined || defaultValue === null) {
+            defaultValue = this.findFirstSelectableTreeNode(this.leftPanelTreeNodes)?.key ?? null;
+        }
+        if (defaultValue == null) {
+            return;
+        }
+        const resolvedNode = this.resolveTreeNodeBySelection(defaultValue);
+        const nextNode = this.isSelectableTreeNode(resolvedNode)
+            ? resolvedNode
+            : this.findFirstSelectableTreeNode(this.leftPanelTreeNodes);
+        if (nextNode) {
+            await this.applyLeftPanelTreeSelection(nextNode);
+        }
+    }
+    findFirstSelectableTreeNode(nodes) {
+        for (const node of nodes) {
+            if (this.isSelectableTreeNode(node)) {
+                return node;
+            }
+            if (node.children?.length) {
+                const match = this.findFirstSelectableTreeNode(node.children);
+                if (match) {
+                    return match;
+                }
+            }
+        }
+        return null;
+    }
+    resolveTreeNodeBySelection(selection) {
+        if (selection && typeof selection === 'object' && 'key' in selection) {
+            return this.findTreeNodeByKey(this.leftPanelTreeNodes, selection.key) ?? null;
+        }
+        return this.findTreeNodeByValue(this.leftPanelTreeNodes, selection);
+    }
+    findTreeNodeByValue(nodes, value) {
+        for (const node of nodes) {
+            const nodeValue = this.resolvePanelOptionValue(node.data);
+            if (nodeValue === value) {
+                return node;
+            }
+            if (node.children?.length) {
+                const match = this.findTreeNodeByValue(node.children, value);
+                if (match) {
+                    return match;
+                }
+            }
+        }
+        return null;
+    }
+    findTreeNodeByKey(nodes, key) {
+        for (const node of nodes) {
+            if (node.key === key) {
+                return node;
+            }
+            if (node.children?.length) {
+                const match = this.findTreeNodeByKey(node.children, key);
+                if (match) {
+                    return match;
+                }
+            }
+        }
+        return null;
+    }
+    isTreeParentNode(node) {
+        return !!node?.children?.length;
+    }
+    isSelectableTreeNode(node) {
+        if (!node || node.disabled) {
+            return false;
+        }
+        if (this.getTreeParentSelectable()) {
+            return true;
+        }
+        return !this.isTreeParentNode(node);
+    }
+    async onLeftPanelTreeNodeSelect(event) {
+        const node = event?.node ?? null;
+        if (!this.isSelectableTreeNode(node)) {
+            this.leftPanelSelectedNode = this.resolveTreeNodeBySelection(this.leftPanelSelectedValue);
+            this.cdr.markForCheck();
+            return;
+        }
+        if (node) {
+            await this.applyLeftPanelTreeSelection(node);
+        }
+    }
+    onLeftPanelTreeNodeExpand(event) {
+        const key = event?.node?.key;
+        if (!key) {
+            return;
+        }
+        this.leftPanelExpandedKeys[key] = true;
+        this.syncTreeExpandedKeysState();
+    }
+    onLeftPanelTreeNodeCollapse(event) {
+        const key = event?.node?.key;
+        if (!key) {
+            return;
+        }
+        delete this.leftPanelExpandedKeys[key];
+        this.syncTreeExpandedKeysState();
+    }
+    async applyLeftPanelTreeSelection(node) {
+        const panel = this.leftPanel();
+        if (!panel?.enabled || this.getLeftPanelMode() !== 'tree') {
+            return;
+        }
+        const rawNode = node.data;
+        const selectedValue = this.resolvePanelOptionValue(rawNode);
+        this.leftPanelSelectedNode = node;
+        this.leftPanelSelectedValue = selectedValue;
+        this.leftPanelSelectedItem = rawNode;
+        this.syncLeftPanelSelectionState(selectedValue, rawNode);
+        this.indexValue = 0;
+        this.runLeftPanelEvent('onSelectionChange', {
+            selectedItem: rawNode,
+            selectedValue,
+            node,
+            rawNode,
+            isParent: this.isTreeParentNode(node),
+            isLeaf: !this.isTreeParentNode(node),
+        });
+        this.syncGetPrmFiterPreloads();
+        this.formOptions = this.buildFormOptions();
+        if (this.id && this.modelName) {
+            typeof this.formDetail() == 'function' ? this.formDetail()(this.id) : this.getDetail(2);
+            return;
+        }
+        this.refreshSlotRenderStates();
+        this.cdr.markForCheck();
+    }
     buildFormOptions() {
         try {
             const sourceForm = this.form();
@@ -10759,7 +11192,7 @@ class PageFormComponent extends AmComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PageFormComponent, isStandalone: true, selector: "app-page-form", inputs: { addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, gridList: { classPropertyName: "gridList", publicName: "gridList", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, getPrmInput: { classPropertyName: "getPrmInput", publicName: "getPrmInput", isSignal: true, isRequired: true, transformFunction: null }, statusSteps: { classPropertyName: "statusSteps", publicName: "statusSteps", isSignal: true, isRequired: false, transformFunction: null }, statusKey: { classPropertyName: "statusKey", publicName: "statusKey", isSignal: true, isRequired: false, transformFunction: null }, hrefBtnList: { classPropertyName: "hrefBtnList", publicName: "hrefBtnList", isSignal: true, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, modelLog: { classPropertyName: "modelLog", publicName: "modelLog", isSignal: true, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: true, isRequired: false, transformFunction: null }, statusConf: { classPropertyName: "statusConf", publicName: "statusConf", isSignal: true, isRequired: false, transformFunction: null }, formDetail: { classPropertyName: "formDetail", publicName: "formDetail", isSignal: true, isRequired: false, transformFunction: null }, saveFunc: { classPropertyName: "saveFunc", publicName: "saveFunc", isSignal: true, isRequired: false, transformFunction: null }, showMainSaveButton: { classPropertyName: "showMainSaveButton", publicName: "showMainSaveButton", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, runtimeContextInput: { classPropertyName: "runtimeContextInput", publicName: "runtimeContextInput", isSignal: true, isRequired: false, transformFunction: null }, customLeftPanel: { classPropertyName: "customLeftPanel", publicName: "customLeftPanel", isSignal: true, isRequired: false, transformFunction: null }, customListFormTemplateMap: { classPropertyName: "customListFormTemplateMap", publicName: "customListFormTemplateMap", isSignal: true, isRequired: false, transformFunction: null }, customListFormInstanceMap: { classPropertyName: "customListFormInstanceMap", publicName: "customListFormInstanceMap", isSignal: true, isRequired: false, transformFunction: null }, leftPanel: { classPropertyName: "leftPanel", publicName: "leftPanel", isSignal: true, isRequired: false, transformFunction: null }, panelSelectedData: { classPropertyName: "panelSelectedData", publicName: "panelSelectedData", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, providers: [], queries: [{ propertyName: "pageFormSlots", predicate: PageFormSlotDirective, descendants: true }], viewQueries: [{ propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }, { propertyName: "rowSelector", first: true, predicate: RowSelectorComponent$1, descendants: true }, { propertyName: "customGrid", predicate: ["customGrid"], descendants: true }, { propertyName: "tabForm", predicate: ["tabForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"leftPanel()?.list?.optionValue || 'value'\"\n              [optionLabel]=\"leftPanel()?.list?.optionLabel || 'label'\"\n              [emptyMessage]=\"leftPanel()?.list?.emptyMessage || '\u6682\u65E0\u6570\u636E'\"\n              [allowDeselect]=\"leftPanel()?.list?.allowDeselect ?? true\" />\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 ?? {}\"></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]=\"gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none') {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"gridDisable\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"gridDisable\"\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]=\"gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\">\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}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.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$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: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$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", "importVisible", "exportVisible", "newUrl", "configNewPath", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["modelLog", "needSelfAdjusting", "steps", "current", "authLevel", "isClick"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "gridDisable", "addSort", "subSaveVisible", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PageFormComponent, isStandalone: true, selector: "app-page-form", inputs: { addVisible: { classPropertyName: "addVisible", publicName: "addVisible", isSignal: true, isRequired: false, transformFunction: null }, gridList: { classPropertyName: "gridList", publicName: "gridList", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, getPrmInput: { classPropertyName: "getPrmInput", publicName: "getPrmInput", isSignal: true, isRequired: true, transformFunction: null }, statusSteps: { classPropertyName: "statusSteps", publicName: "statusSteps", isSignal: true, isRequired: false, transformFunction: null }, statusKey: { classPropertyName: "statusKey", publicName: "statusKey", isSignal: true, isRequired: false, transformFunction: null }, hrefBtnList: { classPropertyName: "hrefBtnList", publicName: "hrefBtnList", isSignal: true, isRequired: false, transformFunction: null }, setTitle: { classPropertyName: "setTitle", publicName: "setTitle", isSignal: true, isRequired: false, transformFunction: null }, actionList: { classPropertyName: "actionList", publicName: "actionList", isSignal: true, isRequired: false, transformFunction: null }, modelLog: { classPropertyName: "modelLog", publicName: "modelLog", isSignal: true, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: true, isRequired: false, transformFunction: null }, statusConf: { classPropertyName: "statusConf", publicName: "statusConf", isSignal: true, isRequired: false, transformFunction: null }, formDetail: { classPropertyName: "formDetail", publicName: "formDetail", isSignal: true, isRequired: false, transformFunction: null }, saveFunc: { classPropertyName: "saveFunc", publicName: "saveFunc", isSignal: true, isRequired: false, transformFunction: null }, showMainSaveButton: { classPropertyName: "showMainSaveButton", publicName: "showMainSaveButton", isSignal: true, isRequired: false, transformFunction: null }, configNewPath: { classPropertyName: "configNewPath", publicName: "configNewPath", isSignal: true, isRequired: false, transformFunction: null }, runtimeContextInput: { classPropertyName: "runtimeContextInput", publicName: "runtimeContextInput", isSignal: true, isRequired: false, transformFunction: null }, customLeftPanel: { classPropertyName: "customLeftPanel", publicName: "customLeftPanel", isSignal: true, isRequired: false, transformFunction: null }, customListFormTemplateMap: { classPropertyName: "customListFormTemplateMap", publicName: "customListFormTemplateMap", isSignal: true, isRequired: false, transformFunction: null }, customListFormInstanceMap: { classPropertyName: "customListFormInstanceMap", publicName: "customListFormInstanceMap", isSignal: true, isRequired: false, transformFunction: null }, leftPanel: { classPropertyName: "leftPanel", publicName: "leftPanel", isSignal: true, isRequired: false, transformFunction: null }, panelSelectedData: { classPropertyName: "panelSelectedData", publicName: "panelSelectedData", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, providers: [], queries: [{ propertyName: "pageFormSlots", predicate: PageFormSlotDirective, descendants: true }], viewQueries: [{ propertyName: "cForm", first: true, predicate: ["cForm"], descendants: true }, { propertyName: "rowSelector", first: true, predicate: RowSelectorComponent$1, descendants: true }, { propertyName: "customGrid", predicate: ["customGrid"], descendants: true }, { propertyName: "tabForm", predicate: ["tabForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"></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]=\"gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none') {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"gridDisable\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"gridDisable\"\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]=\"gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\">\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$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: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$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", "importVisible", "exportVisible", "newUrl", "configNewPath", "onExport", "outlined", "isList", "authLevel", "actionList", "data", "menus", "saveBtnDisable", "showSaveButton"], outputs: ["saveEvent", "cancelEvent", "actionEvent"] }, { kind: "component", type: StepsComponent, selector: "custom-steps", inputs: ["modelLog", "needSelfAdjusting", "steps", "current", "authLevel", "isClick"], outputs: ["change"] }, { kind: "component", type: GridComponent, selector: "custom-grid", inputs: ["gridOptions", "selectionKeys", "upsert", "rowData", "searchPrm", "addType", "selectData", "showAct", "actPos", "authLevel", "showDelete", "gridDisable", "addSort", "subSaveVisible", "subSaveLabel", "subSaveDisabled"], outputs: ["deleteEmit", "addEmit", "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$8.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
@@ -10778,7 +11211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslatePipe,
                         HrefBtnListComponent,
                         SingleSelectListboxComponent,
-                    ], providers: [], template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"leftPanel()?.list?.optionValue || 'value'\"\n              [optionLabel]=\"leftPanel()?.list?.optionLabel || 'label'\"\n              [emptyMessage]=\"leftPanel()?.list?.emptyMessage || '\u6682\u65E0\u6570\u636E'\"\n              [allowDeselect]=\"leftPanel()?.list?.allowDeselect ?? true\" />\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 ?? {}\"></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]=\"gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none') {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"gridDisable\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"gridDisable\"\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]=\"gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\">\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}.form-panel{border:solid 1px #dbdbdb}.page-form-left-panel{height:100%}.icon-sidebar{color:#334155;padding:2.5px}.icon-sidebar:hover{color:var(--p-primary-color);cursor:pointer}\n"] }]
+                        TreeModule,
+                    ], providers: [], template: "<div class=\"md:overflow-hidden\">\n  <!-- \u4FDD\u5B58\u65B0\u5EFA\u64CD\u4F5C\u533A -->\n\t<div class=\"flex md:flex-wrap lg:flex-nowrap items-center md:justify-between py-1 px-1 border-b-[1px] border-[#dbdbdb] bg-white\">\n\t\t<div class=\"lg:basis-1/3 order-1\">\n\t\t\t<app-crumb-action\n\t\t\t\t[addVisible]=\"addVisible()\"\n\t\t\t\t[newUrl]=\"newUrl\"\n\t\t\t\t[isShowCog]=\"true\"\n\t\t\t\t[outlined]=\"true\"\n\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t[actionList]=\"actionList()\"\n\t\t\t\t[configNewPath]=\"configNewPath()\"\n\t\t\t\t[data]=\"getPrm.data ?? {}\"\n\t\t\t\t[saveBtnDisable]=\"saveBtnDisable\"\n\t\t\t\t[showSaveButton]=\"showMainSaveButton()\"\n\t\t\t\t(actionEvent)=\"authClick($event)\"\n\t\t\t\t(saveEvent)=\"submitForm()\">\n\t\t\t</app-crumb-action>\n\t\t</div>\n\n\t\t<div class=\"basis-1/5 lg:basis-2/3 order-2 lg:order-2 md:order-last md:basis-full md:mt-[6px]\">\n\t\t\t<href-btn-list\n\t\t\t\t[hrefs]=\"hrefBtnList()\"\n\t\t\t\t(hrefClick)=\"goRun($event)\"></href-btn-list>\n\t\t\t<!-- @if (id) {\n\t\t\t\t@for (btn of hrefBtnList(); track btn) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\t[variant]=\"btn?.variant\"\n\t\t\t\t\t\t[severity]=\"btn?.severity\"\n\t\t\t\t\t\tclass=\"mr-[6px]\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"btn?.icon\"\n\t\t\t\t\t\tlabel=\"{{ btn.i18nKey ? i18n.fanyi(btn.i18nKey) : btn.label }}\"\n\t\t\t\t\t\t(click)=\"goRun(btn)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t} -->\n\t\t</div>\n\t\t<div class=\"basis-1/3 order-3 flex flex-row-reverse\">\n\t\t\t@if (modelLog()) {\n\t\t\t\t<div class=\"hidden md:block\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t[class]=\"'iconfont icon-sidebar icon-sidebar-' + sidebarMode()\"\n\t\t\t\t\t\t(click)=\"toggleLog()\"></span>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t<div class=\"flex\">\n\t\t<div class=\"px-2 flex flex-wrap items-center flex-1\">\n\t\t\t<div class=\"hidden md:basis-1/3 py-1 basis-full md:flex items-center flex-row order-1\">\n\t\t\t\t@for (action of actionList(); let i = $index; track action) {\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t[icon]=\"getPrm.data?.icon\"\n\t\t\t\t\t\t[loading]=\"action.loading\"\n\t\t\t\t\t\t[label]=\"action.i18nKey ? (action.i18nKey | translate) : action.label\"\n\t\t\t\t\t\t[disabled]=\"action.btnDisabled ? action.btnDisabled(getPrm.data) : false\"\n\t\t\t\t\t\t[styleClass]=\"\n\t\t\t\t\t\t\t(action.auth || 0) > (authLevel() || 0) || !!action.btnHidden?.(getPrm.data)\n\t\t\t\t\t\t\t\t? 'form-action hidden'\n\t\t\t\t\t\t\t\t: 'form-action block mr-[.5rem]'\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t(onClick)=\"action.onClick != '' && action.onClick?.(getPrm.data, action)\">\n\t\t\t\t\t</p-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"md:basis-2/3 basis-full flex md:flex-row-reverse flex-row md:order-2 order-first w-full\">\n\t\t\t\t@if (stepsVisible) {\n\t\t\t\t\t<custom-steps\n\t\t\t\t\t\t#customSteps\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t[steps]=\"statusSteps()\"\n\t\t\t\t\t\t[modelLog]=\"showLog()\"\n\t\t\t\t\t\t[current]=\"getPrm.data && getPrm.data[statusKey()] !== undefined ? getPrm.data[statusKey()] : 0\"\n\t\t\t\t\t\t[authLevel]=\"authLevel()\"\n\t\t\t\t\t\t[isClick]=\"this.statusConf().isClick\"\n\t\t\t\t\t\t(change)=\"statusChange($event, customSteps)\">\n\t\t\t\t\t</custom-steps>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t@if (showLog()) {\n\t\t\t<div class=\"lg:w-[400px] md:w-[300px] hidden md:block\"></div>\n\t\t}\n\t</div>\n  <!--  form \u4E3B\u533A\u57DF-->\n  @if(this.form().form) {\n    <div class=\"main flex flex-wrap\">\n      @if (customLeftPanel()) {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-fit md:max-w-full\">\n          <ng-container *ngTemplateOutlet=\"customLeftPanel()\"></ng-container>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'list') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel\">\n            <am-single-select-listbox\n              [options]=\"leftPanelItems\"\n              [ngModel]=\"leftPanelSelectedValue\"\n              (onChange)=\"onLeftPanelSelectionChange($event)\"\n              [optionValue]=\"getPanelOptionValue()\"\n              [optionLabel]=\"getPanelOptionLabel()\"\n              [emptyMessage]=\"getPanelEmptyMessage()\"\n              [allowDeselect]=\"getPanelAllowDeselect()\" />\n          </div>\n        </div>\n      } @else if (leftPanel()?.enabled && leftPanel()?.mode === 'tree') {\n        <div class=\"hidden md:block md:h-full md:overflow-y-auto md:flex-none md:w-[220px] md:max-w-full px-2\">\n          <div class=\"page-form-left-panel page-form-tree-panel\">\n            @if (leftPanelTreeNodes.length > 0) {\n              <p-tree\n                [value]=\"leftPanelTreeNodes\"\n                selectionMode=\"single\"\n                [(selection)]=\"leftPanelSelectedNode\"\n                [emptyMessage]=\"getPanelEmptyMessage()\"\n                styleClass=\"page-form-left-tree\"\n                (onNodeSelect)=\"onLeftPanelTreeNodeSelect($event)\"\n                (onNodeExpand)=\"onLeftPanelTreeNodeExpand($event)\"\n                (onNodeCollapse)=\"onLeftPanelTreeNodeCollapse($event)\" />\n            } @else {\n              <div class=\"page-form-left-panel-empty\">{{ getPanelEmptyMessage() }}</div>\n            }\n          </div>\n        </div>\n      }\n      <div class=\"w-full md:min-w-0 md:flex-1 md:h-full md:overflow-y-auto\">\n        <div class=\"bg-white mx-2 form-panel\">\n          <div class=\"p-2 flex-1\">\n            <form [formGroup]=\"form().form!\">\n              <custom-form\n                #cForm\n                [options]=\"formOptions\"\n                [upsert]=\"upsertPrm\"\n                [model]=\"getPrm.data ?? {}\"></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]=\"gridDisable\"\n                      (onClick)=\"saveCurrentTab()\" />\n                  }\n                  @if (grid.subTableSource != 'none') {\n                    <p-button\n                      icon=\"pi pi-plus\"\n                      [text]=\"true\"\n                      severity=\"success\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"addRowClickHandler(grid)\" />\n                  }\n                  @if (grid.showDelete) {\n                    <p-button\n                      icon=\"pi pi-trash\"\n                      [text]=\"true\"\n                      severity=\"danger\"\n                      [disabled]=\"gridDisable\"\n                      (onClick)=\"delRowClickHandler(grid)\" />\n                  }\n\t\t\t\t\t\t\t\t\t<div #customGrid></div>\n                </div>\n              } @else {\n                @if (grid.type == 'grid') {\n                  <custom-grid\n                    #customGrid\n                    [rowData]=\"getPrm.data?.[grid.subDataKey!]\"\n                    [upsert]=\"upsertPrm\"\n                    (deleteEmit)=\"delRows($event)\"\n                    [addType]=\"grid.subTableSource\"\n                    (addEmit)=\"dataSourceShow()\"\n                    [gridOptions]=\"grid.gridOptions\"\n                    [gridDisable]=\"gridDisable\"\n                    [authLevel]=\"authLevel()\"\n                    [showDelete]=\"grid.showDelete\"\n                    [subSaveVisible]=\"canShowCurrentTabSave(grid)\"\n                    [subSaveLabel]=\"getCurrentTabSaveLabel(grid)\"\n                    [subSaveDisabled]=\"gridDisable\"\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]=\"gridDisable\"\n                        (onClick)=\"saveCurrentTab()\" />\n                    </div>\n                  }\n                  <custom-form\n                    #tabForm\n                    [options]=\"grid\"\n                    [upsert]=\"upsertPrm\"\n                    [model]=\"subFormModel[grid.subDataKey!] || {}\">\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']