@farris/jit-engine 1.3.351 → 1.3.352

package/lib/template/ui/kendo/numericbox.pug

@@ -1,70 +1,70 @@
-
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;  
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?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.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.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-      div(class="farris-input-wrap")
-        -var attrs = {};
-        if (variable.binding && variable.binding.type == 'Variable')
-          -attrs['[(ngModel)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-          -attrs['[ngModelOptions]'] = "{standalone:true}";
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-
-        -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+"";
-        kendo-numerictextbox(id=variable.replacedId "input-end-edit" class="form-control k-widget k-numerictextbox" '[format]'=variable.format?"'"+variable.format+"'":undefined '[decimals]'=(variable.precision || variable.precision==0)? variable.precision+'':undefined '[disabled]'!=variable.disable?variable.disable.toString():undefined '[class.f-state-readonly]'=variable.readonly?variable.readonly.value+"":undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[value]'=variable.value?variable.value:undefined '[step]'=variable.step?variable.step:undefined '[min]'=variable.minValue!=null?variable.minValue:undefined '[max]'=variable.maxValue!=null?variable.maxValue:undefined '[autoCorrect]'="true"  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex: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 )&attributes(attrs)
-          kendo-numerictextbox-messages('[decrement]'="'减少'" '[increment]'="'增加'")
-        if (variable.needValid)
-          -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]'="'number'" '[format]'=variable.format?"'"+variable.format+"'":undefined '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight: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 holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;  
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?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.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.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+
+        -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+"";
+        kendo-numerictextbox(id=variable.replacedId "input-end-edit" class="form-control k-widget k-numerictextbox" '[format]'=variable.format?"'"+variable.format+"'":undefined '[decimals]'=(variable.precision || variable.precision==0)? variable.precision+'':undefined '[disabled]'!=variable.disable?variable.disable.toString():undefined '[class.f-state-readonly]'=variable.readonly?variable.readonly.value+"":undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[value]'=variable.value?variable.value:undefined '[step]'=variable.step?variable.step:undefined '[min]'=variable.minValue!=null?variable.minValue:undefined '[max]'=variable.maxValue!=null?variable.maxValue:undefined '[autoCorrect]'="true"  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex: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 )&attributes(attrs)
+          kendo-numerictextbox-messages('[decrement]'="'减少'" '[increment]'="'增加'")
+        if (variable.needValid)
+          -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]'="'number'" '[format]'=variable.format?"'"+variable.format+"'":undefined '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight: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/kendo/oa-relation.pug

@@ -1,21 +1,21 @@
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style))
-    div(class="farris-group-wrap")
-        div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-            label(class="col-form-label" title="{{'"+variable.title+"'}}" for=variable.replacedId  '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-                span(class="farris-label-text") {{'#{variable.title}'}}
-            div(class="farris-input-wrap")
-                farris-oa-relation(
-                    'farrisOaRelationDataMapping'
-                    input-end-edit
-                    id=variable.replacedId
-                    '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
-                                        '[taskCategoryIds]'!=variable.taskCategoryIds?variable.taskCategoryIds+"":undefined
-                    'formControlName'=variable.formControlName?""+variable.formControlName:undefined
-                    )
-            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)
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style))
+    div(class="farris-group-wrap")
+        div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+            label(class="col-form-label" title="{{'"+variable.title+"'}}" for=variable.replacedId  '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+                span(class="farris-label-text") {{'#{variable.title}'}}
+            div(class="farris-input-wrap")
+                farris-oa-relation(
+                    'farrisOaRelationDataMapping'
+                    input-end-edit
+                    id=variable.replacedId
+                    '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
+                                        '[taskCategoryIds]'!=variable.taskCategoryIds?variable.taskCategoryIds+"":undefined
+                    'formControlName'=variable.formControlName?""+variable.formControlName:undefined
+                    )
+            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/kendo/organization-selector.pug

@@ -1,116 +1,116 @@
--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['[(ngModel)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-          -attrs['[ngModelOptions]'] = "{standalone:true}";
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-        if (variable.valueChange)
-          -attrs['(valueChange)'] = variable.valueChange ;
-
-        -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+"";
-        farris-organization-selector(          
-            organization-selector-data-mapping
-            input-end-edit
-            '[searchPlaceholder]'=variable.searchPlaceholder?"'"+variable.searchPlaceholder+"'":undefined
-            '[disabled]'!=variable.disable?variable.disable.toString():undefined  
-            '[primaryField]'=variable.primaryField?"'"+variable.primaryField+"'":undefined
-            '[displayField]'=variable.displayField?"'"+variable.displayField+"'":undefined
-            '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
-            '[viewType]'!=variable.viewType?"'"+variable.viewType+"'":undefined
-            '[busNum]'!=variable.busNum?"'"+variable.busNum+"'":undefined
-            '[absOrgType]'=variable.absOrgType?"'"+variable.absOrgType+"'":undefined
-            '[layer]'= (variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel:undefined
-            '[multiSelect]'!=variable.multiSelect?""+variable.multiSelect.value:undefined
-            '[mapFields]'=variable.mapFields?variable.mapFields:undefined
-            '[orgIds]'=variable.orgIds?""+variable.orgIds.value:undefined
-            '[disableOrgList]'=variable.disableOrgList?""+variable.disableOrgList.value:undefined
-            '[filterType]'=variable.filterType?"'"+variable.filterType+"'":undefined
-            '(tagRemoved)'!=variable.tagRemoved?variable.tagRemoved+"":undefined
-            '(selectionsChange)'!=variable.selectionsChange?variable.selectionsChange+"":undefined
-            '[showTabIds]'=variable.showTabIds?"'"+variable.showTabIds+"'":undefined
-            '[activeTabId]'=variable.activeTabId?"'"+variable.activeTabId+"'":undefined
-            '[enableHierarchicalLoading]'=variable.enableHierarchicalLoading?""+variable.enableHierarchicalLoading.value:undefined
-            '[showCheckAll]'=variable.showAllCheckBox?""+variable.showAllCheckBox.value:undefined
-            '[cascadeCheck]'=variable.cascadeCheck?""+variable.cascadeCheck.value:undefined
-            '[cascadeDown]'=variable.cascadeDown?""+variable.cascadeDown.value:undefined
-            '[cascadeUp]'=variable.cascadeUp?""+variable.cascadeUp.value:undefined
-            "[formatFn]"=variable.formatterName?""+variable.formatterName:undefined
-            '(inputClear)'!=variable.inputClear?variable.inputClear+"":undefined
-            'tab-index'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex: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
-            '[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 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['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if (variable.valueChange)
+          -attrs['(valueChange)'] = variable.valueChange ;
+
+        -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+"";
+        farris-organization-selector(          
+            organization-selector-data-mapping
+            input-end-edit
+            '[searchPlaceholder]'=variable.searchPlaceholder?"'"+variable.searchPlaceholder+"'":undefined
+            '[disabled]'!=variable.disable?variable.disable.toString():undefined  
+            '[primaryField]'=variable.primaryField?"'"+variable.primaryField+"'":undefined
+            '[displayField]'=variable.displayField?"'"+variable.displayField+"'":undefined
+            '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
+            '[viewType]'!=variable.viewType?"'"+variable.viewType+"'":undefined
+            '[busNum]'!=variable.busNum?"'"+variable.busNum+"'":undefined
+            '[absOrgType]'=variable.absOrgType?"'"+variable.absOrgType+"'":undefined
+            '[layer]'= (variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel:undefined
+            '[multiSelect]'!=variable.multiSelect?""+variable.multiSelect.value:undefined
+            '[mapFields]'=variable.mapFields?variable.mapFields:undefined
+            '[orgIds]'=variable.orgIds?""+variable.orgIds.value:undefined
+            '[disableOrgList]'=variable.disableOrgList?""+variable.disableOrgList.value:undefined
+            '[filterType]'=variable.filterType?"'"+variable.filterType+"'":undefined
+            '(tagRemoved)'!=variable.tagRemoved?variable.tagRemoved+"":undefined
+            '(selectionsChange)'!=variable.selectionsChange?variable.selectionsChange+"":undefined
+            '[showTabIds]'=variable.showTabIds?"'"+variable.showTabIds+"'":undefined
+            '[activeTabId]'=variable.activeTabId?"'"+variable.activeTabId+"'":undefined
+            '[enableHierarchicalLoading]'=variable.enableHierarchicalLoading?""+variable.enableHierarchicalLoading.value:undefined
+            '[showCheckAll]'=variable.showAllCheckBox?""+variable.showAllCheckBox.value:undefined
+            '[cascadeCheck]'=variable.cascadeCheck?""+variable.cascadeCheck.value:undefined
+            '[cascadeDown]'=variable.cascadeDown?""+variable.cascadeDown.value:undefined
+            '[cascadeUp]'=variable.cascadeUp?""+variable.cascadeUp.value:undefined
+            "[formatFn]"=variable.formatterName?""+variable.formatterName:undefined
+            '(inputClear)'!=variable.inputClear?variable.inputClear+"":undefined
+            'tab-index'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex: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
+            '[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/kendo/p-treetable.pug

@@ -1,28 +1,28 @@
-p-treeTable(id=variable.replacedId  dataKey="id" class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[columns]'=variable.columnsName?""+variable.columnsName:undefined  'farrisPrimengTreeTableBinding' 'farrisHierarchyInfoKey'=variable.udtField?""+variable.udtField:undefined '[resizableColumns]'=(variable.resizableColumns || variable.resizableColumns==false)?""+variable.resizableColumns:undefined 'farrisPrimengTreeTableIdField'=variable.idField?""+variable.idField:undefined  '(onNodeSelect)'=variable.onSelectionChange?""+variable.onSelectionChange:undefined  '[scrollable]'="true"  '[scrollHeight]'="'flex'" '[styleClass]'="'ui-treetable-flex-scrollable'"    'selectionMode'=variable.selectionMode?""+variable.selectionMode:undefined   'columnResizeMode'=variable.columnResizeMode?""+variable.columnResizeMode:undefined  )
-  ng-template('pTemplate'="colgroup" 'let-columns')
-    colgroup()
-      col('*ngFor'="let col of columns" '[ngStyle]'="{'width.px':col.width}")
-  ng-template('pTemplate'="header" 'let-columns')
-    if(variable.headerGroupColumnName)
-      tr('*ngFor'="let columnHeader of "+variable.headerGroupColumnName)
-        th('*ngFor'="let col of  columnHeader" 'ttResizableColumn' '[attr.rowspan]'="col.rowspan" '[attr.colspan]'="col.colspan"   'title'="{{col.title}}" '[ngStyle]'="{'text-align':col.hAlign}" '[ttSortableColumn]'!="col.sortable&&col.field")
-          | {{col.title}} <p-treeTableSortIcon [field]="col.field" *ngIf="col.sortable"></p-treeTableSortIcon>
-    else
-      tr()
-        th('*ngFor'="let col of  columns" 'ttResizableColumn'  'title'="{{col.title}}"   '[ngStyle]'="{'text-align':col.hAlign}"  '[ttSortableColumn]'!="col.sortable&&col.field")
-          | {{col.title}} <p-treeTableSortIcon [field]="col.field" *ngIf="col.sortable"></p-treeTableSortIcon>
-  ng-template('pTemplate'="body" 'let-rowNode' 'let-rowData'="rowData" 'let-columns'="columns")
-    tr('[ttSelectableRow]'="rowNode")
-      ng-container('*ngFor'="let col of columns;let index=index")
-        ng-template('[ngIf]'=""+variable.editable)
-          td('ttEditableColumn' '[ttEditableColumn]'="rowData" '[ttEditableColumnField]'="col.field" '[attr.align]'="col.textAlign" '[title]'="(col | formatPrimeNgTreeTableCellData : rowData) || ''" '[ttEditableColumnDisabled]'="col.readonly" )
-            p-treeTableToggler('[rowNode]'="rowNode" '*ngIf'="index===0")
-            p-treeTableCellEditor()
-              ng-template('pTemplate'="input")
-                | {{content}}
-              ng-template('pTemplate'="output")
-                | {{col | formatPrimeNgTreeTableCellData : rowData}}
-        ng-template('[ngIf]'="!"+variable.editable)
-          td('[attr.align]'="col.textAlign"  '[title]'="(col | formatPrimeNgTreeTableCellData : rowData) || ''")
-            p-treeTableToggler('[rowNode]'="rowNode" '*ngIf'="index===0")
-            | {{col | formatPrimeNgTreeTableCellData : rowData}}
+p-treeTable(id=variable.replacedId  dataKey="id" class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[columns]'=variable.columnsName?""+variable.columnsName:undefined  'farrisPrimengTreeTableBinding' 'farrisHierarchyInfoKey'=variable.udtField?""+variable.udtField:undefined '[resizableColumns]'=(variable.resizableColumns || variable.resizableColumns==false)?""+variable.resizableColumns:undefined 'farrisPrimengTreeTableIdField'=variable.idField?""+variable.idField:undefined  '(onNodeSelect)'=variable.onSelectionChange?""+variable.onSelectionChange:undefined  '[scrollable]'="true"  '[scrollHeight]'="'flex'" '[styleClass]'="'ui-treetable-flex-scrollable'"    'selectionMode'=variable.selectionMode?""+variable.selectionMode:undefined   'columnResizeMode'=variable.columnResizeMode?""+variable.columnResizeMode:undefined  )
+  ng-template('pTemplate'="colgroup" 'let-columns')
+    colgroup()
+      col('*ngFor'="let col of columns" '[ngStyle]'="{'width.px':col.width}")
+  ng-template('pTemplate'="header" 'let-columns')
+    if(variable.headerGroupColumnName)
+      tr('*ngFor'="let columnHeader of "+variable.headerGroupColumnName)
+        th('*ngFor'="let col of  columnHeader" 'ttResizableColumn' '[attr.rowspan]'="col.rowspan" '[attr.colspan]'="col.colspan"   'title'="{{col.title}}" '[ngStyle]'="{'text-align':col.hAlign}" '[ttSortableColumn]'!="col.sortable&&col.field")
+          | {{col.title}} <p-treeTableSortIcon [field]="col.field" *ngIf="col.sortable"></p-treeTableSortIcon>
+    else
+      tr()
+        th('*ngFor'="let col of  columns" 'ttResizableColumn'  'title'="{{col.title}}"   '[ngStyle]'="{'text-align':col.hAlign}"  '[ttSortableColumn]'!="col.sortable&&col.field")
+          | {{col.title}} <p-treeTableSortIcon [field]="col.field" *ngIf="col.sortable"></p-treeTableSortIcon>
+  ng-template('pTemplate'="body" 'let-rowNode' 'let-rowData'="rowData" 'let-columns'="columns")
+    tr('[ttSelectableRow]'="rowNode")
+      ng-container('*ngFor'="let col of columns;let index=index")
+        ng-template('[ngIf]'=""+variable.editable)
+          td('ttEditableColumn' '[ttEditableColumn]'="rowData" '[ttEditableColumnField]'="col.field" '[attr.align]'="col.textAlign" '[title]'="(col | formatPrimeNgTreeTableCellData : rowData) || ''" '[ttEditableColumnDisabled]'="col.readonly" )
+            p-treeTableToggler('[rowNode]'="rowNode" '*ngIf'="index===0")
+            p-treeTableCellEditor()
+              ng-template('pTemplate'="input")
+                | {{content}}
+              ng-template('pTemplate'="output")
+                | {{col | formatPrimeNgTreeTableCellData : rowData}}
+        ng-template('[ngIf]'="!"+variable.editable)
+          td('[attr.align]'="col.textAlign"  '[title]'="(col | formatPrimeNgTreeTableCellData : rowData) || ''")
+            p-treeTableToggler('[rowNode]'="rowNode" '*ngIf'="index===0")
+            | {{col | formatPrimeNgTreeTableCellData : rowData}}

package/lib/template/ui/kendo/popup.pug

@@ -1,4 +1,4 @@
-//- -var variable={anchor:'anchor',appearance:{class:'popup class'},contentTemplate:'<div>'}
-
-kendo-popup(id=variable.replacedId '[anchor]'=variable.anchor?variable.anchor:undefined '[popupClass]'=(variable.appearance && variable.appearance.class) '*ngIf'!=variable.visible?variable.visible.value+'':undefined )
+//- -var variable={anchor:'anchor',appearance:{class:'popup class'},contentTemplate:'<div>'}
+
+kendo-popup(id=variable.replacedId '[anchor]'=variable.anchor?variable.anchor:undefined '[popupClass]'=(variable.appearance && variable.appearance.class) '*ngIf'!=variable.visible?variable.visible.value+'':undefined )
  | !{variable.contentTemplate}

package/lib/template/ui/kendo/portlet.pug

@@ -1,2 +1,2 @@
-div(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined )
-  lib-portlet('[portletId]'=variable.portletId?"'"+variable.portletId+"'":undefined '[portlet-filter-binding]'!=variable.mappingFields?variable.mappingFields:undefined)
+div(id=variable.replacedId class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined )
+  lib-portlet('[portletId]'=variable.portletId?"'"+variable.portletId+"'":undefined '[portlet-filter-binding]'!=variable.mappingFields?variable.mappingFields:undefined)

package/lib/template/ui/kendo/primeng-edittree/checkbox.pug

@@ -1,12 +1,12 @@
-
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
--holdPlaceOuterAttrs['*ngIf']=(variable.controlIndex||variable.controlIndex==0)?""+"index==="+variable.controlIndex:undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
-  -var attrs = {};  
-  -var [frameComponentId, variablePath] = variable.binding.path.split('.');    
-  -attrs['[(ngModel)]'] = "rowData"+variable.fieldSplit;
-  -attrs['name'] = variable.replacedId;
-  -attrs['[ngModelOptions]'] = "{standalone:true}";
-  input(id=variable.replacedId "input-end-edit"   type="checkbox" '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+-holdPlaceOuterAttrs['*ngIf']=(variable.controlIndex||variable.controlIndex==0)?""+"index==="+variable.controlIndex:undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  -var attrs = {};  
+  -var [frameComponentId, variablePath] = variable.binding.path.split('.');    
+  -attrs['[(ngModel)]'] = "rowData"+variable.fieldSplit;
+  -attrs['name'] = variable.replacedId;
+  -attrs['[ngModelOptions]'] = "{standalone:true}";
+  input(id=variable.replacedId "input-end-edit"   type="checkbox" '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)

package/lib/template/ui/kendo/primeng-edittree/farris-combo-list.pug

@@ -1,16 +1,16 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
--holdPlaceOuterAttrs['*ngIf']=(variable.controlIndex||variable.controlIndex==0)?""+"index==="+variable.controlIndex:undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
-  -var attrs = {};
-  -var [frameComponentId, variablePath] = variable.binding.path.split('.');
-  -attrs['[(ngModel)]'] = "rowData"+variable.fieldSplit;
-  -attrs['name'] = variable.replacedId;  
-  if (variable.valueChanged)
-    -attrs['(valueChange)'] = variable.valueChanged + '';
-  if (variable.readonly)
-    -attrs['[readonly]'] = variable.readonly.value+"";
-
-  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
-  farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.data?variable.data:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined '(clear)'=variable.onClear?variable.onClear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined  '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined    '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined   )&attributes(attrs)
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+-holdPlaceOuterAttrs['*ngIf']=(variable.controlIndex||variable.controlIndex==0)?""+"index==="+variable.controlIndex:undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  -var attrs = {};
+  -var [frameComponentId, variablePath] = variable.binding.path.split('.');
+  -attrs['[(ngModel)]'] = "rowData"+variable.fieldSplit;
+  -attrs['name'] = variable.replacedId;  
+  if (variable.valueChanged)
+    -attrs['(valueChange)'] = variable.valueChanged + '';
+  if (variable.readonly)
+    -attrs['[readonly]'] = variable.readonly.value+"";
+
+  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.data?variable.data:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined '(clear)'=variable.onClear?variable.onClear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined  '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined    '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined   )&attributes(attrs)