@farris/jit-engine 1.4.10 → 1.4.12

package/lib/utility/mobile-approve/template-generator/index-html-generator.js

@@ -1,583 +1,586 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndexHtmlGenerator = void 0;
-const abstract_template_generator_1 = require("./abstract-template-generator");
-const toolhepler_1 = require("../../toolhepler");
-class IndexHtmlGenerator extends abstract_template_generator_1.AbstractTemplateGenerator {
-    generate(variable) {
-        const processInstanceParameter = this.generateFormConfigParameter(variable.module);
-        let isSubDefaultCollapse = toolhepler_1.ToolHelper.isNullOrUndefined(variable.isSubDefaultCollapse) ? true : variable.isSubDefaultCollapse;
-        const childDetailTemplate = variable.childDetailTemplate;
-        const childTablePrimary = variable.childTablePrimary;
-        isSubDefaultCollapse = !isSubDefaultCollapse;
-        let afterLoadData = "undefined";
-        if (variable.afterLoadData) {
-            afterLoadData = `${variable.afterLoadData}`;
-        }
-        let generateString = `
-window.getMobileApprovalFormConfig = function() {
-    return {
-        ${processInstanceParameter ? processInstanceParameter : ""}
-    };
-}
-
-window.getAfterLoadDataFunc =function(context) { 
-    ${afterLoadData}
-}
-
-window.getMobileApprovalFormTemplate = function() {
-    return \`
-    ${variable.content}
-    \`;
-}
-
-window.registerCollapseHandler = function (id,modelData) {
-    var $ParentEl;
-    if (id) {
-        $ParentEl = document.getElementById(id);
-    } else {
-        $ParentEl = document.getElementsByClassName("fm-page-approveformat")[0];
-    }
-    // 主表数据面板
-    var $MainGridPanelEl;
-    // 收起主表的収折条
-    var $CollapseMainAreaEl;
-    // 主表绑定
-    defineGridCollapseBinds(addMainCollapseAreaFunc, bindMainCollapseEventsFunc);
-    // 只有在未启用整体子表収折的时候，才启用子表独立収折
-    defindIsIndepPanelCollaspe();
-    // 分组支持収折
-    mainGridGroupFunc();
-
-    // 是否启用子表点击查看详情页
-    subGridPanelCompleteInfo();
-
-    function defineGridCollapseBinds(addCollapseAreaFunc, bindEventsFunc) {
-        var collapseId = "collapseMainArea";
-        collapsePanelCls = ".fm-apply-main";
-        collapseAttr = "data-enableMainCollapse";
-        defaultCollapseAttr = "data-isMainDefaultCollapse";
-        // 是否已生成过
-        if ($ParentEl.querySelector(collapseId)) {
-            return;
-        }
-        // 数据面板
-        var $GridPanelEl = $ParentEl.querySelector(collapsePanelCls);
-        // 不存在数据
-        if (!$GridPanelEl || !$GridPanelEl.querySelector('.fm-apply-panel-list')) {
-            return;
-        }
-        if (!$ParentEl.attributes.getNamedItem(collapseAttr) || $ParentEl.getAttribute(collapseAttr) + "" == "false") {
-            return;
-        }
-        $MainGridPanelEl = $GridPanelEl;
-        // 个性设置
-        if (addCollapseAreaFunc) {
-            addCollapseAreaFunc();
-        }
-        // 有设定
-        if ($ParentEl.attributes.getNamedItem(collapseAttr) && $ParentEl.getAttribute(defaultCollapseAttr) + "" == "true") {
-            // 初始收起
-            collapseOrExpand(false);
-        } else {
-            // 初始展开
-            collapseOrExpand(true);
-        }
-        if (bindEventsFunc) {
-            bindEventsFunc();
-        }
-    }
-
-    // 定义主表収折
-    function addMainCollapseAreaFunc() {
-        $CollapseMainAreaEl = document.createElement("div");
-        $CollapseMainAreaEl.id = "collapseMainArea";
-        $CollapseMainAreaEl.className = "fm-apply-collapse-only-icon fm-state-expand";
-        var expandHTMLTex = ' <span class="fm-icon fm-icon-arrow-chevron-down collapse--icon"></span>';
-        $CollapseMainAreaEl.innerHTML = expandHTMLTex;
-        $MainGridPanelEl.appendChild($CollapseMainAreaEl);
-    }
-    function bindMainCollapseEventsFunc() {
-        // 绑定事件
-        $CollapseMainAreaEl.addEventListener('click', function () {
-            if (this.className.indexOf('fm-state-collaps') > -1) {
-                collapseOrExpand(true);
-            } else {
-                collapseOrExpand(false);
-            }
-        }, false);
-    }
-
-    // 定义面板独立収折
-    function addIndepPanelCollapseAreaFunc(parentNodeEl) {
-        var $panelList=parentNodeEl.querySelectorAll('.fm-apply-panel');
-        if ($panelList.length<2) {
-            return;
-        }
-        $panelList[0].classList.add("fm-panel-collapse--summary");
-        $panelList[1].classList.add("fm-panel-collapse--detail");
-        var $indepCollapseAreaEl = document.createElement("div");
-        $indepCollapseAreaEl.className = "panel-list--footer details-grid-collapse-area";
-        var expandHTMLText = ' <span class="collapse-text fm-state-collapse">查看明细信息</span>';
-        expandHTMLText += '<span class="collapse-text fm-state-expand">收起明细信息</span>';
-        $indepCollapseAreaEl.innerHTML = expandHTMLText;
-        parentNodeEl.appendChild($indepCollapseAreaEl);
-        // 初始化状态
-        if (parentNodeEl.getAttribute('data-isIndepPanelDefaultCollaspe') + "" == "true") {
-            GroupCollapseOrExpand(false, parentNodeEl);
-        } else {
-            GroupCollapseOrExpand(true, parentNodeEl);
-        }
-        // 绑定事件
-        $indepCollapseAreaEl.addEventListener('click', function () {
-            var $GroupNode = this.parentNode;
-            if ($GroupNode.className.indexOf('fm-state-collaps') > -1) {
-                GroupCollapseOrExpand(true, $GroupNode);
-            } else {
-                GroupCollapseOrExpand(false, $GroupNode);
-            }
-        }, false);
-    }
-
-    //收起展开
-    function collapseOrExpand(expand) {
-        var $CollapsePanel = $MainGridPanelEl;
-        $CollapseArea = $CollapseMainAreaEl;
-        // 主表未启用収折
-        if (!$CollapseArea) {
-            return;
-        }
-        if (expand) {
-            $CollapsePanel.classList.remove("fm-state-collapse");
-            $CollapseArea.classList.remove("fm-state-collapse");
-            $CollapseArea.classList.add("fm-state-expand");
-            $CollapsePanel.classList.add("fm-state-expand");
-        } else {
-            $CollapsePanel.classList.remove("fm-state-expand");
-            $CollapseArea.classList.remove("fm-state-expand");
-            $CollapseArea.classList.add("fm-state-collapse");
-            $CollapsePanel.classList.add("fm-state-collapse");
-        }
-    }
-    // 定义主表分组収折
-    function mainGridGroupFunc() {
-        var collapsePanelCls = ".fm-apply-main";
-        var enableCollapseAttr = "data-enableGroupCollapse";
-        var isDefaultCollapsAttr = "data-isDefaultGroupCollapse";
-        // 数据面板
-        var $GridPanelEl = $ParentEl.querySelector(collapsePanelCls);
-        // 不存在数据
-        if (!$GridPanelEl || !$GridPanelEl.querySelector('.fm-apply-panel-list')) {
-            return;
-        }
-        // 存在启用了収折的分组
-        var $FieldSetGroups = $GridPanelEl.querySelectorAll('.fm-panel-list-items-group');
-        if ($FieldSetGroups.length == 0) {
-            return;
-        }
-        // 绑定事件
-        for (var k = 0; k < $FieldSetGroups.length; k++) {
-            // 当前是否启用
-            if ($FieldSetGroups[k].attributes.getNamedItem(enableCollapseAttr) && $FieldSetGroups[k].getAttribute(enableCollapseAttr) + "" == "true") {
-                var $GroupHeader = $FieldSetGroups[k].querySelector('.items-group--legend');
-                if ($GroupHeader) {
-                    // 启用
-                    $FieldSetGroups[k].classList.add("items-group--enable-collapse");
-                    // 默认状态
-                    if ($FieldSetGroups[k].getAttribute(isDefaultCollapsAttr) + "" == "true") {
-                        //收起
-                        GroupCollapseOrExpand(false, $FieldSetGroups[k]);
-                    } else {
-                        // 展开
-                        GroupCollapseOrExpand(true, $FieldSetGroups[k]);
-                    }
-                    // 绑定事件
-                    $GroupHeader.addEventListener('click', function () {
-                        var $GroupNode = this.parentNode;
-                        if ($GroupNode.className.indexOf('fm-state-collaps') > -1) {
-                            GroupCollapseOrExpand(true, $GroupNode);
-                        } else {
-                            GroupCollapseOrExpand(false, $GroupNode);
-                        }
-                    }, false);
-                }
-
-            }
-
-        }
-    }
-    function GroupCollapseOrExpand(expand, groupNode) {
-        if (expand) {
-            groupNode.classList.remove("fm-state-collapse");
-            groupNode.classList.add("fm-state-expand");
-        } else {
-            groupNode.classList.remove("fm-state-expand");
-            groupNode.classList.add("fm-state-collapse");
-        }
-    }
-    // 独立子表収折
-    function defindIsIndepPanelCollaspe() {
-        var enableCollapseAttr = "data-enableIndepPanelCollaspe";
-        $CollapsePanelEl = $ParentEl.querySelector('.fm-apply-details');
-        // 不存在子表数据
-        var $detailListGroup = $CollapsePanelEl.querySelectorAll('.fm-apply-panel-list');
-        if ($detailListGroup.length < 1) {
-            return;
-        }
-        for (var m = 0; m < $detailListGroup.length; m++) {
-            if ($detailListGroup[m].attributes.getNamedItem(enableCollapseAttr) && $detailListGroup[m].getAttribute(enableCollapseAttr) + "" == "true") {
-                addIndepPanelCollapseAreaFunc($detailListGroup[m]);
-            }
-        }
-    }
-
-    function subGridPanelCompleteInfo() {
-        var enableAttr = "data-enableCompleteInfo";
-        $CollapsePanelEl = $ParentEl.querySelector('.fm-apply-details');
-        // 不存在子表数据
-        var $detailListGroup = $CollapsePanelEl.querySelectorAll('.fm-apply-panel-list');
-        if ($detailListGroup.length == 0) {
-            return;
-        }
-        // 构造容器
-        createComplteInfoContainer();
-        for (var m = 0; m < $detailListGroup.length; m++) {
-            if ($detailListGroup[m].attributes.getNamedItem(enableAttr) && $detailListGroup[m].getAttribute(enableAttr) + "" == "true") {
-                // 绑定事件
-                $detailListGroup[m].classList.add('panel--can-click')
-                // 只有概要详情才能点击穿透，假定是第一个
-                var $detailPanelEl = $detailListGroup[m].querySelector(".fm-apply-panel");
-                $detailPanelEl.addEventListener('click', function (ev) {
-                    var applylistEl = (elFindParentNode(ev.target));
-                    if (applylistEl && applylistEl.attributes.getNamedItem('data-dataIDCompleteInfo')) {
-                        var panelListEl = elFindParentNode(applylistEl, 'fm-apply-panel-list');
-                        if (panelListEl && panelListEl.id && panelListEl.attributes.getNamedItem('data-sourceCompleteInfo')) {
-                            createCompleteInfo(panelListEl.id, panelListEl.getAttribute('data-sourceCompleteInfo'), applylistEl.getAttribute('data-dataIDCompleteInfo'),applylistEl.getAttribute('data-dataIDPrimaryKey'));
-                        }
-
-                    }
-                });
-
-            }
-        }
-    }
-
-    // 创建完整信息容器
-    function createComplteInfoContainer() {
-        if (document.getElementById("complete-info-container")) {
-            return;
-        }
-        var $complteInfoContainerEl = document.createElement("div");
-        $complteInfoContainerEl.className = "fm-subgrid-complete-info-container fm-state-collapse";
-        $complteInfoContainerEl.id = "complete-info-container";
-        var infoHtml = ' <div class="fm-subgrid-complete-info">';
-        infoHtml += '<div class="complete-info--header"><h5>详情</h5></div>';
-        infoHtml += '<div class="toolbar collapse-area"><i class="fm-icon fm-icon-close"></i></div>';
-        infoHtml += '<div class="complete-info--content"></div>';
-        infoHtml += '</div> <div class="complete-info--overlay"></div></div>';
-        $complteInfoContainerEl.innerHTML = infoHtml;
-        //document.getElementsByTagName('body')[0].append($complteInfoContainerEl);
-        $ParentEl.append($complteInfoContainerEl);
-        // 遮罩层
-        $complteInfoContainerEl.querySelector(".complete-info--overlay").addEventListener('click', function () {
-            var parentEl = this.parentNode;
-            toggleElState(parentEl, false);
-        }, false);
-        // 关闭按钮
-        $complteInfoContainerEl.querySelector(".collapse-area").addEventListener('click', function () {
-            var parentEl = this.parentNode.parentNode;
-            toggleElState(parentEl, false);
-        }, false);
-    }
-
-    function elFindParentNode(el, classname) {
-        // 父级标签是否是body,是着停止返回集合,反之继续
-        if (elhasSpecialCls(el, classname)) {
-            return el;
-        } else if ('BODY' !== el.parentNode.nodeName) {
-            var parentN = el.parentNode;
-            if (elhasSpecialCls(parentN, classname)) {
-                return parentN;
-            } else {
-                return elFindParentNode(parentN, classname);
-            }
-        }
-        // 返回集合,结束
-        return null;
-    }
-    function elhasSpecialCls(el, classname) {
-        if (el) {
-            classname = classname ? classname : 'fm-apply-list';
-            var classNameList = el.classList;
-            var findCls = false;
-            for (var k = 0; k < classNameList.length; k++) {
-                if (classNameList[k] == classname) {
-                    findCls = true;
-                    break;
-                }
-            }
-            return findCls;
-        }
-        return false;
-    }
-
-    function createCompleteInfo(tmplID, gridID, infoID,primaryKey) {
-        var templateText = getTmplateByPanelID(tmplID);
-        if (templateText) {
-            var dataInfo = GetDataByGridIDandDataID(gridID, infoID,primaryKey);
-            doT.templateSettings.varname = 'itemData,model';
-            var templFn = doT.template(templateText);
-            var resultText = templFn(dataInfo,modelData);
-            upadateCompleteInfo(resultText);
-        }
-    }
-
-    function getTmplateByPanelID(panelID){
-        var allTmplate={};
-        ${this.generateTemplateByPanelIdFunction(childDetailTemplate)}
-        if(allTmplate.hasOwnProperty(panelID)){
-            return allTmplate[panelID]();
-        }
-        return '未找到模板信息';
-    }
-
-    function GetDataByGridIDandDataID(gridID,dataID,primaryKey){
-        if(!modelData){
-            return {};
-        }
-        var gridDatas=modelData.formData[gridID];
-        if(gridDatas){
-            for(var k=0;k<gridDatas.length;k++){
-                if(gridDatas[k][primaryKey]==dataID){
-                    break;
-                }
-            }
-            if(k==gridDatas.length){
-                return {};
-            }
-        }else{
-            return {};
-        }
-
-        return gridDatas[k];
-    }
-
-    /**
-     * 更新完整信息infoHTML
-     */
-    function upadateCompleteInfo(infoHTML) {
-        var infoContainerEl = document.getElementById("complete-info-container");
-        var contentEl = infoContainerEl.querySelector(".complete-info--content");
-        contentEl.innerHTML = infoHTML;
-        toggleElState(infoContainerEl, true);
-    }
-    /**
-     *
-     * @param {*} el 元素
-     * @param {*} expand 展开
-     */
-    function toggleElState(el, expand) {
-        if (el) {
-            if (expand) {
-                el.classList.remove("fm-state-collapse");
-                el.classList.add("fm-state-expand");
-            } else {
-                el.classList.remove("fm-state-expand");
-                el.classList.add("fm-state-collapse");
-            }
-        }
-    }
-}
-
-
-`;
-        generateString += `
-window.getTablePrimaryByTableName=function(tableName){
-    var allTableRelations={};
-    ${this.generateTablePrimaryRelationFunction(childTablePrimary)}
-    if(allTableRelations.hasOwnProperty(tableName)){
-        return allTableRelations[tableName]();
-    }
-    console.info('移动审批：未找到子表主键信息,对应子表为:'+tableName);
-    return "";
-}`;
-        return generateString;
-    }
-    generateTemplateByPanelIdFunction(childDetailTemplate) {
-        let generateString = "";
-        if (toolhepler_1.ToolHelper.isArray(childDetailTemplate, false)) {
-            childDetailTemplate.forEach((item) => {
-                generateString += `
-        allTmplate['${item.templateId}']=function(){
-            var templateHtml=\` <div class="fm-apply-panel"><div class="fm-apply-list">${item.templateHtml}</div></div>\`;
-            return templateHtml;
-        }`;
-            });
-        }
-        return generateString;
-    }
-    generateTablePrimaryRelationFunction(childTablePrimary) {
-        let generateString = "";
-        if (toolhepler_1.ToolHelper.isArray(childTablePrimary, false)) {
-            childTablePrimary.forEach((item) => {
-                generateString += `
-        allTableRelations['${item.tableName}']=function(){
-            return '${item.primary}';
-        }`;
-            });
-        }
-        return generateString;
-    }
-    generateFormConfigParameter(moduleJson) {
-        const processInstance = moduleJson.components.find((t) => {
-            return t.componentType == "flowProcessForMobileApprove";
-        });
-        const detailHeaderComponent = moduleJson.components.find((t) => {
-            return t.componentType == "detailHeaderForMobileApprove";
-        });
-        let generateString = "";
-        if (processInstance) {
-            const flowProcessInstance = processInstance.contents.find((t) => {
-                return t.type == "FlowProcessForMobileApprove";
-            });
-            const beID = this.readBeId(moduleJson);
-            const voID = this.readVoId(moduleJson);
-            const eapiId = this.readEapiId(moduleJson);
-            const getDataMethod = this.readGetDataMethod(moduleJson);
-            const baseUri = this.readBaseUri(moduleJson);
-            if (flowProcessInstance) {
-                generateString += `
-                beId:"${beID}",
-                voId:"${voID}",
-                eapiId:"${eapiId}",
-                baseUri:"${baseUri}",
-                getDataMethod:"${getDataMethod}",
-                isShowApprovalLogs: ${flowProcessInstance.visible.value},
-                isIncludeHistory: ${flowProcessInstance.isIncludeHistory},
-                processInstanceIdPath: '${flowProcessInstance.processInstance.bindingPath}',
-                formDataSortConfig : ${this.generateChildSortFields(moduleJson)},
-                i18n :  ${this.generatei18nResources(moduleJson)}`;
-            }
-        }
-        if (detailHeaderComponent) {
-            const detailHeaderForMobileApprove = detailHeaderComponent.contents.find((t) => {
-                return t.type == "DetailHeaderForMobileApprove";
-            });
-            if (detailHeaderForMobileApprove && detailHeaderForMobileApprove.enablePersonAvatar) {
-                if (generateString) {
-                    generateString += ",";
-                }
-                generateString += `
-                enablePersonAvatar: ${detailHeaderForMobileApprove.enablePersonAvatar},
-                personAvatarPath: '${detailHeaderForMobileApprove.headerPersonAvatar ? detailHeaderForMobileApprove.headerPersonAvatar.bindingPath : ""}'`;
-            }
-        }
-        generateString = this.addConfig(generateString, moduleJson);
-        return generateString;
-    }
-    addConfig(generateString, moduleJson) {
-        generateString += ",";
-        const config = this.readFrameConfig(moduleJson);
-        return generateString += `${config}`;
-    }
-    readBeId(moduleJson) {
-        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
-            let beId = moduleJson.schemas[0].beId;
-            if (!beId) {
-                beId = "";
-            }
-            return beId;
-        }
-    }
-    readVoId(moduleJson) {
-        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
-            let voId = moduleJson.schemas[0].id;
-            if (!voId) {
-                voId = "";
-            }
-            return voId;
-        }
-    }
-    readEapiId(moduleJson) {
-        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
-            let eapiId = moduleJson.schemas[0].eapiId;
-            if (!eapiId) {
-                eapiId = "";
-            }
-            return eapiId;
-        }
-    }
-    readGetDataMethod(moduleJson) {
-        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
-            let dataMethod = moduleJson.schemas[0].getDataMethod;
-            if (!dataMethod) {
-                dataMethod = "";
-            }
-            return dataMethod;
-        }
-    }
-    readBaseUri(moduleJson) {
-        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
-            let baseUri = moduleJson.schemas[0].baseUri;
-            if (!baseUri) {
-                baseUri = "";
-            }
-            return baseUri;
-        }
-    }
-    getComponentByType(moduleJson, type) {
-        return moduleJson.components.find((t) => {
-            return t.componentType === type;
-        });
-    }
-    readFrameConfig(moduleJson) {
-        const frameComponent = this.getComponentByType(moduleJson, "Frame");
-        const containContent = frameComponent.contents.find((t) => {
-            return t.type == "ContentContainer";
-        });
-        return `
-                enableNavigation:${containContent.contents[0].enableNavigation}`;
-    }
-    generateChildSortFields(currentModuleJson) {
-        let generateString = "";
-        if (!currentModuleJson || toolhepler_1.ToolHelper.isArray(currentModuleJson.components, false) == false) {
-            return generateString;
-        }
-        const sortFieldsJson = {};
-        currentModuleJson.components.forEach((itemComponent) => {
-            if (toolhepler_1.ToolHelper.isArray(itemComponent.contents, false)) {
-                if (itemComponent.contents[0].type == "PanelForMobileApprove" && toolhepler_1.ToolHelper.isArray(itemComponent.contents[0].sortFields, false)) {
-                    const componentViewModel = itemComponent.viewModel;
-                    if (toolhepler_1.ToolHelper.isArray(currentModuleJson.viewmodels, false)) {
-                        const findViewModel = currentModuleJson.viewmodels.find((itemViewModel) => {
-                            return itemViewModel.id == componentViewModel;
-                        });
-                        if (findViewModel) {
-                            sortFieldsJson[findViewModel.bindTo] = [];
-                            itemComponent.contents[0].sortFields.forEach((itemSortField) => {
-                                sortFieldsJson[findViewModel.bindTo].push({
-                                    sortField: itemSortField.label,
-                                    sortType: itemSortField.sortType
-                                });
-                            });
-                        }
-                    }
-                }
-            }
-        });
-        generateString = JSON.stringify(sortFieldsJson);
-        return generateString;
-    }
-    generatei18nResources(currentModuleJson) {
-        let generateString = "";
-        const i18n = currentModuleJson.i18n;
-        if (!currentModuleJson || !i18n) {
-            return JSON.stringify({});
-        }
-        const i18nJson = { 'zh-CN': i18n['zh-CN'], 'en': i18n.en, 'zh-CHT': i18n['zh-CHT'] };
-        generateString = JSON.stringify(i18nJson);
-        return generateString;
-    }
-}
-exports.IndexHtmlGenerator = IndexHtmlGenerator;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndexHtmlGenerator = void 0;
+const abstract_template_generator_1 = require("./abstract-template-generator");
+const toolhepler_1 = require("../../toolhepler");
+class IndexHtmlGenerator extends abstract_template_generator_1.AbstractTemplateGenerator {
+    generate(variable) {
+        const processInstanceParameter = this.generateFormConfigParameter(variable.module);
+        let isSubDefaultCollapse = toolhepler_1.ToolHelper.isNullOrUndefined(variable.isSubDefaultCollapse) ? true : variable.isSubDefaultCollapse;
+        const childDetailTemplate = variable.childDetailTemplate;
+        const childTablePrimary = variable.childTablePrimary;
+        isSubDefaultCollapse = !isSubDefaultCollapse;
+        let afterLoadData = "undefined";
+        if (variable.afterLoadData) {
+            afterLoadData = `${variable.afterLoadData}`;
+        }
+        let generateString = `
+window.getMobileApprovalFormConfig = function() {
+    return {
+        ${processInstanceParameter ? processInstanceParameter : ""}
+    };
+}
+
+window.getAfterLoadDataFunc =function(context) { 
+    ${afterLoadData}
+}
+
+window.getMobileApprovalFormTemplate = function() {
+    return \`
+    ${variable.content}
+    \`;
+}
+
+window.registerCollapseHandler = function (id,modelData) {
+    var $ParentEl;
+    if (id) {
+        $ParentEl = document.getElementById(id);
+    } else {
+        $ParentEl = document.getElementsByClassName("fm-page-approveformat")[0];
+    }
+    // 主表数据面板
+    var $MainGridPanelEl;
+    // 收起主表的収折条
+    var $CollapseMainAreaEl;
+    // 主表绑定
+    defineGridCollapseBinds(addMainCollapseAreaFunc, bindMainCollapseEventsFunc);
+    // 只有在未启用整体子表収折的时候，才启用子表独立収折
+    defindIsIndepPanelCollaspe();
+    // 分组支持収折
+    mainGridGroupFunc();
+
+    // 是否启用子表点击查看详情页
+    subGridPanelCompleteInfo();
+
+    function defineGridCollapseBinds(addCollapseAreaFunc, bindEventsFunc) {
+        var collapseId = "collapseMainArea";
+        collapsePanelCls = ".fm-apply-main";
+        collapseAttr = "data-enableMainCollapse";
+        defaultCollapseAttr = "data-isMainDefaultCollapse";
+        // 是否已生成过
+        if ($ParentEl.querySelector(collapseId)) {
+            return;
+        }
+        // 数据面板
+        var $GridPanelEl = $ParentEl.querySelector(collapsePanelCls);
+        // 不存在数据
+        if (!$GridPanelEl || !$GridPanelEl.querySelector('.fm-apply-panel-list')) {
+            return;
+        }
+        if (!$ParentEl.attributes.getNamedItem(collapseAttr) || $ParentEl.getAttribute(collapseAttr) + "" == "false") {
+            return;
+        }
+        $MainGridPanelEl = $GridPanelEl;
+        // 个性设置
+        if (addCollapseAreaFunc) {
+            addCollapseAreaFunc();
+        }
+        // 有设定
+        if ($ParentEl.attributes.getNamedItem(collapseAttr) && $ParentEl.getAttribute(defaultCollapseAttr) + "" == "true") {
+            // 初始收起
+            collapseOrExpand(false);
+        } else {
+            // 初始展开
+            collapseOrExpand(true);
+        }
+        if (bindEventsFunc) {
+            bindEventsFunc();
+        }
+    }
+
+    // 定义主表収折
+    function addMainCollapseAreaFunc() {
+        $CollapseMainAreaEl = document.createElement("div");
+        $CollapseMainAreaEl.id = "collapseMainArea";
+        $CollapseMainAreaEl.className = "fm-apply-collapse-only-icon fm-state-expand";
+        var expandHTMLTex = ' <span class="fm-icon fm-icon-arrow-chevron-down collapse--icon"></span>';
+        $CollapseMainAreaEl.innerHTML = expandHTMLTex;
+        $MainGridPanelEl.appendChild($CollapseMainAreaEl);
+    }
+    function bindMainCollapseEventsFunc() {
+        // 绑定事件
+        $CollapseMainAreaEl.addEventListener('click', function () {
+            if (this.className.indexOf('fm-state-collaps') > -1) {
+                collapseOrExpand(true);
+            } else {
+                collapseOrExpand(false);
+            }
+        }, false);
+    }
+
+    // 定义面板独立収折
+    function addIndepPanelCollapseAreaFunc(parentNodeEl) {
+        var $panelList=parentNodeEl.querySelectorAll('.fm-apply-panel');
+        if ($panelList.length<2) {
+            return;
+        }
+        $panelList[0].classList.add("fm-panel-collapse--summary");
+        $panelList[1].classList.add("fm-panel-collapse--detail");
+        var $indepCollapseAreaEl = document.createElement("div");
+        $indepCollapseAreaEl.className = "panel-list--footer details-grid-collapse-area";
+        var expandHTMLText = ' <span class="collapse-text fm-state-collapse">查看明细信息</span>';
+        expandHTMLText += '<span class="collapse-text fm-state-expand">收起明细信息</span>';
+        $indepCollapseAreaEl.innerHTML = expandHTMLText;
+        parentNodeEl.appendChild($indepCollapseAreaEl);
+        // 初始化状态
+        if (parentNodeEl.getAttribute('data-isIndepPanelDefaultCollaspe') + "" == "true") {
+            GroupCollapseOrExpand(false, parentNodeEl);
+        } else {
+            GroupCollapseOrExpand(true, parentNodeEl);
+        }
+        // 绑定事件
+        $indepCollapseAreaEl.addEventListener('click', function () {
+            var $GroupNode = this.parentNode;
+            if ($GroupNode.className.indexOf('fm-state-collaps') > -1) {
+                GroupCollapseOrExpand(true, $GroupNode);
+            } else {
+                GroupCollapseOrExpand(false, $GroupNode);
+            }
+        }, false);
+    }
+
+    //收起展开
+    function collapseOrExpand(expand) {
+        var $CollapsePanel = $MainGridPanelEl;
+        $CollapseArea = $CollapseMainAreaEl;
+        // 主表未启用収折
+        if (!$CollapseArea) {
+            return;
+        }
+        if (expand) {
+            $CollapsePanel.classList.remove("fm-state-collapse");
+            $CollapseArea.classList.remove("fm-state-collapse");
+            $CollapseArea.classList.add("fm-state-expand");
+            $CollapsePanel.classList.add("fm-state-expand");
+        } else {
+            $CollapsePanel.classList.remove("fm-state-expand");
+            $CollapseArea.classList.remove("fm-state-expand");
+            $CollapseArea.classList.add("fm-state-collapse");
+            $CollapsePanel.classList.add("fm-state-collapse");
+        }
+    }
+    // 定义主表分组収折
+    function mainGridGroupFunc() {
+        var collapsePanelCls = ".fm-apply-main";
+        var enableCollapseAttr = "data-enableGroupCollapse";
+        var isDefaultCollapsAttr = "data-isDefaultGroupCollapse";
+        // 数据面板
+        var $GridPanelEl = $ParentEl.querySelector(collapsePanelCls);
+        // 不存在数据
+        if (!$GridPanelEl || !$GridPanelEl.querySelector('.fm-apply-panel-list')) {
+            return;
+        }
+        // 存在启用了収折的分组
+        var $FieldSetGroups = $GridPanelEl.querySelectorAll('.fm-panel-list-items-group');
+        if ($FieldSetGroups.length == 0) {
+            return;
+        }
+        // 绑定事件
+        for (var k = 0; k < $FieldSetGroups.length; k++) {
+            // 当前是否启用
+            if ($FieldSetGroups[k].attributes.getNamedItem(enableCollapseAttr) && $FieldSetGroups[k].getAttribute(enableCollapseAttr) + "" == "true") {
+                var $GroupHeader = $FieldSetGroups[k].querySelector('.items-group--legend');
+                if ($GroupHeader) {
+                    // 启用
+                    $FieldSetGroups[k].classList.add("items-group--enable-collapse");
+                    // 默认状态
+                    if ($FieldSetGroups[k].getAttribute(isDefaultCollapsAttr) + "" == "true") {
+                        //收起
+                        GroupCollapseOrExpand(false, $FieldSetGroups[k]);
+                    } else {
+                        // 展开
+                        GroupCollapseOrExpand(true, $FieldSetGroups[k]);
+                    }
+                    // 绑定事件
+                    $GroupHeader.addEventListener('click', function () {
+                        var $GroupNode = this.parentNode;
+                        if ($GroupNode.className.indexOf('fm-state-collaps') > -1) {
+                            GroupCollapseOrExpand(true, $GroupNode);
+                        } else {
+                            GroupCollapseOrExpand(false, $GroupNode);
+                        }
+                    }, false);
+                }
+
+            }
+
+        }
+    }
+    function GroupCollapseOrExpand(expand, groupNode) {
+        if (expand) {
+            groupNode.classList.remove("fm-state-collapse");
+            groupNode.classList.add("fm-state-expand");
+        } else {
+            groupNode.classList.remove("fm-state-expand");
+            groupNode.classList.add("fm-state-collapse");
+        }
+    }
+    // 独立子表収折
+    function defindIsIndepPanelCollaspe() {
+        var enableCollapseAttr = "data-enableIndepPanelCollaspe";
+        $CollapsePanelEl = $ParentEl.querySelector('.fm-apply-details');
+        // 不存在子表数据
+        var $detailListGroup = $CollapsePanelEl.querySelectorAll('.fm-apply-panel-list');
+        if ($detailListGroup.length < 1) {
+            return;
+        }
+        for (var m = 0; m < $detailListGroup.length; m++) {
+            if ($detailListGroup[m].attributes.getNamedItem(enableCollapseAttr) && $detailListGroup[m].getAttribute(enableCollapseAttr) + "" == "true") {
+                addIndepPanelCollapseAreaFunc($detailListGroup[m]);
+            }
+        }
+    }
+
+    function subGridPanelCompleteInfo() {
+        var enableAttr = "data-enableCompleteInfo";
+        $CollapsePanelEl = $ParentEl.querySelector('.fm-apply-details');
+        // 不存在子表数据
+        var $detailListGroup = $CollapsePanelEl.querySelectorAll('.fm-apply-panel-list');
+        if ($detailListGroup.length == 0) {
+            return;
+        }
+        // 构造容器
+        createComplteInfoContainer();
+        for (var m = 0; m < $detailListGroup.length; m++) {
+            if ($detailListGroup[m].attributes.getNamedItem(enableAttr) && $detailListGroup[m].getAttribute(enableAttr) + "" == "true") {
+                // 绑定事件
+                $detailListGroup[m].classList.add('panel--can-click')
+                // 只有概要详情才能点击穿透，假定是第一个
+                var $detailPanelEl = $detailListGroup[m].querySelector(".fm-apply-panel");
+                $detailPanelEl.addEventListener('click', function (ev) {
+                    var applylistEl = (elFindParentNode(ev.target));
+                    if (applylistEl && applylistEl.attributes.getNamedItem('data-dataIDCompleteInfo')) {
+                        var panelListEl = elFindParentNode(applylistEl, 'fm-apply-panel-list');
+                        if (panelListEl && panelListEl.id && panelListEl.attributes.getNamedItem('data-sourceCompleteInfo')) {
+                            createCompleteInfo(panelListEl.id, panelListEl.getAttribute('data-sourceCompleteInfo'), applylistEl.getAttribute('data-dataIDCompleteInfo'),applylistEl.getAttribute('data-dataIDPrimaryKey'));
+                        }
+
+                    }
+                });
+
+            }
+        }
+    }
+
+    // 创建完整信息容器
+    function createComplteInfoContainer() {
+        if (document.getElementById("complete-info-container")) {
+            return;
+        }
+        var $complteInfoContainerEl = document.createElement("div");
+        $complteInfoContainerEl.className = "fm-subgrid-complete-info-container fm-state-collapse";
+        $complteInfoContainerEl.id = "complete-info-container";
+        var infoHtml = ' <div class="fm-subgrid-complete-info">';
+        infoHtml += '<div class="complete-info--header"><h5>详情</h5></div>';
+        infoHtml += '<div class="toolbar collapse-area"><i class="fm-icon fm-icon-close"></i></div>';
+        infoHtml += '<div class="complete-info--content"></div>';
+        infoHtml += '</div> <div class="complete-info--overlay"></div></div>';
+        $complteInfoContainerEl.innerHTML = infoHtml;
+        //document.getElementsByTagName('body')[0].append($complteInfoContainerEl);
+        $ParentEl.append($complteInfoContainerEl);
+        // 遮罩层
+        $complteInfoContainerEl.querySelector(".complete-info--overlay").addEventListener('click', function () {
+            var parentEl = this.parentNode;
+            toggleElState(parentEl, false);
+        }, false);
+        // 关闭按钮
+        $complteInfoContainerEl.querySelector(".collapse-area").addEventListener('click', function () {
+            var parentEl = this.parentNode.parentNode;
+            toggleElState(parentEl, false);
+        }, false);
+    }
+
+    function elFindParentNode(el, classname) {
+        // 父级标签是否是body,是着停止返回集合,反之继续
+        if (elhasSpecialCls(el, classname)) {
+            return el;
+        } else if ('BODY' !== el.parentNode.nodeName) {
+            var parentN = el.parentNode;
+            if (elhasSpecialCls(parentN, classname)) {
+                return parentN;
+            } else {
+                return elFindParentNode(parentN, classname);
+            }
+        }
+        // 返回集合,结束
+        return null;
+    }
+    function elhasSpecialCls(el, classname) {
+        if (el) {
+            classname = classname ? classname : 'fm-apply-list';
+            var classNameList = el.classList;
+            var findCls = false;
+            for (var k = 0; k < classNameList.length; k++) {
+                if (classNameList[k] == classname) {
+                    findCls = true;
+                    break;
+                }
+            }
+            return findCls;
+        }
+        return false;
+    }
+
+    function createCompleteInfo(tmplID, gridID, infoID,primaryKey) {
+        var templateText = getTmplateByPanelID(tmplID);
+        if (templateText) {
+            var dataInfo = GetDataByGridIDandDataID(gridID, infoID,primaryKey);
+            doT.templateSettings.varname = 'itemData,model';
+            var templFn = doT.template(templateText);
+            var resultText = templFn(dataInfo,modelData);
+            upadateCompleteInfo(resultText);
+        }
+    }
+
+    function getTmplateByPanelID(panelID){
+        var allTmplate={};
+        ${this.generateTemplateByPanelIdFunction(childDetailTemplate)}
+        if(allTmplate.hasOwnProperty(panelID)){
+            return allTmplate[panelID]();
+        }
+        return '未找到模板信息';
+    }
+
+    function GetDataByGridIDandDataID(gridID,dataID,primaryKey){
+        if(!modelData){
+            return {};
+        }
+        var gridDatas=modelData.formData[gridID];
+        if(gridDatas){
+            for(var k=0;k<gridDatas.length;k++){
+                if(gridDatas[k][primaryKey]==dataID){
+                    break;
+                }
+            }
+            if(k==gridDatas.length){
+                return {};
+            }
+        }else{
+            return {};
+        }
+
+        return gridDatas[k];
+    }
+
+    /**
+     * 更新完整信息infoHTML
+     */
+    function upadateCompleteInfo(infoHTML) {
+        var infoContainerEl = document.getElementById("complete-info-container");
+        var contentEl = infoContainerEl.querySelector(".complete-info--content");
+        contentEl.innerHTML = infoHTML;
+        toggleElState(infoContainerEl, true);
+    }
+    /**
+     *
+     * @param {*} el 元素
+     * @param {*} expand 展开
+     */
+    function toggleElState(el, expand) {
+        if (el) {
+            if (expand) {
+                el.classList.remove("fm-state-collapse");
+                el.classList.add("fm-state-expand");
+            } else {
+                el.classList.remove("fm-state-expand");
+                el.classList.add("fm-state-collapse");
+            }
+        }
+    }
+}
+
+
+`;
+        generateString += `
+window.getTablePrimaryByTableName=function(tableName){
+    var allTableRelations={};
+    ${this.generateTablePrimaryRelationFunction(childTablePrimary)}
+    if(allTableRelations.hasOwnProperty(tableName)){
+        return allTableRelations[tableName]();
+    }
+    console.info('移动审批：未找到子表主键信息,对应子表为:'+tableName);
+    return "";
+}`;
+        return generateString;
+    }
+    generateTemplateByPanelIdFunction(childDetailTemplate) {
+        let generateString = "";
+        if (toolhepler_1.ToolHelper.isArray(childDetailTemplate, false)) {
+            childDetailTemplate.forEach((item) => {
+                generateString += `
+        allTmplate['${item.templateId}']=function(){
+            var templateHtml=\` <div class="fm-apply-panel"><div class="fm-apply-list">${item.templateHtml}</div></div>\`;
+            return templateHtml;
+        }`;
+            });
+        }
+        return generateString;
+    }
+    generateTablePrimaryRelationFunction(childTablePrimary) {
+        let generateString = "";
+        if (toolhepler_1.ToolHelper.isArray(childTablePrimary, false)) {
+            childTablePrimary.forEach((item) => {
+                generateString += `
+        allTableRelations['${item.tableName}']=function(){
+            return '${item.primary}';
+        }`;
+            });
+        }
+        return generateString;
+    }
+    generateFormConfigParameter(moduleJson) {
+        const processInstance = moduleJson.components.find((t) => {
+            return t.componentType == "flowProcessForMobileApprove";
+        });
+        const detailHeaderComponent = moduleJson.components.find((t) => {
+            return t.componentType == "detailHeaderForMobileApprove";
+        });
+        let generateString = "";
+        if (processInstance) {
+            const flowProcessInstance = processInstance.contents.find((t) => {
+                return t.type == "FlowProcessForMobileApprove";
+            });
+            const beID = this.readBeId(moduleJson);
+            const voID = this.readVoId(moduleJson);
+            const eapiId = this.readEapiId(moduleJson);
+            const getDataMethod = this.readGetDataMethod(moduleJson);
+            const baseUri = this.readBaseUri(moduleJson);
+            if (flowProcessInstance) {
+                generateString += `
+                beId:"${beID}",
+                voId:"${voID}",
+                eapiId:"${eapiId}",
+                baseUri:"${baseUri}",
+                getDataMethod:"${getDataMethod}",
+                approvalLogTitle: "${flowProcessInstance.title}",
+                approvalLogShowPresetTitle: ${flowProcessInstance.showPresetTitle},
+                isShowApprovalLogs: ${flowProcessInstance.visible.value},
+                isIncludeHistory: ${flowProcessInstance.isIncludeHistory},
+                processInstanceIdPath: '${flowProcessInstance.processInstance.bindingPath}',
+                formDataSortConfig : ${this.generateChildSortFields(moduleJson)},
+                i18n :  ${this.generatei18nResources(moduleJson)}`;
+            }
+        }
+        if (detailHeaderComponent) {
+            const detailHeaderForMobileApprove = detailHeaderComponent.contents.find((t) => {
+                return t.type == "DetailHeaderForMobileApprove";
+            });
+            if (detailHeaderForMobileApprove && detailHeaderForMobileApprove.enablePersonAvatar) {
+                if (generateString) {
+                    generateString += ",";
+                }
+                generateString += `
+                enablePersonAvatar: ${detailHeaderForMobileApprove.enablePersonAvatar},
+                personAvatarPath: '${detailHeaderForMobileApprove.headerPersonAvatar ? detailHeaderForMobileApprove.headerPersonAvatar.bindingPath : ""}'`;
+            }
+        }
+        generateString = this.addConfig(generateString, moduleJson);
+        return generateString;
+    }
+    addConfig(generateString, moduleJson) {
+        generateString += ",";
+        const config = this.readFrameConfig(moduleJson);
+        return generateString += `${config}`;
+    }
+    readBeId(moduleJson) {
+        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
+            let beId = moduleJson.schemas[0].beId;
+            if (!beId) {
+                beId = "";
+            }
+            return beId;
+        }
+    }
+    readVoId(moduleJson) {
+        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
+            let voId = moduleJson.schemas[0].id;
+            if (!voId) {
+                voId = "";
+            }
+            return voId;
+        }
+    }
+    readEapiId(moduleJson) {
+        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
+            let eapiId = moduleJson.schemas[0].eapiId;
+            if (!eapiId) {
+                eapiId = "";
+            }
+            return eapiId;
+        }
+    }
+    readGetDataMethod(moduleJson) {
+        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
+            let dataMethod = moduleJson.schemas[0].getDataMethod;
+            if (!dataMethod) {
+                dataMethod = "";
+            }
+            return dataMethod;
+        }
+    }
+    readBaseUri(moduleJson) {
+        if (moduleJson && toolhepler_1.ToolHelper.isArray(moduleJson.schemas, false)) {
+            let baseUri = moduleJson.schemas[0].baseUri;
+            if (!baseUri) {
+                baseUri = "";
+            }
+            return baseUri;
+        }
+    }
+    getComponentByType(moduleJson, type) {
+        return moduleJson.components.find((t) => {
+            return t.componentType === type;
+        });
+    }
+    readFrameConfig(moduleJson) {
+        const frameComponent = this.getComponentByType(moduleJson, "Frame");
+        const containContent = frameComponent.contents.find((t) => {
+            return t.type == "ContentContainer";
+        });
+        return `
+                enableNavigation:${containContent.contents[0].enableNavigation},
+                navigationType:"${containContent.contents[0].navigationType}"`;
+    }
+    generateChildSortFields(currentModuleJson) {
+        let generateString = "";
+        if (!currentModuleJson || toolhepler_1.ToolHelper.isArray(currentModuleJson.components, false) == false) {
+            return generateString;
+        }
+        const sortFieldsJson = {};
+        currentModuleJson.components.forEach((itemComponent) => {
+            if (toolhepler_1.ToolHelper.isArray(itemComponent.contents, false)) {
+                if (itemComponent.contents[0].type == "PanelForMobileApprove" && toolhepler_1.ToolHelper.isArray(itemComponent.contents[0].sortFields, false)) {
+                    const componentViewModel = itemComponent.viewModel;
+                    if (toolhepler_1.ToolHelper.isArray(currentModuleJson.viewmodels, false)) {
+                        const findViewModel = currentModuleJson.viewmodels.find((itemViewModel) => {
+                            return itemViewModel.id == componentViewModel;
+                        });
+                        if (findViewModel) {
+                            sortFieldsJson[findViewModel.bindTo] = [];
+                            itemComponent.contents[0].sortFields.forEach((itemSortField) => {
+                                sortFieldsJson[findViewModel.bindTo].push({
+                                    sortField: itemSortField.label,
+                                    sortType: itemSortField.sortType
+                                });
+                            });
+                        }
+                    }
+                }
+            }
+        });
+        generateString = JSON.stringify(sortFieldsJson);
+        return generateString;
+    }
+    generatei18nResources(currentModuleJson) {
+        let generateString = "";
+        const i18n = currentModuleJson.i18n;
+        if (!currentModuleJson || !i18n) {
+            return JSON.stringify({});
+        }
+        const i18nJson = { 'zh-CN': i18n['zh-CN'], 'en': i18n.en, 'zh-CHT': i18n['zh-CHT'] };
+        generateString = JSON.stringify(i18nJson);
+        return generateString;
+    }
+}
+exports.IndexHtmlGenerator = IndexHtmlGenerator;
 //# sourceMappingURL=index-html-generator.js.map