@farris/jit-engine 1.3.347 → 1.3.349

package/lib/mobileapp/vue/static/.editorconfig

@@ -1,9 +1,9 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/lib/mobileapp/vue/static/.prettierrc

@@ -1,7 +1,7 @@
-{
-  "semi":  true,
-  "trailingComma":  "all",
-  "singleQuote":  true,
-  "printWidth":  120,
-  "tabWidth":  2
+{
+  "semi":  true,
+  "trailingComma":  "all",
+  "singleQuote":  true,
+  "printWidth":  120,
+  "tabWidth":  2
 }

package/lib/mobileapp/vue/static/README.md

@@ -1,18 +1,18 @@
-# demo-rollup
-
-> A Vue.js project
-
-## Build Setup
-
-``` bash
-# install dependencies
-npm install
-
-# serve with hot reload at localhost:8080
-npm run dev
-
-# build for production with minification
-npm run build
-```
-
-For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
+# demo-rollup
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).

package/lib/mobileapp/vue/static/babel.config.js

@@ -1,13 +1,13 @@
-module.exports = {
-  presets: [
-    [
-      '@babel/env',
-      {
-        targets: '> 0.25%, not dead',
-        modules: false,
-        loose: true,
-      },
-    ],
-    '@babel/typescript',
-  ],
-};
+module.exports = {
+  presets: [
+    [
+      '@babel/env',
+      {
+        targets: '> 0.25%, not dead',
+        modules: false,
+        loose: true,
+      },
+    ],
+    '@babel/typescript',
+  ],
+};

package/lib/mobileapp/vue/static/src/main.ts

@@ -1,10 +1,10 @@
-import { AppCreator } from '@farris/mobile-vue-adapter';
-import vant from "vant";
-import App from './app.vue'
-import router from './router'
-import FarrisMobileUI from '@farris/mobile-ui';
-import FarrisMobileBusinessUI from '@farris/mobile-business-ui';
-
-const app = AppCreator.createApp(App);
-app.use(router).use(vant).use(FarrisMobileUI).use(FarrisMobileBusinessUI)
+import { AppCreator } from '@farris/mobile-vue-adapter';
+import vant from "vant";
+import App from './app.vue'
+import router from './router'
+import FarrisMobileUI from '@farris/mobile-ui';
+import FarrisMobileBusinessUI from '@farris/mobile-business-ui';
+
+const app = AppCreator.createApp(App);
+app.use(router).use(vant).use(FarrisMobileUI).use(FarrisMobileBusinessUI)
 app.mount('#app')

package/lib/mobileapp/vue/static/src/shims-vue.d.ts

@@ -1,32 +1,32 @@
-
-
-declare module '*.vue' {
-  import { defineComponent } from 'vue'
-  const component: ReturnType<typeof defineComponent>
-  export default component
-}
-
-declare module 'vue/types/vue' {
-  import { App, AppOptions, ViewModel, ViewModelOptions } from '@farris/mobile-devkit';
-
-  interface Vue {
-
-    $app: App;
-
-    $viewModel: ViewModel;
-
-    $createApp(options: AppOptions): void;
-
-    $getApp(): App;
-
-    $createViewModel(options: ViewModelOptions): void;
-
-    $getViewModel(): ViewModel;
-
-    [key: string]:any;
-
-  }
-
-}
-
-
+
+
+declare module '*.vue' {
+  import { defineComponent } from 'vue'
+  const component: ReturnType<typeof defineComponent>
+  export default component
+}
+
+declare module 'vue/types/vue' {
+  import { App, AppOptions, ViewModel, ViewModelOptions } from '@farris/mobile-devkit';
+
+  interface Vue {
+
+    $app: App;
+
+    $viewModel: ViewModel;
+
+    $createApp(options: AppOptions): void;
+
+    $getApp(): App;
+
+    $createViewModel(options: ViewModelOptions): void;
+
+    $getViewModel(): ViewModel;
+
+    [key: string]:any;
+
+  }
+
+}
+
+

package/lib/mobileapp/vue/static/tsconfig.json

@@ -1,20 +1,20 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "target": "ES3",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
-    "module": "ESNext",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
-    "allowJs": true,                       /* Allow javascript files to be compiled. */
-    "strict": true,                           /* Enable all strict type-checking options. */
-    "noImplicitAny": false,                 /* Raise error on expressions and declarations with an implied 'any' type. */
-    "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
-    "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true,                     /* Skip type checking of declaration files. */
-    "experimentalDecorators": true,
-    "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-    "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
-    "lib": ["ESNext","DOM","DOM.Iterable","ScriptHost"],                             /* Specify library files to be included in the compilation. */
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules","dist"]
-}
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "ES3",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
+    "module": "ESNext",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
+    "allowJs": true,                       /* Allow javascript files to be compiled. */
+    "strict": true,                           /* Enable all strict type-checking options. */
+    "noImplicitAny": false,                 /* Raise error on expressions and declarations with an implied 'any' type. */
+    "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
+    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,                     /* Skip type checking of declaration files. */
+    "experimentalDecorators": true,
+    "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+    "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
+    "lib": ["ESNext","DOM","DOM.Iterable","ScriptHost"],                             /* Specify library files to be included in the compilation. */
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules","dist"]
+}

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/template/ui/kendo/light-lookup.pug

@@ -0,0 +1,183 @@
+//- -var variable={};
+
+-var holdPlaceOuterAttrs={};
+-var holdPlaceInnerAttrs={};
+-var holdPlaceEmptyAttrs={};
+if(variable.holdPlace)
+    -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+    -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
+else
+    -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+    if(variable.holdPlace)
+        div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+    div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+        div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+            if (variable.title)
+                -var titleValue=variable.isStaticTitle?("'"+variable.resourceId+"'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+                if(variable.linkedLabelEnabled)
+                    label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+                        if (variable.require)
+                            span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+                        span(class="farris-label-text") {{#{titleValue}}}
+                else
+                    label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+                        if (variable.require)
+                            span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+                        span(class="farris-label-text") {{#{titleValue}}}
+            div(class="farris-input-wrap")
+                -var attrs={};
+                if (variable.binding && variable.binding.type=='Variable')
+                    -attrs['[(UIStateBinding)]']=variable.binding.value;
+                    -attrs['name']=variable.replacedId;
+                else
+                    -attrs['formControlName']=(variable.binding && variable.binding.path);
+                if (variable.lookupPicking)
+                    -attrs['[dictPicking]']=variable.lookupPicking;
+                if (variable.lookupPicked)
+                    -attrs['[dictPicked]']=variable.lookupPicked;
+                if (variable.beforeSelectData)
+                    -attrs['[beforeSelectData]']=variable.beforeSelectData;
+                if (variable.readonly)
+                    -attrs['[readonly]']=variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
+                if (variable.placeHolder&&variable.placeHolderResourceId)
+                    -attrs['placeholder']="{{'"+variable.placeHolderResourceId+"'|lang:lang:'"+variable.placeHolder+"'}}";
+                if(variable.isTextArea)
+                    if(variable.readonly && variable.readonly.isComposite)
+                        -attrs["*ngIf"]="!"+variable.readonly.value;
+                    else
+                        -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+                if(variable.hasDefaultFocus)
+                    -attrs["farris-set-focus"]="";
+                    if(variable.focusState)
+                        -attrs["[focusState]"]=variable.focusState+"";
+                -attrs['#'+variable.replacedId]="";
+                farris-lookup-light(
+                    id=variable.replacedId
+                    '[columns]'=variable.columns?variable.columns:[]
+                    '[light-mapping]'=variable.mapFields?variable.mapFields:undefined
+                    '[striped]'=!(variable.striped===null||variable.striped===undefined)?variable.striped+"":undefined
+
+                    '[uri]'=(variable.dataSource&&variable.dataSource.uri)?"'"+variable.dataSource.uri+"'":undefined
+                    '[separator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
+                    '[displayType]'=(variable.displayType!=null)?"'"+variable.displayType+"'":undefined
+                    '[multiSelect]'=(variable.multiSelect!=null)?variable.multiSelect+"":undefined
+                    '[pageList]'=variable.arrPageList?variable.arrPageList:undefined
+                    '[pageSize]'=variable.pageSize?(variable.pageSize||20):undefined
+                    '[pagination]'=(variable.pagination===null||variable.pagination===undefined)?"true":variable.pagination+""
+                    '[idField]'=(variable.dataSource&&variable.dataSource.idField)?"'"+variable.dataSource.idField+"'":undefined
+                    '[textField]'=(variable.textField!=null)?"'"+variable.textField+"'":undefined
+                    '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined
+                    '[enableClear]'=(variable.enableClear||variable.enableClear===false)?""+variable.enableClear:undefined
+                    '[disabled]'!=variable.disable?variable.disable.toString():undefined
+                    '[pageIndex]'=(variable.pageIndex||1)
+                    '[showFilterBar]'=(variable.showFilterBar||variable.showFilterBar===false)?""+variable.showFilterBar:undefined
+                    '[valueField]'=(variable.valueField!=null)?"'"+variable.valueField+"'":undefined
+                )&attributes(attrs)
+
+                //- farris-lookup-light(
+                //-     id=variable.replacedId
+                //-     '[uri]'=(variable.dataSource&&variable.dataSource.uri)?"'"+variable.dataSource.uri+"'":undefined
+                //-     '[separator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
+                //-     '[displayType]'="'"+variable.displayType+"'"
+                //-     '[multiSelect]'=(variable.multiSelect)+""
+                //-     '[pageList]'=variable.arrPageList?variable.arrPageList:undefined
+                //-     '[pageSize]'=(variable.pageSize||20)
+                //-     '[pagination]'=(variable.pagination===null||variable.pagination===undefined)?"true":variable.pagination+""
+                //-     '[idField]'=(variable.dataSource&&variable.dataSource.idField)?"'"+variable.dataSource.idField+"'":undefined
+                //-     '[textField]'="'"+variable.textField+"'"
+                //-     '[title]'=variable.dialogTitleLang?""+variable.dialogTitleLang:undefined
+                //-     '[enableClear]'=(variable.enableClear||variable.enableClear===false)?""+variable.enableClear:undefined
+                //-     '[disabled]'!=variable.disable?variable.disable.toString():undefined
+                //-     ============================================================================================================
+                //-     "input-end-edit"
+                //-     'lookupGridRef'
+                //-     'data-mapping'
+                //-     ============================================================================================================
+                //-     '[pageIndex]'=(variable.pageIndex||1)
+                //-     '[valueField]'="'"+variable.valueField+"'"
+                //-     '[mapFields]'=variable.mapFields?variable.mapFields:undefined
+                //-     ============================================================================================================
+                //-     ============================================================================================================
+                //-     '[useTip]'=(variable.useTip||variable.useTip===false)?variable.useTip+"":undefined
+                //-     '[useFavorite]'=(variable.useFavorite||variable.useFavorite===false)?variable.useFavorite+"":undefined
+                //-     '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
+                //-     '[editable]'=(variable.editable||variable.editable===false)?""+variable.editable:undefined
+                //-     '[showMaxButton]'=(variable.showMaxButton==null||variable.showMaxButton===undefined)?"true":variable.showMaxButton+""
+                //-     '[showCloseButton]'=(variable.showCloseButton==null||variable.showCloseButton===undefined)?"true":variable.showCloseButton+""
+                //-     '[resizable]'=(variable.resizable===null||variable.resizable===undefined)?"true":variable.resizable+""
+                //-     '(clear)'=variable.clear?variable.clear:undefined
+                //-     '[context]'=variable.context?variable.context:undefined
+                //-     '[enableToSelect]'=(variable.enableToSelect||variable.enableToSelect===false)?""+variable.enableToSelect:undefined
+                //-     '[expandLevel]'=""+variable.expandLevel
+                //-     '[isRecordSize]'=(variable.isRecordSize||variable.isRecordSize===false)?""+variable.isRecordSize:undefined
+                //-     '[enableFullTree]'=(variable.enableFullTree||variable.enableFullTree===false)?""+variable.enableFullTree:undefined
+                //-     '[loadTreeDataType]'=variable.loadTreeDataType?"'"+variable.loadTreeDataType+"'":undefined
+                //-     '[tab-index]'=(variable.tabindex||variable.tabindex===0)?""+variable.tabindex:undefined
+                //-     '[dialogWidth]'=variable.panelWidth?""+variable.panelWidth:undefined
+                //-     '[dialogHeight]'=variable.panelHeight?""+variable.panelHeight:undefined
+                //-     '[enableCascade]'=variable.enableCascade?""+variable.enableCascade:undefined
+                //-     '[cascadeStatus]'=variable.cascadeStatus?"'"+variable.cascadeStatus+"'":undefined
+                //-     '[useExtendInfo]'=(variable.useExtendInfo||variable.useExtendInfo===false)?""+variable.useExtendInfo:undefined
+                //-     '[extInfoFields]'=variable.extInfoFields?"'"+variable.extInfoFields+"'":undefined
+                //-     '[extInfoFormatter]'=variable.extInfoFormatterName?""+variable.extInfoFormatterName:undefined
+                //-     '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+                //-     'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+                //-     '[customFormatter]'=variable.customFormatterName?""+variable.customFormatterName:undefined
+                //-     '[selectFirstInNav]'=variable.selectFirstInNav?""+variable.selectFirstInNav.value:undefined
+                //-     '[loadDataWhenOpen]'=variable.loadDataWhenOpen?""+variable.loadDataWhenOpen.value:undefined
+                //-     '[customNavFormatter]'=variable.customNavFormatterName?""+variable.customNavFormatterName:undefined
+                //-     '[treeInfo]'=variable.treeInfo?variable.treeInfo:undefined
+                //-     '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined
+                //-     '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined
+                //-     '[treeTableOptions]'=variable.treeTableOptions?variable.treeTableOptions:undefined
+                //-     '[showCheckAll]'=variable.showCheckAll?""+variable.showCheckAll.value:undefined
+                //-     '[quickSelect]'=variable.quickSelectName?""+variable.quickSelectName:undefined
+                //-     '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined
+                //-     '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined
+                //-     '[showNavigation]'=variable.showNavigation?""+variable.showNavigation.value:undefined
+                //-     '[showCascadeControl]'=variable.showCascadeControl?""+variable.showCascadeControl.value:undefined
+                //-     '[showSelected]'=variable.showSelected?""+variable.showSelected.value:undefined
+                //-     '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined
+                //-     '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined
+                //-     '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+                //-     '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+                //-     '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+                //-     '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+                //-     '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+                //-     '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+                //-     '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+                //-     '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined
+                //- )&attributes(attrs)
+
+                if (variable.needValid && variable.binding && variable.binding.path)
+                    -var path=`viewModel.form.getCardControlErrors('${variable.binding.path}')`
+                    validationMessage('[errors]'!=`${path}`
+                    '[hidden]'="!viewModel.form.isShowValidationMsg" )
+                div(class="farris-feedback")
+                if(variable.isTextArea)
+                    -var areaAttrs={};
+                    if(variable.readonly && variable.readonly.isComposite)
+                        -areaAttrs["*ngIf"]=variable.readonly.value;
+                    else
+                        -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+                    if (variable.binding && variable.binding.type=='Variable')
+                        -areaAttrs['[(ngModel)]']=variable.binding.value;
+                        -areaAttrs['[ngModelOptions]']="{standalone:true}";
+                    else
+                        -areaAttrs['formControlName']=(variable.binding && variable.binding.path);
+                    farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+                    '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+                    '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+                    '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+                    '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+                    '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+                    '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+                    '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
+            if(variable.titleTipsTemplate)
+                span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+                    i(class="f-icon f-icon-description-tips")
+                -var tipsAttrs={};
+                -tipsAttrs['#'+variable.titleTipsTemplateName]="";
+                ng-template()&attributes(tipsAttrs)
+                    |!{variable.titleTipsTemplate}

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/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/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/field-set.pug

@@ -10,7 +10,9 @@ fm-collapse-item(
   position=variable.isInner ? 'bottom' : 'top'
   :collapse=variable.collapse?String(variable.collapse): undefined
 )&attributes(attrs)
-  if(variable.headerTemplate)
+  if(variable.headerTemplate && !/<template\s+#title\s*>/.test(variable.headerTemplate))
     template(#title)
       | !{variable.headerTemplate}
+  if(variable.headerTemplate && /<template\s+#title\s*>/.test(variable.headerTemplate))
+    | !{variable.headerTemplate}
   | {{content}}

package/lib/template/ui/mobilevue/image-uploader.pug

@@ -1,15 +1,15 @@
--var imageInfo =`$formatUtils.fileInfo(currentEntityData.${variable.binding.bindingPath}, '${variable.rootId}')` 
--var extendContext =`{ rootId: '${variable.rootId}', formId: '${variable.parentDirName}', fieldPath: '/${variable.binding.bindingPath}'}` 
-
-div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
-  fm-image-uploader(
-    style=(variable.appearance && variable.appearance.style)  
-    class=variable.className
-    id=variable.id?"" + variable.id:undefined 
-    title=variable.title?variable.title:undefined 
-    :disabled!=variable.disabled?variable.disabled+"":undefined
-    :imageInfo!=imageInfo
-    :extendContext!=extendContext
-  )
-    
- 
+-var imageInfo =`$formatUtils.fileInfo(currentEntityData.${variable.binding.bindingPath}, '${variable.rootId}')` 
+-var extendContext =`{ rootId: '${variable.rootId}', formId: '${variable.parentDirName}', fieldPath: '/${variable.binding.bindingPath}'}` 
+
+div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
+  fm-image-uploader(
+    style=(variable.appearance && variable.appearance.style)  
+    class=variable.className
+    id=variable.id?"" + variable.id:undefined 
+    title=variable.title?variable.title:undefined 
+    :disabled!=variable.disabled?variable.disabled+"":undefined
+    :imageInfo!=imageInfo
+    :extendContext!=extendContext
+  )
+    
+