@farris/jit-engine 1.4.11 → 1.4.14

package/lib/utility/mobile-approve/recuresive-generate-mobileapprove.js

@@ -1,431 +1,442 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RecursiveGenerateMobileApprove = void 0;
-const toolhepler_1 = require("../toolhepler");
-const mobile_approve_templateconfig_1 = require("./template-generator/mobile-approve-templateconfig");
-const logger_1 = require("../logger");
-const dom_generator_1 = require("./generator/dom-generator");
-const directory_file_helper_1 = require("../directory-file-helper");
-const template_generator_1 = require("./template-generator");
-const child_detail_template_1 = require("./entity/child-detail-template");
-const child_table_primary_relation_1 = require("./entity/child-table-primary-relation");
-class RecursiveGenerateMobileApprove {
-    constructor() {
-        this.domGenerator = new dom_generator_1.DomGenerator();
-    }
-    recursiveGenerateDevkit(generateParam) {
-        return this.recursiveGenerateDevkitObject({
-            obj: generateParam.obj,
-            publishPath: generateParam.publishPath,
-            frm_code: generateParam.frm_code,
-            moduleCode: generateParam.moduleCode,
-            metaDataConfig: generateParam.metaDataConfig,
-            currentModuleJson: generateParam.currentModuleJson,
-            options: generateParam.options,
-            childDetailTemplate: generateParam.childDetailTemplate,
-            childTablePrimary: generateParam.childTablePrimary,
-            parentIsFrameComponent: generateParam.parentIsFrameComponent
-        });
-    }
-    recursiveGenerateDevkitObject(devkitParam) {
-        if (this.canRecursiveDevkitObject(devkitParam.obj) == false) {
-            return;
-        }
-        Object.keys(devkitParam.obj).forEach(key => {
-            if (devkitParam.obj[key]) {
-                if (toolhepler_1.ToolHelper.isArray(devkitParam.obj[key], true) === true) {
-                    devkitParam.obj[key].forEach((item) => {
-                        return this.generateHtmlOrDevkitWithSpecialValue({
-                            value: item,
-                            publishPath: devkitParam.publishPath,
-                            frm_code: devkitParam.frm_code,
-                            moduleCode: devkitParam.moduleCode,
-                            metaDataConfig: devkitParam.metaDataConfig,
-                            currentModuleJson: devkitParam.currentModuleJson,
-                            options: devkitParam.options,
-                            childDetailTemplate: devkitParam.childDetailTemplate,
-                            childTablePrimary: devkitParam.childTablePrimary,
-                            parentIsFrameComponent: devkitParam.parentIsFrameComponent
-                        });
-                    });
-                }
-                else {
-                    return this.generateHtmlOrDevkitWithSpecialValue({
-                        value: devkitParam.obj[key],
-                        publishPath: devkitParam.publishPath,
-                        frm_code: devkitParam.frm_code,
-                        moduleCode: devkitParam.moduleCode,
-                        metaDataConfig: devkitParam.metaDataConfig,
-                        currentModuleJson: devkitParam.currentModuleJson,
-                        options: devkitParam.options,
-                        childDetailTemplate: devkitParam.childDetailTemplate,
-                        childTablePrimary: devkitParam.childTablePrimary,
-                        parentIsFrameComponent: devkitParam.parentIsFrameComponent
-                    });
-                }
-            }
-        });
-    }
-    canRecursiveDevkitObject(obj) {
-        return obj && typeof obj !== "string";
-    }
-    generateHtmlOrDevkitWithSpecialValue(generateParam) {
-        const className = toolhepler_1.ToolHelper.getClassName(generateParam.value);
-        if (mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className]) {
-            if (className == "Component" && generateParam.value.componentType == "Frame") {
-                let componentHtml = this.generateComponentHtml(generateParam);
-                componentHtml = componentHtml.replace("{{isSubCollapse}}", generateParam.options.isSubCollapse);
-                componentHtml = componentHtml.replace("{{isSubDefaultCollapse}}", generateParam.options.isSubDefaultCollapse);
-                componentHtml = componentHtml.replace("{{isMainCollapse}}", generateParam.options.isMainCollapse);
-                componentHtml = componentHtml.replace("{{isMainDefaultCollapse}}", generateParam.options.isMainDefaultCollapse);
-                const indexHtml = template_generator_1.TemplateGeneratorManager.generate({
-                    "type": "IndexHtml", "content": componentHtml, "module": generateParam.currentModuleJson,
-                    "isSubDefaultCollapse": generateParam.options.isSubDefaultCollapse,
-                    "childDetailTemplate": generateParam.childDetailTemplate,
-                    "childTablePrimary": generateParam.childTablePrimary,
-                    "afterLoadData": generateParam.value.afterLoadData,
-                    "afterPageShow": generateParam.value.afterPageShow
-                }, generateParam.metaDataConfig);
-                directory_file_helper_1.DirectoryFileHelper.createFile(generateParam.metaDataConfig.publishPath, generateParam.metaDataConfig.mobileApproveFormCode.toLowerCase() + ".js", indexHtml);
-                return componentHtml;
-            }
-        }
-        if (generateParam.value && typeof generateParam.value === 'object') {
-            return this.recursiveGenerateDevkit({
-                obj: generateParam.value,
-                publishPath: generateParam.publishPath,
-                frm_code: generateParam.frm_code,
-                moduleCode: generateParam.moduleCode,
-                metaDataConfig: generateParam.metaDataConfig,
-                currentModuleJson: generateParam.currentModuleJson,
-                options: generateParam.options,
-                childDetailTemplate: generateParam.childDetailTemplate,
-                childTablePrimary: generateParam.childTablePrimary,
-                parentIsFrameComponent: generateParam.parentIsFrameComponent
-            });
-        }
-    }
-    generateComponentHtml(generateParam) {
-        const html = this.recursiveAssembleTemplate(generateParam.value, null, generateParam.currentModuleJson, generateParam.metaDataConfig, generateParam.options, generateParam.childDetailTemplate, generateParam.childTablePrimary, generateParam.parentIsFrameComponent);
-        return html;
-    }
-    recursiveAssembleTemplate(obj, children, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
-        if (children && children.length) {
-            let htmlStr = '';
-            children.forEach((item) => {
-                const html = this.generateHtmlWithTemplate(item, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-                if (html && html.length > 0) {
-                    htmlStr += html;
-                }
-            });
-            return htmlStr;
-        }
-        else {
-            if (toolhepler_1.ToolHelper.isArray(obj, true)) {
-                let htmlStr = '';
-                obj.forEach((item) => {
-                    const html = this.generateHtmlWithTemplate(item, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-                    if (html && html.length > 0) {
-                        htmlStr += html;
-                    }
-                });
-                return htmlStr;
-            }
-            else {
-                const html = this.generateHtmlWithTemplate(obj, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-                return html;
-            }
-        }
-    }
-    getChildSummaryTemplate(panelForMobileApprove, bindTo) {
-        let generateString = "";
-        if (panelForMobileApprove.showType && panelForMobileApprove.showType == "summary") {
-            const summaryClass = (panelForMobileApprove.summaryTemplate && panelForMobileApprove.summaryTemplate.customClass) ? panelForMobileApprove.summaryTemplate.customClass : "";
-            generateString += `
-            <div class= "fm-apply-panel ${summaryClass}">
-{{~model.formData.${bindTo} :itemData:itemIndex}}
-<div class= "fm-apply-list" data-dataIDCompleteInfo="{{=format(bind(itemData,window.getTablePrimaryByTableName('${bindTo}')),{})}}" data-dataIDPrimaryKey="{{=window.getTablePrimaryByTableName('${bindTo}')}}">
-${panelForMobileApprove.summaryTemplateHtml}
-</div>
-{{~}}
-
-</div>
-
-
-            `;
-        }
-        return generateString;
-    }
-    generateHtmlWithTemplate(value, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
-        let className = toolhepler_1.ToolHelper.getClassName(value);
-        if (mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className] || className == "ComponentRef") {
-            let html;
-            if (className == "ComponentRef") {
-                const componentRefEntity = currentModuleJson.components.find((item) => {
-                    return item.id == value.component;
-                });
-                if (componentRefEntity) {
-                    const isDetail = !!value.isDetail;
-                    const bindTo = value.bindTo;
-                    componentRefEntity.setIsDetail(isDetail);
-                    value.componentDevkit = componentRefEntity;
-                    className = "Component";
-                    value = componentRefEntity;
-                    html = this.generateComponentHtml({
-                        value: componentRefEntity,
-                        metaDataConfig: metaDataConfig,
-                        currentModuleJson: currentModuleJson,
-                        "frm_code": "",
-                        "moduleCode": "",
-                        "publishPath": "",
-                        options,
-                        childDetailTemplate,
-                        childTablePrimary,
-                        parentIsFrameComponent
-                    });
-                    if (isDetail) {
-                        const selectedEntityTablePrimary = this._getTablePrimaryFieldByBindTo(currentModuleJson.schemas[0].entities, bindTo);
-                        if (selectedEntityTablePrimary) {
-                            const childTablePrimaryRelation = new child_table_primary_relation_1.ChildTablePrimaryRelation();
-                            childTablePrimaryRelation.primary = selectedEntityTablePrimary;
-                            childTablePrimaryRelation.tableName = bindTo;
-                            childTablePrimary.push(childTablePrimaryRelation);
-                        }
-                        const panelForMobileApprove = componentRefEntity.contents[0];
-                        if (panelForMobileApprove) {
-                            if (toolhepler_1.ToolHelper.isArray(panelForMobileApprove.contents, false)) {
-                                const childDetailHtml = this.generatePanelForMobileContentHtml(panelForMobileApprove, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-                                childDetailTemplate.push(new child_detail_template_1.ChildDetailTemplate(bindTo, childDetailHtml));
-                            }
-                            else if (toolhepler_1.ToolHelper.isArray(panelForMobileApprove.summaryContents, false) && !panelForMobileApprove.isSubCollapse &&
-                                panelForMobileApprove.showType && panelForMobileApprove.showType == "summary") {
-                                if (panelForMobileApprove.isShowBottomDetailPanel) {
-                                    panelForMobileApprove.contents = panelForMobileApprove.summaryContents;
-                                    const childDetailHtml = this.generatePanelForMobileContentHtml(panelForMobileApprove, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-                                    childDetailTemplate.push(new child_detail_template_1.ChildDetailTemplate(bindTo, childDetailHtml));
-                                    panelForMobileApprove.contents = [];
-                                }
-                                else {
-                                    html = "";
-                                }
-                            }
-                        }
-                        const panelListRemarkHtml = panelForMobileApprove.remarkHtml;
-                        const isShowBottomDetailPanel = panelForMobileApprove.isShowBottomDetailPanel ? true : false;
-                        const isAttachment = panelForMobileApprove.type == "AttachmentPanelForMobileApprove";
-                        const maxRowCount = panelForMobileApprove.maxRowCount || 0;
-                        const maxFieldCount = panelForMobileApprove.maxFieldCount || 0;
-                        if (!isAttachment) {
-                            const firstSection = `
-{{? model.formData.${bindTo} && model.formData.${bindTo}.length > 0}}
-<div id="${bindTo}" data-max-row-count="${maxRowCount}" data-max-field-count="${maxFieldCount}" class="fm-apply-panel-list" data-enableCompleteInfo="${isShowBottomDetailPanel}" data-sourceCompleteInfo="${bindTo}" data-enableindeppanelcollaspe="${panelForMobileApprove.isSubCollapse ? true : false}" data-isindeppaneldefaultcollaspe="${panelForMobileApprove.isSubDefaultCollapse ? true : false}">
-<div class="panel-list--header">
-    ${this.generateHeader(panelForMobileApprove)}
-</div>
-${panelListRemarkHtml ? panelListRemarkHtml : ''}
-${this.getChildSummaryTemplate(panelForMobileApprove, bindTo)}
-	${html !== `<div class="fm-apply-list"></div>` ?
-                                `<div class="fm-apply-panel">
-	{{~model.formData.${bindTo} :itemData:itemIndex}}` : ""}
-`;
-                            let lastSection = `
-							${html !== `<div class="fm-apply-list"></div>` ? `
-{{~}}
-							</div>` : ""}
-</div>
-{{?}}
-`;
-                            html = firstSection + html + lastSection;
-                        }
-                    }
-                    else {
-                        if (componentRefEntity && toolhepler_1.ToolHelper.isArray(componentRefEntity.contents, false)) {
-                            if (componentRefEntity.contents[0].isSubCollapse) {
-                                options.isSubCollapse = true;
-                            }
-                            if (componentRefEntity.contents[0].isSubDefaultCollapse == false) {
-                                options.isSubDefaultCollapse = false;
-                            }
-                            if (componentRefEntity.contents[0].isMainCollapse == true) {
-                                options.isMainCollapse = true;
-                            }
-                            if (componentRefEntity.contents[0].isMainDefaultCollapse == true) {
-                                options.isMainDefaultCollapse = true;
-                            }
-                        }
-                    }
-                }
-                else {
-                    logger_1.LoggerHelper.log(`can not find component , the id: ${value.component}`, logger_1.LoggerLevel.Warning);
-                }
-            }
-            else {
-                if (className == "FlowProcessForMobileApprove") {
-                    if (value.visible.value) {
-                        html = this.processInstanceConstant();
-                    }
-                    else {
-                        html = "";
-                    }
-                }
-                else if (className == "DetailHeaderForMobileApprove" && value.visible && value.visible.value == false) {
-                    html = "";
-                }
-                else {
-                    if (parentIsFrameComponent) {
-                        value["parentIsFrameComponent"] = true;
-                    }
-                    html = this.domGenerator.generate({
-                        templatePath: mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className].template,
-                        uiDom: value
-                    });
-                }
-            }
-            if (className == "Component" && value && value.componentType == "Frame") {
-                parentIsFrameComponent = true;
-            }
-            else {
-                parentIsFrameComponent = false;
-            }
-            let subHtml;
-            if (value.contents && value.contents.length) {
-                subHtml = this.recursiveAssembleTemplate(null, value.contents, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-            }
-            if (subHtml && subHtml.length > 0) {
-                html = toolhepler_1.ToolHelper.replaceString(html, "{{content}}", subHtml);
-            }
-            else {
-                if (!subHtml) {
-                    subHtml = "";
-                }
-                if (html && html.indexOf("{{content}}") >= 0) {
-                    html = toolhepler_1.ToolHelper.replaceString(html, "{{content}}", subHtml);
-                }
-            }
-            return html;
-        }
-        else {
-            if (className != "TabToolbarItem" && className != "ModalContainer" && className != "TabToolbar") {
-                logger_1.LoggerHelper.log(`unknown ui template type,the type is :${className}`, logger_1.LoggerLevel.Warning);
-            }
-        }
-        return "";
-    }
-    _getTablePrimaryFieldByBindTo(entities, bindTo) {
-        if (!entities || entities.length === 0) {
-            return;
-        }
-        const splitIndex = bindTo.indexOf('/');
-        if (splitIndex > -1) {
-            bindTo = bindTo.slice(splitIndex + 1, bindTo.length);
-        }
-        for (const entity of entities) {
-            const entityType = entity.type;
-            if (!entityType) {
-                return "";
-            }
-            if (bindTo === '' || bindTo === entity.code || bindTo === entity.label) {
-                return entityType.primary;
-            }
-            if (entityType.entities && entityType.entities.length > 0) {
-                const fields = this._getTablePrimaryFieldByBindTo(entityType.entities, bindTo);
-                if (fields) {
-                    return fields;
-                }
-            }
-        }
-    }
-    generatePanelForMobileContentHtml(panelForMobile, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
-        let generateString = "";
-        if (!panelForMobile) {
-            return generateString;
-        }
-        generateString = this.recursiveAssembleTemplate(null, panelForMobile.contents, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
-        return generateString;
-    }
-    generateHeader(panelForMobileApprove) {
-        const panelListTitle = panelForMobileApprove.title;
-        const panelListHeaderHtml = panelForMobileApprove.headerHtml ? panelForMobileApprove.headerHtml : '';
-        if (panelListHeaderHtml) {
-            return panelListHeaderHtml;
-        }
-        else {
-            return `<h5 class="panel-list--header-title  header-title--with-icon">
-            ${this.generateHeaderIcon(panelForMobileApprove)}
-                                                ${panelListTitle ? panelListTitle : ""}</h5>`;
-        }
-    }
-    generateHeaderIcon(panelForMobileApprove) {
-        if (!panelForMobileApprove.headerIcon) {
-            return "";
-        }
-        const generateString = `    <span class="img-round--wrapper ${(panelForMobileApprove.headerIcon && panelForMobileApprove.headerIcon.color) ? ("fm-bg-icon-" + panelForMobileApprove.headerIcon.color) : ""}">
-    <i  class="fm-icon ${(panelForMobileApprove.headerIcon && panelForMobileApprove.headerIcon.icon) ? ("fm-icon-" + panelForMobileApprove.headerIcon.icon) : ""}"></i></span>`;
-        return generateString;
-    }
-    generateStaticTextForMobile(variable) {
-        const staticTextString = `
-        <div class=variable.panelCollapseVisible?"fm-apply-list-item fm-state-visible":"fm-apply-list-item">
-            <div class="fm-apply-list-item-label">
-                ${variable.title}
-            </div>
-${this.generateBindingModelName(variable)}
-
-        </div>
-        `;
-        return staticTextString;
-    }
-    generateBindingModelName(variable) {
-        let generateString = "";
-        if (variable.highlight) {
-            generateString += `
-            <div class="fm-apply-list-item-text fm-text-warning fm-weight">`;
-        }
-        else {
-            generateString += `
-            <div class="fm-apply-list-item-text ">`;
-        }
-        generateString += `{{=${variable.bindingModelName}}}`;
-        generateString += "</div>";
-        return generateString;
-    }
-    processInstanceConstant() {
-        return `
-    <!--流程日志 BEGIN-->
-    <div class="fm-approve-flow-wrapper">
-        {{~model.approvalLogsData :approvalLogGroup:approvalLogGroupIndex}}
-        <div class="fm-approve-flow-item {{? approvalLogGroup.isDone }} fm-approve-flow-item-approved {{?}}">
-            <div class="fm-approve-flow-item-header">
-                <div class="fm-approve-flow-item-header-inner">
-                    <div class="fm-approve-flow-item-header-icon"><span class="fm-icon header-icon"></span></div>
-                    <div class="fm-approve-flow-item-header-content">{{=approvalLogGroup.title}}</div>
-                </div>
-                <div class="fm-approve-flow-item-header-state">{{=approvalLogGroup.state}}</div>
-            </div>
-            {{~approvalLogGroup.approvalLogs :approvalLog:approvalLogIndex}}
-            <div class="fm-approve-flow-item-content">
-                <div class="fm-approve-flow-item-main">
-                    <div class="fm-approve-flow-item-main-avatar">
-                        <div class="fm-round-bg">
-                            <span class="fm-round-bg-text">{{=format(bind(approvalLog, 'participantName'), {type: 'avatar'})}}</span>
-                        </div>
-                        <span class="fm-approve-flow-item-main-avatar-icon avatar-icon fm-icon "></span>
-                    </div>
-                    <div class="fm-approve-flow-item-main-text">
-                        <div class="fm-approve-flow-item-main-text-title">{{=bind(approvalLog, 'participantName')}}</div>
-                        <div class="fm-approve-flow-item-main-text-subtitle">{{=bind(approvalLog, 'message')}}</div>
-                    </div>
-                </div>
-                <div class="fm-approve-flow-item-date">
-                    {{=format(bind(approvalLog, 'operatorTime'), {type:'date', dateFormat:'MM/dd HH:mm'})}}
-                </div>
-            </div>
-            {{~}}
-        </div>
-        {{~}}
-    </div>
-    <!--流程日志 END-->`;
-    }
-}
-exports.RecursiveGenerateMobileApprove = RecursiveGenerateMobileApprove;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecursiveGenerateMobileApprove = void 0;
+const toolhepler_1 = require("../toolhepler");
+const mobile_approve_templateconfig_1 = require("./template-generator/mobile-approve-templateconfig");
+const logger_1 = require("../logger");
+const dom_generator_1 = require("./generator/dom-generator");
+const directory_file_helper_1 = require("../directory-file-helper");
+const template_generator_1 = require("./template-generator");
+const child_detail_template_1 = require("./entity/child-detail-template");
+const child_table_primary_relation_1 = require("./entity/child-table-primary-relation");
+class RecursiveGenerateMobileApprove {
+    constructor() {
+        this.domGenerator = new dom_generator_1.DomGenerator();
+    }
+    recursiveGenerateDevkit(generateParam) {
+        return this.recursiveGenerateDevkitObject({
+            obj: generateParam.obj,
+            publishPath: generateParam.publishPath,
+            frm_code: generateParam.frm_code,
+            moduleCode: generateParam.moduleCode,
+            metaDataConfig: generateParam.metaDataConfig,
+            currentModuleJson: generateParam.currentModuleJson,
+            options: generateParam.options,
+            childDetailTemplate: generateParam.childDetailTemplate,
+            childTablePrimary: generateParam.childTablePrimary,
+            parentIsFrameComponent: generateParam.parentIsFrameComponent
+        });
+    }
+    recursiveGenerateDevkitObject(devkitParam) {
+        if (this.canRecursiveDevkitObject(devkitParam.obj) == false) {
+            return;
+        }
+        Object.keys(devkitParam.obj).forEach(key => {
+            if (devkitParam.obj[key]) {
+                if (toolhepler_1.ToolHelper.isArray(devkitParam.obj[key], true) === true) {
+                    devkitParam.obj[key].forEach((item) => {
+                        return this.generateHtmlOrDevkitWithSpecialValue({
+                            value: item,
+                            publishPath: devkitParam.publishPath,
+                            frm_code: devkitParam.frm_code,
+                            moduleCode: devkitParam.moduleCode,
+                            metaDataConfig: devkitParam.metaDataConfig,
+                            currentModuleJson: devkitParam.currentModuleJson,
+                            options: devkitParam.options,
+                            childDetailTemplate: devkitParam.childDetailTemplate,
+                            childTablePrimary: devkitParam.childTablePrimary,
+                            parentIsFrameComponent: devkitParam.parentIsFrameComponent
+                        });
+                    });
+                }
+                else {
+                    return this.generateHtmlOrDevkitWithSpecialValue({
+                        value: devkitParam.obj[key],
+                        publishPath: devkitParam.publishPath,
+                        frm_code: devkitParam.frm_code,
+                        moduleCode: devkitParam.moduleCode,
+                        metaDataConfig: devkitParam.metaDataConfig,
+                        currentModuleJson: devkitParam.currentModuleJson,
+                        options: devkitParam.options,
+                        childDetailTemplate: devkitParam.childDetailTemplate,
+                        childTablePrimary: devkitParam.childTablePrimary,
+                        parentIsFrameComponent: devkitParam.parentIsFrameComponent
+                    });
+                }
+            }
+        });
+    }
+    canRecursiveDevkitObject(obj) {
+        return obj && typeof obj !== "string";
+    }
+    generateHtmlOrDevkitWithSpecialValue(generateParam) {
+        const className = toolhepler_1.ToolHelper.getClassName(generateParam.value);
+        if (mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className]) {
+            if (className == "Component" && generateParam.value.componentType == "Frame") {
+                let componentHtml = this.generateComponentHtml(generateParam);
+                componentHtml = componentHtml.replace("{{isSubCollapse}}", generateParam.options.isSubCollapse);
+                componentHtml = componentHtml.replace("{{isSubDefaultCollapse}}", generateParam.options.isSubDefaultCollapse);
+                componentHtml = componentHtml.replace("{{isMainCollapse}}", generateParam.options.isMainCollapse);
+                componentHtml = componentHtml.replace("{{isMainDefaultCollapse}}", generateParam.options.isMainDefaultCollapse);
+                const indexHtml = template_generator_1.TemplateGeneratorManager.generate({
+                    "type": "IndexHtml", "content": componentHtml, "module": generateParam.currentModuleJson,
+                    "isSubDefaultCollapse": generateParam.options.isSubDefaultCollapse,
+                    "childDetailTemplate": generateParam.childDetailTemplate,
+                    "childTablePrimary": generateParam.childTablePrimary,
+                    "afterLoadData": generateParam.value.afterLoadData,
+                    "afterPageShow": generateParam.value.afterPageShow
+                }, generateParam.metaDataConfig);
+                directory_file_helper_1.DirectoryFileHelper.createFile(generateParam.metaDataConfig.publishPath, generateParam.metaDataConfig.mobileApproveFormCode.toLowerCase() + ".js", indexHtml);
+                return componentHtml;
+            }
+        }
+        if (generateParam.value && typeof generateParam.value === 'object') {
+            return this.recursiveGenerateDevkit({
+                obj: generateParam.value,
+                publishPath: generateParam.publishPath,
+                frm_code: generateParam.frm_code,
+                moduleCode: generateParam.moduleCode,
+                metaDataConfig: generateParam.metaDataConfig,
+                currentModuleJson: generateParam.currentModuleJson,
+                options: generateParam.options,
+                childDetailTemplate: generateParam.childDetailTemplate,
+                childTablePrimary: generateParam.childTablePrimary,
+                parentIsFrameComponent: generateParam.parentIsFrameComponent
+            });
+        }
+    }
+    generateComponentHtml(generateParam) {
+        const html = this.recursiveAssembleTemplate(generateParam.value, null, generateParam.currentModuleJson, generateParam.metaDataConfig, generateParam.options, generateParam.childDetailTemplate, generateParam.childTablePrimary, generateParam.parentIsFrameComponent);
+        return html;
+    }
+    recursiveAssembleTemplate(obj, children, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
+        if (children && children.length) {
+            let htmlStr = '';
+            children.forEach((item) => {
+                const html = this.generateHtmlWithTemplate(item, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+                if (html && html.length > 0) {
+                    htmlStr += html;
+                }
+            });
+            return htmlStr;
+        }
+        else {
+            if (toolhepler_1.ToolHelper.isArray(obj, true)) {
+                let htmlStr = '';
+                obj.forEach((item) => {
+                    const html = this.generateHtmlWithTemplate(item, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+                    if (html && html.length > 0) {
+                        htmlStr += html;
+                    }
+                });
+                return htmlStr;
+            }
+            else {
+                const html = this.generateHtmlWithTemplate(obj, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+                return html;
+            }
+        }
+    }
+    getChildSummaryTemplate(panelForMobileApprove, bindTo) {
+        let generateString = "";
+        if (panelForMobileApprove.showType && panelForMobileApprove.showType == "summary") {
+            const summaryClass = (panelForMobileApprove.summaryTemplate && panelForMobileApprove.summaryTemplate.customClass) ? panelForMobileApprove.summaryTemplate.customClass : "";
+            generateString += `
+            <div class= "fm-apply-panel ${summaryClass}">
+{{~model.formData.${bindTo} :itemData:itemIndex}}
+<div class= "fm-apply-list" data-dataIDCompleteInfo="{{=format(bind(itemData,window.getTablePrimaryByTableName('${bindTo}')),{})}}" data-dataIDPrimaryKey="{{=window.getTablePrimaryByTableName('${bindTo}')}}">
+${panelForMobileApprove.summaryTemplateHtml}
+</div>
+{{~}}
+
+</div>
+
+
+            `;
+        }
+        return generateString;
+    }
+    generateHtmlWithTemplate(value, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
+        let className = toolhepler_1.ToolHelper.getClassName(value);
+        if (mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className] || className == "ComponentRef") {
+            let html;
+            if (className == "ComponentRef") {
+                const componentRefEntity = currentModuleJson.components.find((item) => {
+                    return item.id == value.component;
+                });
+                if (componentRefEntity) {
+                    const isDetail = !!value.isDetail;
+                    const bindTo = value.bindTo;
+                    componentRefEntity.setIsDetail(isDetail);
+                    value.componentDevkit = componentRefEntity;
+                    className = "Component";
+                    value = componentRefEntity;
+                    html = this.generateComponentHtml({
+                        value: componentRefEntity,
+                        metaDataConfig: metaDataConfig,
+                        currentModuleJson: currentModuleJson,
+                        "frm_code": "",
+                        "moduleCode": "",
+                        "publishPath": "",
+                        options,
+                        childDetailTemplate,
+                        childTablePrimary,
+                        parentIsFrameComponent
+                    });
+                    if (isDetail) {
+                        const selectedEntityTablePrimary = this._getTablePrimaryFieldByBindTo(currentModuleJson.schemas[0].entities, bindTo);
+                        if (selectedEntityTablePrimary) {
+                            const childTablePrimaryRelation = new child_table_primary_relation_1.ChildTablePrimaryRelation();
+                            childTablePrimaryRelation.primary = selectedEntityTablePrimary;
+                            childTablePrimaryRelation.tableName = bindTo;
+                            childTablePrimary.push(childTablePrimaryRelation);
+                        }
+                        const panelForMobileApprove = componentRefEntity.contents[0];
+                        if (panelForMobileApprove) {
+                            if (toolhepler_1.ToolHelper.isArray(panelForMobileApprove.contents, false)) {
+                                const childDetailHtml = this.generatePanelForMobileContentHtml(panelForMobileApprove, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+                                childDetailTemplate.push(new child_detail_template_1.ChildDetailTemplate(bindTo, childDetailHtml));
+                            }
+                            else if (toolhepler_1.ToolHelper.isArray(panelForMobileApprove.summaryContents, false) && !panelForMobileApprove.isSubCollapse &&
+                                panelForMobileApprove.showType && panelForMobileApprove.showType == "summary") {
+                                if (panelForMobileApprove.isShowBottomDetailPanel) {
+                                    panelForMobileApprove.contents = panelForMobileApprove.summaryContents;
+                                    const childDetailHtml = this.generatePanelForMobileContentHtml(panelForMobileApprove, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+                                    childDetailTemplate.push(new child_detail_template_1.ChildDetailTemplate(bindTo, childDetailHtml));
+                                    panelForMobileApprove.contents = [];
+                                }
+                                else {
+                                    html = "";
+                                }
+                            }
+                        }
+                        const panelListRemarkHtml = panelForMobileApprove.remarkHtml;
+                        const isShowBottomDetailPanel = panelForMobileApprove.isShowBottomDetailPanel ? true : false;
+                        const isAttachment = panelForMobileApprove.type == "AttachmentPanelForMobileApprove";
+                        const maxRowCount = panelForMobileApprove.maxRowCount || 0;
+                        const maxFieldCount = panelForMobileApprove.maxFieldCount || 0;
+                        if (!isAttachment) {
+                            const firstSection = `
+{{? model.formData.${bindTo} && model.formData.${bindTo}.length > 0}}
+<div id="${bindTo}" data-max-row-count="${maxRowCount}" data-max-field-count="${maxFieldCount}" class="fm-apply-panel-list" data-enableCompleteInfo="${isShowBottomDetailPanel}" data-sourceCompleteInfo="${bindTo}" data-enableindeppanelcollaspe="${panelForMobileApprove.isSubCollapse ? true : false}" data-isindeppaneldefaultcollaspe="${panelForMobileApprove.isSubDefaultCollapse ? true : false}">
+${this.generateHeader(panelForMobileApprove)}
+${panelListRemarkHtml ? panelListRemarkHtml : ''}
+${this.getChildSummaryTemplate(panelForMobileApprove, bindTo)}
+	${html !== `<div class="fm-apply-list"></div>` ?
+                                `<div class="fm-apply-panel">
+	{{~model.formData.${bindTo} :itemData:itemIndex}}` : ""}
+`;
+                            let lastSection = `
+							${html !== `<div class="fm-apply-list"></div>` ? `
+{{~}}
+							</div>` : ""}
+</div>
+{{?}}
+`;
+                            html = firstSection + html + lastSection;
+                        }
+                    }
+                    else {
+                        if (componentRefEntity && toolhepler_1.ToolHelper.isArray(componentRefEntity.contents, false)) {
+                            if (componentRefEntity.contents[0].isSubCollapse) {
+                                options.isSubCollapse = true;
+                            }
+                            if (componentRefEntity.contents[0].isSubDefaultCollapse == false) {
+                                options.isSubDefaultCollapse = false;
+                            }
+                            if (componentRefEntity.contents[0].isMainCollapse == true) {
+                                options.isMainCollapse = true;
+                            }
+                            if (componentRefEntity.contents[0].isMainDefaultCollapse == true) {
+                                options.isMainDefaultCollapse = true;
+                            }
+                        }
+                    }
+                }
+                else {
+                    logger_1.LoggerHelper.log(`can not find component , the id: ${value.component}`, logger_1.LoggerLevel.Warning);
+                }
+            }
+            else {
+                if (className == "FlowProcessForMobileApprove") {
+                    if (value.visible.value) {
+                        html = this.processInstanceConstant(value);
+                    }
+                    else {
+                        html = "";
+                    }
+                }
+                else if (className == "DetailHeaderForMobileApprove" && value.visible && value.visible.value == false) {
+                    html = "";
+                }
+                else {
+                    if (parentIsFrameComponent) {
+                        value["parentIsFrameComponent"] = true;
+                    }
+                    html = this.domGenerator.generate({
+                        templatePath: mobile_approve_templateconfig_1.mobileApproveTemplateConfig[className].template,
+                        uiDom: value
+                    });
+                }
+            }
+            if (className == "Component" && value && value.componentType == "Frame") {
+                parentIsFrameComponent = true;
+            }
+            else {
+                parentIsFrameComponent = false;
+            }
+            let subHtml;
+            if (value.contents && value.contents.length) {
+                subHtml = this.recursiveAssembleTemplate(null, value.contents, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+            }
+            if (subHtml && subHtml.length > 0) {
+                html = toolhepler_1.ToolHelper.replaceString(html, "{{content}}", subHtml);
+            }
+            else {
+                if (!subHtml) {
+                    subHtml = "";
+                }
+                if (html && html.indexOf("{{content}}") >= 0) {
+                    html = toolhepler_1.ToolHelper.replaceString(html, "{{content}}", subHtml);
+                }
+            }
+            return html;
+        }
+        else {
+            if (className != "TabToolbarItem" && className != "ModalContainer" && className != "TabToolbar") {
+                logger_1.LoggerHelper.log(`unknown ui template type,the type is :${className}`, logger_1.LoggerLevel.Warning);
+            }
+        }
+        return "";
+    }
+    _getTablePrimaryFieldByBindTo(entities, bindTo) {
+        if (!entities || entities.length === 0) {
+            return;
+        }
+        const splitIndex = bindTo.indexOf('/');
+        if (splitIndex > -1) {
+            bindTo = bindTo.slice(splitIndex + 1, bindTo.length);
+        }
+        for (const entity of entities) {
+            const entityType = entity.type;
+            if (!entityType) {
+                return "";
+            }
+            if (bindTo === '' || bindTo === entity.code || bindTo === entity.label) {
+                return entityType.primary;
+            }
+            if (entityType.entities && entityType.entities.length > 0) {
+                const fields = this._getTablePrimaryFieldByBindTo(entityType.entities, bindTo);
+                if (fields) {
+                    return fields;
+                }
+            }
+        }
+    }
+    generatePanelForMobileContentHtml(panelForMobile, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent) {
+        let generateString = "";
+        if (!panelForMobile) {
+            return generateString;
+        }
+        generateString = this.recursiveAssembleTemplate(null, panelForMobile.contents, currentModuleJson, metaDataConfig, options, childDetailTemplate, childTablePrimary, parentIsFrameComponent);
+        return generateString;
+    }
+    generateHeader(panelForMobileApprove) {
+        const showPresetTitle = panelForMobileApprove.showPresetTitle;
+        if (showPresetTitle) {
+            return this.generatePresetHeader(panelForMobileApprove);
+        }
+        else {
+            const panelListTitle = panelForMobileApprove.title;
+            const panelListHeaderHtml = panelForMobileApprove.headerHtml ? panelForMobileApprove.headerHtml : '';
+            const headerHtml = `<h5 class="panel-list--header-title  header-title--with-icon">${this.generateHeaderIcon(panelForMobileApprove)}${panelListTitle ? panelListTitle : ""}</h5>`;
+            return `<div class="panel-list--header">
+                ${panelListHeaderHtml ? panelListHeaderHtml : headerHtml}
+            </div>`;
+        }
+    }
+    generatePresetHeader(panelForMobileApprove) {
+        const panelListTitle = panelForMobileApprove.title;
+        return `<div class="panel-list--header"><h5 class="panel-list--header-title header-title--with-icon"> <i class="fm-icon fm-icon-triangle"></i><span class="header-title-text">${panelListTitle}</span></h5></div>`;
+    }
+    generateHeaderIcon(panelForMobileApprove) {
+        if (!panelForMobileApprove.headerIcon) {
+            return "";
+        }
+        const generateString = `    <span class="img-round--wrapper ${(panelForMobileApprove.headerIcon && panelForMobileApprove.headerIcon.color) ? ("fm-bg-icon-" + panelForMobileApprove.headerIcon.color) : ""}">
+    <i  class="fm-icon ${(panelForMobileApprove.headerIcon && panelForMobileApprove.headerIcon.icon) ? ("fm-icon-" + panelForMobileApprove.headerIcon.icon) : ""}"></i></span>`;
+        return generateString;
+    }
+    generateStaticTextForMobile(variable) {
+        const staticTextString = `
+        <div class=variable.panelCollapseVisible?"fm-apply-list-item fm-state-visible":"fm-apply-list-item">
+            <div class="fm-apply-list-item-label">
+                ${variable.title}
+            </div>
+${this.generateBindingModelName(variable)}
+
+        </div>
+        `;
+        return staticTextString;
+    }
+    generateBindingModelName(variable) {
+        let generateString = "";
+        if (variable.highlight) {
+            generateString += `
+            <div class="fm-apply-list-item-text fm-text-warning fm-weight">`;
+        }
+        else {
+            generateString += `
+            <div class="fm-apply-list-item-text ">`;
+        }
+        generateString += `{{=${variable.bindingModelName}}}`;
+        generateString += "</div>";
+        return generateString;
+    }
+    processInstanceConstant(value) {
+        let headerHtml = '';
+        if (value.showPresetTitle) {
+            headerHtml = `<div class="fm-apply-panel-list">${this.generatePresetHeader(value)}</div>`;
+        }
+        return `
+    <!--流程日志 BEGIN-->
+    <div class="fm-approve-flow-container">
+        ${headerHtml}
+        <div class="fm-approve-flow-wrapper">
+            {{~model.approvalLogsData :approvalLogGroup:approvalLogGroupIndex}}
+            <div class="fm-approve-flow-item {{? approvalLogGroup.isDone }} fm-approve-flow-item-approved {{?}}">
+                <div class="fm-approve-flow-item-header">
+                    <div class="fm-approve-flow-item-header-inner">
+                        <div class="fm-approve-flow-item-header-icon"><span class="fm-icon header-icon"></span></div>
+                        <div class="fm-approve-flow-item-header-content">{{=approvalLogGroup.title}}</div>
+                    </div>
+                    <div class="fm-approve-flow-item-header-state">{{=approvalLogGroup.state}}</div>
+                </div>
+                {{~approvalLogGroup.approvalLogs :approvalLog:approvalLogIndex}}
+                <div class="fm-approve-flow-item-content">
+                    <div class="fm-approve-flow-item-main">
+                        <div class="fm-approve-flow-item-main-avatar">
+                            <div class="fm-round-bg">
+                                <span class="fm-round-bg-text">{{=format(bind(approvalLog, 'participantName'), {type: 'avatar'})}}</span>
+                            </div>
+                            <span class="fm-approve-flow-item-main-avatar-icon avatar-icon fm-icon "></span>
+                        </div>
+                        <div class="fm-approve-flow-item-main-text">
+                            <div class="fm-approve-flow-item-main-text-title">{{=bind(approvalLog, 'participantName')}}</div>
+                            <div class="fm-approve-flow-item-main-text-subtitle">{{=bind(approvalLog, 'message')}}</div>
+                        </div>
+                    </div>
+                    <div class="fm-approve-flow-item-date">
+                        {{=format(bind(approvalLog, 'operatorTime'), {type:'date', dateFormat:'MM/dd HH:mm'})}}
+                    </div>
+                </div>
+                {{~}}
+            </div>
+            {{~}}
+        </div>
+    </div>
+    <!--流程日志 END-->`;
+    }
+}
+exports.RecursiveGenerateMobileApprove = RecursiveGenerateMobileApprove;
 //# sourceMappingURL=recuresive-generate-mobileapprove.js.map