@farris/jit-engine 1.3.280 → 1.3.281

package/lib/mobileapp/vue/code-generator/file-generator/page-generator/page-component-generator.js

@@ -1,221 +1,221 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageComponentGenerator = void 0;
-const abstract_file_generator_1 = require("../abstract-file-generator");
-const file_generator_response_1 = require("../file-generator-response");
-const page_provider_manager_1 = require("../../page-manager/page-provider-manager");
-class PageComponentGenerator extends abstract_file_generator_1.AbstractFileGenerator {
-    generate(context) {
-        const response = file_generator_response_1.FileGeneratorResponse.getNewEmptyInstance();
-        const parameter = context.externalParameter;
-        const componentId = parameter.componentId;
-        const providerName = page_provider_manager_1.PageProviderManager.generateProviderName(componentId);
-        const componentConfig = parameter.componentConfig;
-        const generateString = `
-<template>
-${parameter.templateHtml}
-</template>
-<script>
-import {
-    recomputable,
-    mapBindingStates,
-    mapCommandMethods,
-    bindListviewExtenderDir,
-    bindAttachmentExtenderDir,
-    mapProviders,
-    LookupMappingService,
-    filterData,
-    filterMapData,
-    beforeCreateByVueAdapter,
-    createdByVueAdapter,
-    mountedByVueAdapter,
-    updatedByVueAdapter,
-    beforeUnmountByVueAdapter,
-    scrollActivated,
-    scrollDeactivated
-  } from '@farris/mobile-vue-adapter';
-import {${providerName}} from "./${componentId.toLowerCase()}.provider";
-
-${parameter.componentRef}
-${parameter.externalImport.import}
-
-export default
-{
-    name : '${parameter.componentClassName}',
-    provide: mapProviders(),
-    data(){
-        return {
-            url:'',
-            lang: localStorage.getItem('languageCode') || "zh-CHS"
-        };
-    },
-    computed: {
-        ...mapBindingStates(),
-    },
-    methods:{
-        ${this.getOnInitCommand(componentConfig)
-            ? 'pageLoad(){' + this.getOnInitCommand(componentConfig) + '},'
-            : ''}
-        ...mapCommandMethods([${this.generateCommands(parameter.commands)}]),
-        ${this.getGobackCommand(componentConfig)
-            ? 'goBack() { this.url === document.URL && this.$viewModel.' +
-                this.getGobackCommand(componentConfig) +
-                '();},'
-            : ''}
-        ${parameter.templateHtml.includes('fm-swipecell') ? `beforeShow() {
-          return new Promise((resolve )=>{
-            setTimeout(()=>{
-              resolve()
-            }, 100)
-          })
-        },` : ''}
-        
-    },
-    components:{
-        ${parameter.childComponents}
-        ${parameter.externalImport.register}
-    },
-    beforeCreate(){
-        ${this.generateInitPage(componentConfig)}
-        ${this.getOnLoadDataCommand(componentConfig)
-            ? 'this.$app.context.eventBus.subscribe("' +
-                componentId +
-                "\",(event) => {if(event['type'] === 'LoadData'){" +
-                this.getOnLoadDataCommand(componentConfig) +
-                '}});'
-            : ''}
-        ${this.getOnBeforeInitCommand(componentConfig)}
-        beforeCreateByVueAdapter && beforeCreateByVueAdapter(this);
-        // 初始加载数据
-        //this.pageLoad();
-        //this.$viewModel.load();
-    },
-    created(){
-        ${this.getOnInitCommand(componentConfig) ? 'this.pageLoad();' : ''}
-        createdByVueAdapter && createdByVueAdapter(this);
-    },
-    mounted() {
-        ${componentConfig.keepAlive ? '' : this.getGobackCommandCode(componentConfig)}
-        ${componentConfig.keepAlive ? '' : this.getGobackCommandForWF(componentConfig)}
-        this.$nextTick(function () {
-            this.$bindComponentExtenders(this.$refs);
-        });
-        mountedByVueAdapter && mountedByVueAdapter(this);
-    },
-    updated() {
-        this.$bindComponentExtenders(this.$refs);
-        updatedByVueAdapter && updatedByVueAdapter(this);
-    },
-    ${this.generateActivated(componentConfig)}
-    beforeUnmount() {
-        ${this.getOnLoadDataCommand(componentConfig)
-            ? 'this.$app.context.eventBus.unsubscribe("' + componentId + '"),'
-            : ''}
-        ${componentConfig.goBack && !componentConfig.keepAlive
-            ? 'window.removeEventListener("popstate", this.goBack, false); //false阻止默认事件'
-            : ''}
-        this.$unbindComponentExtenders(this.$refs);
-        beforeUnmountByVueAdapter && beforeUnmountByVueAdapter(this);
-    }
-}
-</script>
-<style>
-${componentConfig.customClass ? componentConfig.customClass : ''}
-</style>
-`;
-        this.createFile(context.basePath, context.fileName, generateString);
-        return response;
-    }
-    getOnInitCommand(componentConfig) {
-        if (componentConfig.onInit) {
-            return componentConfig.onInit;
-        }
-        return '';
-    }
-    getOnBeforeInitCommand(componentConfig) {
-        if (componentConfig.onBeforeInit) {
-            return componentConfig.onBeforeInit;
-        }
-        return '';
-    }
-    getOnActivedCommand(componentConfig) {
-        if (componentConfig.onActived) {
-            return componentConfig.onActived;
-        }
-        return '';
-    }
-    getOnLoadDataCommand(componentConfig) {
-        if (componentConfig.onLoadData) {
-            return componentConfig.onLoadData;
-        }
-        return '';
-    }
-    generateCommands(commands) {
-        if (!commands) {
-            return '';
-        }
-        let generateString = '';
-        commands.forEach((item, index) => {
-            generateString += "'" + item.code + "'";
-            if (index < commands.length - 1) {
-                generateString += ',';
-            }
-        });
-        return generateString;
-    }
-    generateInitPage(componentConfig, from) {
-        const providerName = page_provider_manager_1.PageProviderManager.generateProviderName(componentConfig.id);
-        return `
-    // 创建ViewModel
-    const viewModelOptions = {
-      id: '${componentConfig.id}',
-      ${from === 'activated' ? 'keepAlive: true,' : ''}
-      providers: ${providerName}
-    };
-    this.$initPage(viewModelOptions);`;
-    }
-    generateActivated(componentConfig) {
-        if (componentConfig.keepAlive) {
-            return `activated() {
-        ${this.generateInitPage(componentConfig, 'activated')}
-        ${this.getGobackCommandCode(componentConfig)}
-        ${this.getGobackCommandForWF(componentConfig)}
-        ${this.getOnActivedCommand(componentConfig)}
-        scrollActivated && scrollActivated(this);
-    },
-    deactivated() {
-        ${componentConfig.goBack
-                ? 'window.removeEventListener("popstate", this.goBack, false); //false阻止默认事件'
-                : ''}
-        scrollDeactivated && scrollDeactivated(this);
-    },`;
-        }
-        return '';
-    }
-    getGobackCommandForWF(componentConfig) {
-        if (componentConfig.goBackForWF) {
-            return `
-        window.top['detailBackBtnClickHandler'] = this.${componentConfig.goBackForWF};`;
-        }
-        return '';
-    }
-    getGobackCommand(componentConfig) {
-        if (componentConfig.goBack) {
-            return componentConfig.goBack;
-        }
-        return '';
-    }
-    getGobackCommandCode(componentConfig) {
-        if (componentConfig.goBack) {
-            return `
-        if (window.history && window.history.pushState) {
-            this.url = document.URL
-            history.pushState(null, null, document.URL);
-            window.addEventListener("popstate", this.goBack, false); //false阻止默认事件
-        }`;
-        }
-        return '';
-    }
-}
-exports.PageComponentGenerator = PageComponentGenerator;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageComponentGenerator = void 0;
+const abstract_file_generator_1 = require("../abstract-file-generator");
+const file_generator_response_1 = require("../file-generator-response");
+const page_provider_manager_1 = require("../../page-manager/page-provider-manager");
+class PageComponentGenerator extends abstract_file_generator_1.AbstractFileGenerator {
+    generate(context) {
+        const response = file_generator_response_1.FileGeneratorResponse.getNewEmptyInstance();
+        const parameter = context.externalParameter;
+        const componentId = parameter.componentId;
+        const providerName = page_provider_manager_1.PageProviderManager.generateProviderName(componentId);
+        const componentConfig = parameter.componentConfig;
+        const generateString = `
+<template>
+${parameter.templateHtml}
+</template>
+<script>
+import {
+    recomputable,
+    mapBindingStates,
+    mapCommandMethods,
+    bindListviewExtenderDir,
+    bindAttachmentExtenderDir,
+    mapProviders,
+    LookupMappingService,
+    filterData,
+    filterMapData,
+    beforeCreateByVueAdapter,
+    createdByVueAdapter,
+    mountedByVueAdapter,
+    updatedByVueAdapter,
+    beforeUnmountByVueAdapter,
+    scrollActivated,
+    scrollDeactivated
+  } from '@farris/mobile-vue-adapter';
+import {${providerName}} from "./${componentId.toLowerCase()}.provider";
+
+${parameter.componentRef}
+${parameter.externalImport.import}
+
+export default
+{
+    name : '${parameter.componentClassName}',
+    provide: mapProviders(),
+    data(){
+        return {
+            url:'',
+            lang: localStorage.getItem('languageCode') || "zh-CHS"
+        };
+    },
+    computed: {
+        ...mapBindingStates(),
+    },
+    methods:{
+        ${this.getOnInitCommand(componentConfig)
+            ? 'pageLoad(){' + this.getOnInitCommand(componentConfig) + '},'
+            : ''}
+        ...mapCommandMethods([${this.generateCommands(parameter.commands)}]),
+        ${this.getGobackCommand(componentConfig)
+            ? 'goBack() { this.url === document.URL && this.$viewModel.' +
+                this.getGobackCommand(componentConfig) +
+                '();},'
+            : ''}
+        ${parameter.templateHtml.includes('fm-swipecell') ? `beforeShow() {
+          return new Promise((resolve )=>{
+            setTimeout(()=>{
+              resolve()
+            }, 100)
+          })
+        },` : ''}
+        
+    },
+    components:{
+        ${parameter.childComponents}
+        ${parameter.externalImport.register}
+    },
+    beforeCreate(){
+        ${this.generateInitPage(componentConfig)}
+        ${this.getOnLoadDataCommand(componentConfig)
+            ? 'this.$app.context.eventBus.subscribe("' +
+                componentId +
+                "\",(event) => {if(event['type'] === 'LoadData'){" +
+                this.getOnLoadDataCommand(componentConfig) +
+                '}});'
+            : ''}
+        ${this.getOnBeforeInitCommand(componentConfig)}
+        beforeCreateByVueAdapter && beforeCreateByVueAdapter(this);
+        // 初始加载数据
+        //this.pageLoad();
+        //this.$viewModel.load();
+    },
+    created(){
+        ${this.getOnInitCommand(componentConfig) ? 'this.pageLoad();' : ''}
+        createdByVueAdapter && createdByVueAdapter(this);
+    },
+    mounted() {
+        ${componentConfig.keepAlive ? '' : this.getGobackCommandCode(componentConfig)}
+        ${componentConfig.keepAlive ? '' : this.getGobackCommandForWF(componentConfig)}
+        this.$nextTick(function () {
+            this.$bindComponentExtenders(this.$refs);
+        });
+        mountedByVueAdapter && mountedByVueAdapter(this);
+    },
+    updated() {
+        this.$bindComponentExtenders(this.$refs);
+        updatedByVueAdapter && updatedByVueAdapter(this);
+    },
+    ${this.generateActivated(componentConfig)}
+    beforeUnmount() {
+        ${this.getOnLoadDataCommand(componentConfig)
+            ? 'this.$app.context.eventBus.unsubscribe("' + componentId + '"),'
+            : ''}
+        ${componentConfig.goBack && !componentConfig.keepAlive
+            ? 'window.removeEventListener("popstate", this.goBack, false); //false阻止默认事件'
+            : ''}
+        this.$unbindComponentExtenders(this.$refs);
+        beforeUnmountByVueAdapter && beforeUnmountByVueAdapter(this);
+    }
+}
+</script>
+<style>
+${componentConfig.customClass ? componentConfig.customClass : ''}
+</style>
+`;
+        this.createFile(context.basePath, context.fileName, generateString);
+        return response;
+    }
+    getOnInitCommand(componentConfig) {
+        if (componentConfig.onInit) {
+            return componentConfig.onInit;
+        }
+        return '';
+    }
+    getOnBeforeInitCommand(componentConfig) {
+        if (componentConfig.onBeforeInit) {
+            return componentConfig.onBeforeInit;
+        }
+        return '';
+    }
+    getOnActivedCommand(componentConfig) {
+        if (componentConfig.onActived) {
+            return componentConfig.onActived;
+        }
+        return '';
+    }
+    getOnLoadDataCommand(componentConfig) {
+        if (componentConfig.onLoadData) {
+            return componentConfig.onLoadData;
+        }
+        return '';
+    }
+    generateCommands(commands) {
+        if (!commands) {
+            return '';
+        }
+        let generateString = '';
+        commands.forEach((item, index) => {
+            generateString += "'" + item.code + "'";
+            if (index < commands.length - 1) {
+                generateString += ',';
+            }
+        });
+        return generateString;
+    }
+    generateInitPage(componentConfig, from) {
+        const providerName = page_provider_manager_1.PageProviderManager.generateProviderName(componentConfig.id);
+        return `
+    // 创建ViewModel
+    const viewModelOptions = {
+      id: '${componentConfig.id}',
+      ${from === 'activated' ? 'keepAlive: true,' : ''}
+      providers: ${providerName}
+    };
+    this.$initPage(viewModelOptions);`;
+    }
+    generateActivated(componentConfig) {
+        if (componentConfig.keepAlive) {
+            return `activated() {
+        ${this.generateInitPage(componentConfig, 'activated')}
+        ${this.getGobackCommandCode(componentConfig)}
+        ${this.getGobackCommandForWF(componentConfig)}
+        ${this.getOnActivedCommand(componentConfig)}
+        scrollActivated && scrollActivated(this);
+    },
+    deactivated() {
+        ${componentConfig.goBack
+                ? 'window.removeEventListener("popstate", this.goBack, false); //false阻止默认事件'
+                : ''}
+        scrollDeactivated && scrollDeactivated(this);
+    },`;
+        }
+        return '';
+    }
+    getGobackCommandForWF(componentConfig) {
+        if (componentConfig.goBackForWF) {
+            return `
+        window.top['detailBackBtnClickHandler'] = this.${componentConfig.goBackForWF};`;
+        }
+        return '';
+    }
+    getGobackCommand(componentConfig) {
+        if (componentConfig.goBack) {
+            return componentConfig.goBack;
+        }
+        return '';
+    }
+    getGobackCommandCode(componentConfig) {
+        if (componentConfig.goBack) {
+            return `
+        if (window.history && window.history.pushState) {
+            this.url = document.URL
+            history.pushState(null, null, document.URL);
+            window.addEventListener("popstate", this.goBack, false); //false阻止默认事件
+        }`;
+        }
+        return '';
+    }
+}
+exports.PageComponentGenerator = PageComponentGenerator;
 //# sourceMappingURL=page-component-generator.js.map