@farris/jit-engine 1.3.303 → 1.3.304

package/lib/mobileapp/vue/utility/i18n/i18n-resource-manager.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18nResourceManager = void 0;
+const build_file_version_constants_1 = require("../../../../utility/build-file-version/build-file-version-constants");
+const build_file_version_manager_1 = require("../../../../utility/build-file-version/build-file-version-manager");
+const directory_file_helper_1 = require("../../../../utility/directory-file-helper");
+const logger_helper_1 = require("../../../../utility/logger/logger-helper");
+const toolhepler_1 = require("../../../../utility/toolhepler");
+class I18nResourceManager {
+    static generateI18nResourceId(id, prefix) {
+        if (prefix) {
+            return prefix + "/" + id;
+        }
+        return id;
+    }
+    static generateI18nResourceIdWithoutPrefix(id) {
+        return this.generateI18nResourceId(id, null);
+    }
+    static wrapStringWithSingleQuotes(str) {
+        if (!str) {
+            return str;
+        }
+        return `'${str}'`;
+    }
+    static generateSimpleAttrI18nVal(component, attrName, prefix) {
+        const componentType = component.type;
+        const componentId = component.id;
+        const attrVal = component[attrName];
+        const i18nAttrResourceId = this.generateI18nResourceId(`${componentType}/${componentId}/${attrName}`, prefix);
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${attrVal}')`;
+        return i18nAttrVal;
+    }
+    static getI18nTitle(component, prefix) {
+        const i18nTitle = this.generateSimpleAttrI18nVal(component, 'title', prefix);
+        return i18nTitle;
+    }
+    static generateSimpleAttrI18nValWithoutType(component, attrName, componentId, prefix) {
+        const attrVal = component[attrName];
+        const i18nAttrResourceId = this.generateI18nResourceId(`${componentId}/${attrName}`, prefix);
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${attrVal}')`;
+        return i18nAttrVal;
+    }
+    static generateEnumAttrI18nVal(component, item) {
+        const componentType = component.type;
+        const componentId = component.id;
+        const attrName = item[component.textField];
+        const attrVal = item[component.valueField];
+        let attr = 'enumData';
+        if (componentType === 'CheckGroup') {
+            attr = 'items';
+        }
+        const i18nAttrResourceId = this.generateI18nResourceId(`${componentType}/${componentId}/${attr}/${attrVal}`, '');
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${attrName}')`;
+        return i18nAttrVal;
+    }
+    static getI18nToolbarItemText(toolbarItem, prefix) {
+        const componentId = toolbarItem.id;
+        const i18nText = this.generateSimpleAttrI18nValWithoutType(toolbarItem, "text", componentId, prefix);
+        return i18nText;
+    }
+    static getI18nTabbarItemTitle(toolbarItem, prefix) {
+        const componentId = toolbarItem.name;
+        const i18nText = this.generateSimpleAttrI18nValWithoutType(toolbarItem, "title", componentId, prefix);
+        return i18nText;
+    }
+    static getI18nInputPlaceholder(input, prefix) {
+        const i18nPlaceholder = this.generateSimpleAttrI18nVal(input, 'placeholder', prefix);
+        return i18nPlaceholder;
+    }
+    static getI18nEnumField(input, item) {
+        const i18nPlaceholder = this.generateEnumAttrI18nVal(input, item);
+        return i18nPlaceholder;
+    }
+    static getI18nEventsTitle(input, item) {
+        const i18nAttrResourceId = this.generateI18nResourceId(`${input.type}/${input.id}/events/${item.id}/title`, null);
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${item.title}')`;
+        return i18nAttrVal;
+    }
+    static getI18nEventsContent(input, item) {
+        const i18nAttrResourceId = this.generateI18nResourceId(`${input.type}/${input.id}/events/${item.id}/content`, null);
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${item.content}')`;
+        return i18nAttrVal;
+    }
+    static getI18nQuerySchemeEnumValues(component, prefix) {
+        const i18nAttrResourceId = this.generateI18nResourceId(`${component.value}`, prefix);
+        const i18nAttrVal = `$transform('${i18nAttrResourceId}','${component.name}')`;
+        return i18nAttrVal;
+    }
+    static getI18nuerySchemeName(fieldConfig, prefix) {
+        const componentId = fieldConfig.id;
+        const i18nText = this.generateSimpleAttrI18nValWithoutType(fieldConfig, "name", componentId, prefix);
+        return i18nText;
+    }
+    static getI18nuerySchemePlaceholder(control, prefix) {
+        const placeholder = control.placeholder;
+        const i18nAttrVal = `$transform('${prefix}/placeholder','${placeholder}')`;
+        return i18nAttrVal;
+    }
+    static copyI18nFolder(sourceBasePath, formModuleCode, targetBasePath, projectName) {
+        const sourcePath = `${sourceBasePath}/i18n/${formModuleCode.toLowerCase()}/i18n`;
+        let targetPath = `${targetBasePath}/src/assets/${formModuleCode.toLowerCase()}/i18n`;
+        if (directory_file_helper_1.DirectoryFileHelper.isExists(sourcePath)) {
+            directory_file_helper_1.DirectoryFileHelper.copyDir(sourcePath, targetPath, (error) => {
+                logger_helper_1.LoggerHelper.log(`copy i18n folder failed, the path is ${sourcePath}, error message is ${error}`);
+            });
+            return;
+            if (directory_file_helper_1.DirectoryFileHelper.isExists(targetPath)) {
+                const files = directory_file_helper_1.DirectoryFileHelper.getFilesInDir(targetPath);
+                if (toolhepler_1.ToolHelper.isArray(files, false)) {
+                    files.map((file) => {
+                        const fileContent = directory_file_helper_1.DirectoryFileHelper.readFile(toolhepler_1.ToolHelper.pathJoinAndnormalize(targetPath, file));
+                        const i18nVersionKey = `${formModuleCode.toLocaleLowerCase()}/${file}`;
+                        build_file_version_manager_1.BuildFileVersionManager.updateBuildFileVersionWithFileContent(build_file_version_constants_1.BuildFileVersionContants.I18nCategory, i18nVersionKey, fileContent);
+                    });
+                }
+            }
+        }
+    }
+}
+exports.I18nResourceManager = I18nResourceManager;
+//# sourceMappingURL=i18n-resource-manager.js.map

package/lib/mobileapp/vue/utility/i18n/i18n-resource-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-resource-manager.js","sourceRoot":"","sources":["../../../../../src/mobileapp/vue/utility/i18n/i18n-resource-manager.ts"],"names":[],"mappings":"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"}

package/lib/mobileapp/vue/utility/i18n/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./i18n-resource-manager"), exports);
+//# sourceMappingURL=index.js.map

package/lib/mobileapp/vue/utility/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/mobileapp/vue/utility/i18n/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0DAAwC"}

package/lib/mobileapp/vue/utility/index.js

@@ -13,4 +13,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./mobileapp-vue-constant"), exports);
 __exportStar(require("./return-response"), exports);
 __exportStar(require("./type-convert"), exports);
+__exportStar(require("./i18n"), exports);
 //# sourceMappingURL=index.js.map

package/lib/mobileapp/vue/utility/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAAyC;AACzC,oDAAmC;AACnC,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAAyC;AACzC,oDAAmC;AACnC,iDAA8B;AAC9B,yCAAsB"}

package/lib/mobileapp/vue/utility/parameter-collector/page-component-collector/page-component-ref-parameter.js

@@ -14,8 +14,8 @@ class PageComponentRefParameter {
         if (!obj) {
             return;
         }
-        const keys = `
-    id,type,component,visible
+        const keys = `
+    id,type,component,visible
     `;
         Object.keys(obj).forEach(key => {
             if (keys.includes(key)) {

package/lib/mobileapp/vue/utility/template-generator/page-component-control-generator.js

@@ -9,12 +9,12 @@ class PageComponentControlGenerator {
         if (componentConfig && componentConfig.pageComponentControl && utility_1.ToolHelper.isArray(componentConfig.pageComponentControl.parameterList)) {
             const controlTypeList = [];
             componentConfig.pageComponentControl.parameterList.forEach((item) => {
-                generateString += `
+                generateString += `
 import {${item.controlType.controlType}} from "${item.controlType.controlSource}";`;
                 controlTypeList.push(item.controlType.controlType);
             });
             controlTypeList.forEach((item) => {
-                generateString += `
+                generateString += `
 Vue.use(${item});`;
             });
         }

package/lib/mobileapp/vue/utility/template-generator/page-component-ref-generator.js

@@ -8,7 +8,7 @@ class PageComponentRefGenerator {
         const componentConfig = generateParams.value;
         if (utility_1.ToolHelper.isArray(componentConfig.pageComponentRef, false)) {
             componentConfig.pageComponentRef.forEach((item) => {
-                generateString += `
+                generateString += `
 import ${"App" + item.componentName} from "../${item.component.toLowerCase()}/${item.component.toLowerCase()}.component.vue";`;
             });
         }

package/lib/mobileapp/vue/utility/template-generator/page-statemachine-generator.js

@@ -8,60 +8,60 @@ class PageStateMachineGenerator extends abstract_page_generator_1.AbstractPageGe
         const variable = generateParams.devkit;
         let generateString = "";
         const eol = this.eol;
-        generateString += `
-import { Injectable } from '@angular/core';
-import { StateMachine, State, NgState, RenderState, NgRenderState, Action, NgAction } from '@farris/devkit';
+        generateString += `
+import { Injectable } from '@angular/core';
+import { StateMachine, State, NgState, RenderState, NgRenderState, Action, NgAction } from '@farris/devkit';
 `;
-        generateString += `
-@Injectable()
-export class ${this.convertNullToEmpty(variable.externalPrefix)}${variable.name} extends StateMachine {
+        generateString += `
+@Injectable()
+export class ${this.convertNullToEmpty(variable.externalPrefix)}${variable.name} extends StateMachine {
 `;
         if (toolhepler_1.ToolHelper.isArray(variable.ngStates, false)) {
             variable.ngStates.forEach((ngState) => {
                 if (ngState.initialState) {
-                    generateString += `
-    @NgState({
-        initialState: true
+                    generateString += `
+    @NgState({
+        initialState: true
     })`;
                 }
                 else {
-                    generateString += `
+                    generateString += `
     @NgState()`;
                 }
-                generateString += `
+                generateString += `
     ${ngState.name}: State;`;
                 generateString += eol;
             });
         }
         if (toolhepler_1.ToolHelper.isArray(variable.ngRenderStates, false)) {
             variable.ngRenderStates.forEach((ngRenderState) => {
-                generateString += `
-    @NgRenderState({
-        render: ${ngRenderState.render}
-    })
+                generateString += `
+    @NgRenderState({
+        render: ${ngRenderState.render}
+    })
     ${ngRenderState.name}: RenderState;`;
                 generateString += this.eol;
             });
         }
         if (toolhepler_1.ToolHelper.isArray(variable.ngActions, false)) {
             variable.ngActions.forEach((ngAction) => {
-                generateString += `
+                generateString += `
     @NgAction({`;
                 if (ngAction.precondition) {
-                    generateString += `
+                    generateString += `
         precondition: ${ngAction.precondition},`;
                 }
                 if (ngAction.transitTo) {
-                    generateString += `
+                    generateString += `
         transitTo: '${ngAction.transitTo}'`;
                 }
-                generateString += `
-    })
+                generateString += `
+    })
     ${ngAction.name}: Action;`;
                 generateString += this.eol;
             });
         }
-        generateString += `
+        generateString += `
 }`;
         return generateString;
     }

package/lib/mobileapp/vue/utility/vue-content-type-creator.js

@@ -15,7 +15,11 @@ VueContentTypeCreator.VueTypeMap = {
     PageContentContainer: 'VuePageContentContainer',
     PageFooterContainer: 'VuePageFooterContainer',
     ContentContainer: 'VueContentContainer',
+    TemplateContainer: 'VueTemplateContainer',
     FloatContainer: 'VueFloatContainer',
+    LayoutContainer: 'VueLayoutContainer',
+    LayoutContainerRow: 'VueLayoutContainerRow',
+    LayoutContainerCol: 'VueLayoutContainerCol',
     Tab: 'VueTabs',
     TabPage: 'VueTabPage',
     Section: 'VueSection',
@@ -34,6 +38,9 @@ VueContentTypeCreator.VueTypeMap = {
     ActionBar: 'VueActionBar',
     NavigationBar: 'VueNavBar',
     SearchBox: 'VueSearchBox',
+    Icon: 'VueIcon',
+    Tag: 'VueTag',
+    Label: 'VueLabel',
     TextBox: 'VueTextBox',
     DateBox: 'VueDatePicker',
     NumericBox: 'VueNumber',
@@ -69,6 +76,8 @@ VueContentTypeCreator.VueTypeMap = {
     StaticText: 'VueStaticText',
     Banner: 'VueBanner',
     PersonnelInfo: 'VueStaffInfo',
+    Avatar: 'VueAvatar',
+    Text: 'VueText',
     QueryScheme: 'VueFilter',
     Uploader: 'VueAttachment',
     AttachmentEntry: 'VueAttachmentEntry',

package/lib/mobileapp/vue/utility/vue-content-type-creator.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-content-type-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-content-type-creator.ts"],"names":[],"mappings":";;;AAQA,MAAa,qBAAqB;IAmF9B,MAAM,CAAC,MAAM,CAAC,WAAmB,EAAE,aAAqB,EAAE,WAAmB;QACzE,IAAI,MAAM,GAAY,IAAI,CAAC,UAAkB,CAAC,WAAW,CAAC,CAAC;QAC3D,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IACzC,CAAC;;AAtFL,sDAuFC;AArFU,gCAAU,GAAQ;IAErB,YAAY,EAAE,iBAAiB;IAC/B,aAAa,EAAE,kBAAkB;IACjC,mBAAmB,EAAE,wBAAwB;IAC7C,oBAAoB,EAAE,yBAAyB;IAC/C,mBAAmB,EAAE,wBAAwB;IAC7C,gBAAgB,EAAE,qBAAqB;IACvC,cAAc,EAAE,mBAAmB;IACnC,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,kBAAkB;IAG1B,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,WAAW,EAAE,gBAAgB;IAC7B,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,SAAS,EAAE,cAAc;IACzB,aAAa,EAAE,WAAW;IAC1B,SAAS,EAAE,cAAc;IAGzB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,WAAW;IACvB,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,aAAa;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,kBAAkB;IAC9B,WAAW,EAAE,gBAAgB;IAC7B,cAAc,EAAE,mBAAmB;IACnC,oBAAoB,EAAE,qBAAqB;IAC3C,iBAAiB,EAAE,mBAAmB;IACtC,gBAAgB,EAAE,qBAAqB;IACvC,yBAAyB,EAAE,8BAA8B;IACzD,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,eAAe;IAC3B,eAAe,EAAE,iBAAiB;IAClC,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,oBAAoB;IACvC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,mBAAmB;IAG/B,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,aAAa;IACvB,QAAQ,EAAE,aAAa;IACvB,YAAY,EAAE,iBAAiB;IAC/B,QAAQ,EAAE,aAAa;IACvB,iBAAiB,EAAE,iBAAiB;IACpC,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE,cAAc;IAG7B,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,eAAe;IACzB,eAAe,EAAE,oBAAoB;IACrC,UAAU,EAAE,eAAe;IAC3B,eAAe,EAAE,mBAAmB;IACpC,kBAAkB,EAAE,uBAAuB;IAC3C,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,iBAAiB;CAElC,CAAA"}
+{"version":3,"file":"vue-content-type-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-content-type-creator.ts"],"names":[],"mappings":";;;AAQA,MAAa,qBAAqB;IA6F9B,MAAM,CAAC,MAAM,CAAC,WAAmB,EAAE,aAAqB,EAAE,WAAmB;QACzE,IAAI,MAAM,GAAY,IAAI,CAAC,UAAkB,CAAC,WAAW,CAAC,CAAC;QAC3D,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IACzC,CAAC;;AAhGL,sDAiGC;AA/FU,gCAAU,GAAQ;IAErB,YAAY,EAAE,iBAAiB;IAC/B,aAAa,EAAE,kBAAkB;IACjC,mBAAmB,EAAE,wBAAwB;IAC7C,oBAAoB,EAAE,yBAAyB;IAC/C,mBAAmB,EAAE,wBAAwB;IAC7C,gBAAgB,EAAE,qBAAqB;IACvC,iBAAiB,EAAE,sBAAsB;IACzC,cAAc,EAAE,mBAAmB;IACnC,eAAe,EAAE,oBAAoB;IACrC,kBAAkB,EAAE,uBAAuB;IAC3C,kBAAkB,EAAE,uBAAuB;IAC3C,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,kBAAkB;IAG1B,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,WAAW,EAAE,gBAAgB;IAC7B,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,SAAS,EAAE,cAAc;IACzB,aAAa,EAAE,WAAW;IAC1B,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,UAAU;IAGjB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,WAAW;IACvB,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,aAAa;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,kBAAkB;IAC9B,WAAW,EAAE,gBAAgB;IAC7B,cAAc,EAAE,mBAAmB;IACnC,oBAAoB,EAAE,qBAAqB;IAC3C,iBAAiB,EAAE,mBAAmB;IACtC,gBAAgB,EAAE,qBAAqB;IACvC,yBAAyB,EAAE,8BAA8B;IACzD,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,eAAe;IAC3B,eAAe,EAAE,iBAAiB;IAClC,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,oBAAoB;IACvC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,mBAAmB;IAG/B,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,aAAa;IACvB,QAAQ,EAAE,aAAa;IACvB,YAAY,EAAE,iBAAiB;IAC/B,QAAQ,EAAE,aAAa;IACvB,iBAAiB,EAAE,iBAAiB;IACpC,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE,cAAc;IAE7B,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IAGf,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,eAAe;IACzB,eAAe,EAAE,oBAAoB;IACrC,UAAU,EAAE,eAAe;IAC3B,eAAe,EAAE,mBAAmB;IACpC,kBAAkB,EAAE,uBAAuB;IAC3C,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,iBAAiB;CAElC,CAAA"}

package/lib/mobileapp/vue/utility/vue-object-creator.js

@@ -21,6 +21,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueObjectCreator = void 0;
 const Dom = __importStar(require("../domstructure"));
+const index_1 = require("../domstructure/internal-entity/contexts/index");
+const vue_content_type_creator_1 = require("./vue-content-type-creator");
 class VueObjectCreator {
     static createObjectByType(type, i18nResourcePrefix) {
         const dom = Dom;
@@ -30,6 +32,26 @@ class VueObjectCreator {
         }
         return domValue;
     }
+    static getVueUINodeType(type, i18nResourcePrefix) {
+        const uiNodeType = this.createObjectByType(type, i18nResourcePrefix);
+        return uiNodeType;
+    }
+    static createVueUINodeInstance(originNode, parentVueNodeInstance, i18nResourcePrefix, params) {
+        const vueNodeTypeString = vue_content_type_creator_1.VueContentTypeCreator.create(originNode.type, null, null);
+        if (!vueNodeTypeString) {
+            return null;
+        }
+        const vueNodeType = this.getVueUINodeType(vueNodeTypeString, i18nResourcePrefix);
+        if (!vueNodeType) {
+            return null;
+        }
+        const vueNodeContext = new index_1.VueUINodeContext(parentVueNodeInstance);
+        if (params) {
+            vueNodeContext.setParams(params);
+        }
+        const vueNodeInstance = new vueNodeType(originNode, vueNodeContext);
+        return vueNodeInstance;
+    }
 }
 exports.VueObjectCreator = VueObjectCreator;
 //# sourceMappingURL=vue-object-creator.js.map

package/lib/mobileapp/vue/utility/vue-object-creator.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-object-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-object-creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AAQvC,MAAa,gBAAgB;IAUzB,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,kBAA0B;QAC9D,MAAM,GAAG,GAAG,GAAG,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,kBAAkB,CAAC;SACnD;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;CACJ;AAnBD,4CAmBC"}
+{"version":3,"file":"vue-object-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-object-creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AAEvC,0EAAuG;AACvG,yEAAmE;AAQnE,MAAa,gBAAgB;IAUzB,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,kBAA0B;QAC9D,MAAM,GAAG,GAAG,GAAG,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,kBAAkB,CAAC;SACnD;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAMD,MAAM,CAAC,gBAAgB,CAAC,IAAY,EAAE,kBAA0B;QAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAErE,OAAO,UAAU,CAAC;IACtB,CAAC;IAOD,MAAM,CAAC,uBAAuB,CAAC,UAAe,EAAE,qBAA0B,EAAE,kBAA0B,EAAE,MAA6B;QACjI,MAAM,iBAAiB,GAAG,gDAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACpF,IAAI,CAAC,iBAAiB,EAAE;YACpB,OAAO,IAAI,CAAC;SACf;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;QACjF,IAAI,CAAC,WAAW,EAAE;YACd,OAAO,IAAI,CAAC;SACf;QAED,MAAM,cAAc,GAAG,IAAI,wBAAgB,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,MAAM,EAAE;YACR,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACpC;QAED,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAEpE,OAAO,eAAe,CAAC;IAC3B,CAAC;CACJ;AAtDD,4CAsDC"}

package/lib/template/ui/mobilevue/action-bar.pug

@@ -1,10 +1,10 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-
-fm-action-bar(
-  v-if=variable.visible?variable.visible+"":"false"
-  style=(variable.appearance && variable.appearance.style)  
-  class=(variable.appearance && variable.appearance.class)  
-  id=variable.id?"" + variable.id:undefined 
-  :btns=variable.btns?"" + variable.btns:undefined 
-)
-  
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+
+fm-action-bar(
+  v-if=variable.visible?variable.visible+"":"false"
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
+  id=variable.id?"" + variable.id:undefined 
+  :btns=variable.btns?"" + variable.btns:undefined 
+)
+  

package/lib/template/ui/mobilevue/approval-comments.pug

@@ -2,7 +2,7 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -var visible = variable.visible ? String(variable.visible.value) : undefined;
-- var data = `$formatUtils.getApprovalComments(currentEntityData, '${variable.bindingPath || ""}', '${variable.title || ""}')`;
+- var data = `$formatUtils.getApprovalComments(currentEntityData, '${variable.bindingPath || ""}', ${variable.i18nTitle})`;
 
 fm-approval-comments(
   v-if=visible

package/lib/template/ui/mobilevue/approval-info.pug

@@ -2,13 +2,13 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
--var noticeText = `流程编号${variable.code}，发布于${variable.releaseDate}`
+-var noticeText = `流程编号{{ ${variable.i18nCode} }}，发布于${variable.releaseDate}`
 
 fm-approval-info(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  code=variable.code?""+variable.code:undefined 
-  name=variable.name?""+variable.name:undefined 
+  :code=variable.code?variable.i18nCode:undefined 
+  :name=variable.name?variable.i18nName:undefined 
   releaseDate=variable.releaseDate?""+variable.releaseDate:undefined 
   description=variable.description?""+variable.description:undefined 
 )&attributes(attrs)

package/lib/template/ui/mobilevue/approval-logs.pug

@@ -7,6 +7,6 @@
 approval-logs(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?""+variable.title:undefined 
+  :title=variable.title?variable.i18nTitle:undefined 
   :dataId=variable.dataId ?""+variable.dataId:undefined 
 )

package/lib/template/ui/mobilevue/area-picker.pug

@@ -3,8 +3,6 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -13,12 +11,15 @@
 -var disable = variable.disable ? String(variable.disable.value) : undefined;
 -var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
 
+
 div(
   v-if=visible
   class="fm-input-wrapper" 
 )
   fm-area-picker(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -50,6 +51,6 @@ div(
         <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
           <fm-icon name="s-illustrate-o"/>
           <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

package/lib/template/ui/mobilevue/attachment-file.pug

@@ -7,7 +7,7 @@ fm-attachment-file(
   v-if=variable.visible?variable.visible+"":"false"
   :fileList=fileList
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?"" + variable.title:undefined
+  :title=variable.title?variable.i18nTitle:undefined
   :required=require
   :disabled=variable.disabled?"" + variable.disabled:undefined
   :removable=variable.removable?"" + variable.removable:undefined

package/lib/template/ui/mobilevue/avatar.pug

@@ -0,0 +1,19 @@
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+div(
+ v-if!=""+visible
+)
+	fm-avatar(
+	  fit!=variable.fit?"" + variable.fit:undefined 
+	  border!=variable.border?"" + variable.border:undefined
+	  srcMode!=variable.srcMode?"" + variable.srcMode:undefined
+	  :sysUserId!=variable.sysUserId?"" + variable.sysUserId:undefined
+	  :dynamicSrc!=variable.dynamicSrc?"" + variable.dynamicSrc:undefined 
+	  :attachId!=variable.attachId?"" + variable.attachId:undefined 
+	  rootId!=variable.rootId?"" + variable.rootId:undefined
+	  :avatarText !=variable.avatarText?"" + variable.avatarText:undefined 
+	  width!=variable.width?"" + variable.width:undefined 
+	  height!=variable.height?"" + variable.height:undefined 
+	)&attributes(attrs)

package/lib/template/ui/mobilevue/banner.pug

@@ -1,5 +1,5 @@
-div(class="fm-banner-warpper")
-  div(class="fm-banner-title")
-    | !{variable.title}
-  div(class="fm-banner-title-sub") 
+div(class="fm-banner-warpper")
+  div(class="fm-banner-title")
+    | !{variable.title}
+  div(class="fm-banner-title-sub") 
     | !{variable.subTitle}

package/lib/template/ui/mobilevue/button.pug

@@ -20,4 +20,4 @@ fm-button(
   if variable.template
     | !{variable.template}
   else 
-    | !{variable.text}
+    | !{variable.i18nText}

package/lib/template/ui/mobilevue/calendar-input.pug

@@ -3,8 +3,6 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -15,12 +13,15 @@
 -var minValue = variable.minValue ? String(variable.minValue.value) : undefined;
 -var maxValue = variable.maxValue ? String(variable.maxValue.value) : undefined;
 
+
 div(
   v-if=visible
   class="fm-input-wrapper" 
 )
   fm-calendar-input(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -59,6 +60,6 @@ div(
         <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
           <fm-icon name="s-illustrate-o"/>
           <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

package/lib/template/ui/mobilevue/card.pug

@@ -7,9 +7,9 @@ fm-card(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
   icon=variable.icon?String(variable.icon):undefined
-  title=variable.title?String(variable.title):undefined
+  :title=variable.title?variable.i18nTitle:undefined
   :collapsible=variable.collapsible?String(variable.collapsible) : 'false'
-  :actions=variable.actions?String(variable.actions):undefined
+  :actions=variable.actions?variable.i18nActions:undefined
 )&attributes(attrs)
   if(variable.headerTemplate)
     template(#header)

package/lib/template/ui/mobilevue/checkbox-group.pug

@@ -2,7 +2,6 @@
 -var attrs = {};
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
--attrs.label = variable.title? String(variable.title) : undefined 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : undefined
@@ -14,7 +13,7 @@
 -var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
 -var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
 -var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
--var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.items
+-var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.i18nEnumData
 
 div(
   v-if=visible
@@ -23,6 +22,7 @@ div(
   fm-input(
     center
     :required=require
+    :label = variable.title? variable.i18nTitle : undefined
     input-align="right"
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     direction=inputDirection?inputDirection+"":undefined
@@ -48,6 +48,6 @@ div(
         <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
           <fm-icon name="s-illustrate-o"/>
           <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

package/lib/template/ui/mobilevue/component-ref.pug

@@ -1,3 +1,3 @@
-//- -var variable = {id:'id',"component":"Delivery-component", "componentName":"DeliveryComponent"};
-
-#{'app-' + variable.componentName.toLowerCase()}
+//- -var variable = {id:'id',"component":"Delivery-component", "componentName":"DeliveryComponent"};
+
+#{'app-' + variable.componentName.toLowerCase()}

package/lib/template/ui/mobilevue/custom-box.pug

@@ -3,8 +3,6 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -14,12 +12,16 @@
 -var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
 -var bind = variable.bind ? String(variable.bind) : undefined;
 
+
+
 div(
   v-if=visible
   class="fm-input-wrapper" 
 )
   component(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -52,7 +54,7 @@ div(
         <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
           <fm-icon name="s-illustrate-o"/>
           <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>