@farris/jit-engine 1.4.41 → 1.4.43

package/lib/mobileapp/vue/utility/vue-control-dom-type-mapping.js.map

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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;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"}
+{"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/kendo/light-lookup.pug

@@ -1,183 +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}
+//- -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
+                    '[custom-params]'= variable.customRequestParams?variable.customRequestParams:undefined
+                    '[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/area-picker.pug

@@ -0,0 +1,55 @@
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-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';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-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
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    direction=variable.direction?variable.direction+"":undefined
+    title=variable.title?""+variable.title:undefined
+    input-align="right"
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    :columns-num!=variable.displayType?variable.displayType+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    @change=variable.change ? String(variable.change) : undefined 
+  )&attributes(attrs)
+    if(variable.leftTemplate)
+      template(#left-icon)
+        | !{variable.leftTemplate}
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+    if(variable.extraTemplate)
+      template(#extra)
+        | !{variable.extraTemplate}
+    if(variable.valueTemplate)
+      template(v-slot:value="slotProps")
+        | !{variable.valueTemplate}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <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>
+          </template>
+        </fm-popover>

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/checkbox-group.pug

@@ -10,8 +10,8 @@
 -var require = variable.require ? String(variable.require.value) : undefined;
 -var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
 -var disable = variable.disable ? String(variable.disable.value) : undefined;
--var inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
--var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
+-var inputDirection = variable.displayType === 'check' ? 'vertical' : variable.direction
+-var optionsDirection = variable.displayType === 'button' ? 'horizontal' : ( variable.optionsDirection || 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.i18nEnumData
@@ -40,7 +40,7 @@ div(
         valueField=variable.valueField?""+variable.valueField:undefined
         textField=variable.textField?""+variable.textField:undefined
         :checkerStyle=checkerStyle
-        direction=direction?direction+"":undefined
+        direction=optionsDirection?optionsDirection+"":undefined
         type=variable.displayType?variable.displayType+"":undefined
       )
     if(variable.labelTips) 

package/lib/template/ui/mobilevue/common/text-common.pug

@@ -0,0 +1,80 @@
+mixin getData(variable,isLabel)
+    -var attrs = {};
+    -attrs.class = isLabel?'fm-common-label ':'';
+    -attrs.class += variable.appearance && variable.appearance.class ?variable.appearance.class:'';
+    -attrs.style = variable.appearance && variable.appearance.style?variable.appearance.style:'';
+    -attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+    -var visible = variable.visible ? String(variable.visible.value) : 'false';
+    -var binding = variable.binding? variable.binding : undefined
+    -var fontSize = variable.fontSize? String(variable.fontSize) : undefined 
+    -var lineHeight = variable.lineHeight? String(variable.lineHeight) : undefined 
+    -var semanticColor = variable.semanticColor? String(variable.semanticColor) : undefined 
+    -var formatter = variable.formatter ? variable.formatter:{}
+    -var displayType = variable.displayType? String(variable.displayType) : undefined 
+    -var formatterType = 'string'
+    -var valueStr = ''
+    -var textBindingPrefix = variable.textBindingPrefix? String(variable.textBindingPrefix):undefined
+
+
+    //--样式class
+    if(displayType)
+        if(displayType.startsWith('title-'))
+            -attrs.class = `fm-common-title fm-${displayType} ${attrs.class}`
+        if(displayType.startsWith('text-'))
+            -attrs.class = `fm-common-text fm-${displayType} ${attrs.class}`
+
+    if(semanticColor)
+        -attrs.class += ` fm-text-color-${semanticColor}`
+
+        //--内容
+    if(!isLabel)
+        if(binding && binding.type)
+            if(binding.type === 'Const')
+                -valueStr = `'${binding.value}'`;
+            if(binding.type === 'Form')
+                -valueStr = `${textBindingPrefix}${binding.bindingPath}`;
+            if(binding.type === 'LocaleVariable' || binding.type === 'RemoteVariable')
+                -valueStr = `uiState.${binding.code}`;
+    else
+        if(typeof binding==='string')
+            -valueStr = `'${binding}'`;
+        else
+            -valueStr = `uiState.${binding.fullPath}`;
+
+    if(formatter && formatter.type)
+        -formatterType = formatter.type
+        -delete formatter.type
+    -var content = `{{$formatUtils.${formatterType}(${valueStr},${JSON.stringify(formatter)})}}`
+
+
+    //--样式
+    if(attrs.style)
+        -attrs.style += `;`
+
+    if(variable.size && variable.size.width)
+        -attrs.style += `width:${variable.size.width}px;`
+
+
+    if(variable.size && variable.size.height)
+        -attrs.style += `height:${variable.size.height}px;`
+
+    if(fontSize)
+        -attrs.style += `font-size:${fontSize}px;`
+
+    if(lineHeight)
+        -attrs.style += `line-height:${lineHeight}px;`
+
+    if(isLabel)
+        label()&attributes(attrs)
+            | !{content}
+    else if(displayType && displayType.startsWith('title-'))
+        div(
+        v-if=visible
+        )&attributes(attrs)
+            | !{content}
+    else 
+        span(
+        v-if=visible
+        )&attributes(attrs)
+            | !{content}
+