@farris/jit-engine 1.3.122 → 1.3.124

package/lib/template/ui/kendo/list-nav.pug

@@ -1,4 +1,4 @@
-farris-list-nav(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '(navStateChange)'=variable.navStateChange?variable.navStateChange+"":undefined  '[listNavWidth]'=(variable.size && variable.size.width)?variable.size.width+"":undefined  '[title]'=variable.titleLang?""+variable.titleLang:undefined  '[position]'=variable.position?"'"+variable.position+"'":undefined  '[hideNav]'=(variable.hideNav || variable.hideNav == false)?""+variable.hideNav:undefined     )
+farris-list-nav(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '(navStateChange)'=variable.navStateChange?variable.navStateChange+"":undefined  '[listNavWidth]'=(variable.size && variable.size.width)?variable.size.width+"":undefined  '[title]'=variable.titleLang?""+variable.titleLang:undefined  '[position]'=variable.position?"'"+variable.position+"'":undefined  '[hideNav]'=(variable.hideNav || variable.hideNav == false)?""+variable.hideNav:undefined   '[showEntry]'=(variable.showEntry || variable.showEntry==false)?""+variable.showEntry:undefined  '[contentFill]'=(variable.contentFill||variable.contentFill==false)?""+variable.contentFill:undefined  )
   if(variable.listNavTitle)
     ng-template(listNavTitle)
       | !{variable.listNavTitle}

package/lib/template/ui/kendo/loop-container.pug

@@ -0,0 +1,2 @@
+div('*ngFor'=variable.ngForValue)
+  | {{content}}

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

@@ -1,4 +1,5 @@
 //- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}, queryId: "a", queryName: "a", qoManagerCode:"a",controlType:'',templateType:'qdpAdvancedTemplate'};
-
-query-framework-layout('[toolbarOption]'!=variable.toolbarOption ? variable.toolbarOption : undefined '[formPrintOption]'!=variable.formPrintOption ? variable.formPrintOption : undefined '[conditionDialog]'=(variable.templateType && variable.templateType == "qdpAdvancedTemplate") ? "conditionDialog" : undefined '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined  '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined  '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined  '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[queryName]'=variable.queryNameLang ? "" + variable.queryNameLang : undefined '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined '(contentSizeChange)'="handleSizeChange($event)")
+-var attrs = {};
+-attrs['#'+variable.referenceId] = "";
+query-framework-layout(id=variable.replacedId?""+variable.replacedId:undefined  '[toolbarOption]'!=variable.toolbarOption ? variable.toolbarOption : undefined '[formPrintOption]'!=variable.formPrintOption ? variable.formPrintOption : undefined '[conditionDialog]'=(variable.templateType && variable.templateType == "qdpAdvancedTemplate") ? "conditionDialog" : undefined '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined  '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined  '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined  '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[queryName]'=variable.queryNameLang ? "" + variable.queryNameLang : undefined '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined '(contentSizeChange)'="handleSizeChange($event)"  '[isShowToolbar]'=variable.showToolbar?""+variable.showToolbar.value:undefined  '[isInit]'=variable.initFilter?""+variable.initFilter.value:undefined)&attributes(attrs)
   | {{content}}

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

@@ -1,6 +1,8 @@
 -var attrs = {};
 if (variable.isScrollSpyItem)
   -attrs['[fScrollSpy]'] = "'"+variable.replacedId+"'"; 
+if(variable.includeInLoopContainer)
+  -attrs['[context]'] = "row"; 
 farris-section(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)  '[expandStatus]'=(variable.expanded || variable.expanded==false)?""+variable.expanded:undefined  style=(variable.appearance && variable.appearance.style) '[contentCls]'!=variable.contentCls?"'"+variable.contentCls+"'":undefined '[mainTitle]'!=variable.mainTitleLang?""+variable.mainTitleLang:undefined  '[subTitle]'!=variable.subTitleLang?""+variable.subTitleLang:undefined      '[fill]'=(variable.fill||variable.fill==false)?variable.fill+"":undefined  '[showHeader]'=(variable.showHeader||variable.showHeader==false)?variable.showHeader+'':undefined '[enableMaximize]'=(variable.enableMaximize||variable.enableMaximize==false)?variable.enableMaximize+'':undefined  '[enableAccordion]'=variable.enableAccordion?"'"+variable.enableAccordion+"'":undefined   '*ngIf'!=variable.visible ?variable.visible.value+"":undefined  '[btnStates]'=variable.toolbarStatesName?""+variable.toolbarStatesName:undefined  '[btnVisible]'=variable.toolbarVisibleName?""+variable.toolbarVisibleName:undefined  '[toolbar]'=variable.toolbarName?""+variable.toolbarName:undefined)&attributes(attrs)
   if(variable.farrisSectionHeader)
     ng-template(farrisSectionHeader '[headerCls]'!=variable.headerCls?"'"+variable.headerCls+"'":undefined )

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

@@ -1,6 +1,8 @@
 //- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}, queryId: "demo",controlType:''};
+-var attrs = {};
+-attrs['#'+variable.referenceId] = "";
 if(variable.isJointSearch)
-  qdp-view('[hostStyle]'="size" '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined  '(contextmenu)'="menuController.handleContextmenu($event,menuElement,qdpView,qdpViewElementRef)" '(click)'="menuController.handleClick(menuElement)"  '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined)
+  qdp-view(id=variable.replacedId?""+variable.replacedId:undefined '[hostStyle]'="size" '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined  '(contextmenu)'="menuController.handleContextmenu($event,menuElement,qdpView,qdpViewElementRef)" '(click)'="menuController.handleClick(menuElement)"  '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined  '[isInitQdpView]'=variable.initQdpView?""+variable.initQdpView.value:undefined  '[isShowDimension]'=variable.showDimension?""+variable.showDimension.value:undefined)&attributes(attrs)
   qdp-search-join-menu('[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined  '#menu')
 else
-  qdp-view('[hostStyle]'="size" '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined   '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined   '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined)
+  qdp-view(id=variable.replacedId?""+variable.replacedId:undefined '[hostStyle]'="size" '[controlType]'=variable.controlType ? "'" + variable.controlType + "'" : undefined '[queryId]'=variable.queryId ? "'" + variable.queryId + "'" : undefined '[qoManagerCode]'=variable.qoManagerCode ? "'" + variable.qoManagerCode + "'" : undefined '[qoId]'=variable.qoId ? "'" + variable.qoId + "'" : undefined   '[queryRelativeUrl]'=variable.queryRelativeUrl?"'"+variable.queryRelativeUrl+"'":undefined   '[voId]'=variable.voId ? "'" + variable.voId + "'" : undefined  '[templateType]'=variable.templateType ? "'" + variable.templateType + "'" : undefined '[isInitQdpView]'=variable.initQdpView?""+variable.initQdpView.value:undefined  '[isShowDimension]'=variable.showDimension?""+variable.showDimension.value:undefined)&attributes(attrs)

package/lib/template/ui/kendo/table/checkbox.pug

@@ -0,0 +1,87 @@
+
+div(class="farris-input-wrap")
+    if(variable.isTextArea)
+      -var divAttr = {};
+      if(variable.readonly && variable.readonly.isComposite)
+        -divAttr["*ngIf"]="!"+variable.readonly.value;
+      else
+        -divAttr["*ngIf"]="viewModel.stateMachine['editable']";
+      div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?""+variable.readonly.value:undefined )&attributes(divAttr)
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else if (variable.includeInLoopContainer==false)
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        else
+          -attrs['[(ngModel)]'] =variable.rowPrefix+ variable.binding && variable.binding.path;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        input(id=variable.replacedId class="custom-control-input" 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  '[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)
+        if(variable.linkedLabelEnabled)
+          label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+          label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+        else
+          label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+          label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}`  '[hidden]'="!viewModel.form.isShowValidationMsg"  )
+    else
+      div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?variable.readonly.value+"":undefined )
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else if (variable.includeInLoopContainer==false)
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        else
+          -attrs['[(ngModel)]'] =variable.rowPrefix+ variable.binding && variable.binding.path;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        if(variable.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        input(id=variable.replacedId "input-end-edit" class="custom-control-input" 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 '[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)
+        if(variable.linkedLabelEnabled)
+          label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+          label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+        else
+          label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+          label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+  if(variable.isTextArea)
+    -var areaAttrs = {};
+    -var areaLabelAttrs = {};
+    if(variable.readonly && variable.readonly.isComposite)
+      -areaLabelAttrs["*ngIf"]=variable.readonly.value;
+      -areaAttrs["*ngIf"]=variable.readonly.value;
+    else
+      -areaLabelAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
+      -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
+    if (variable.binding && variable.binding.type == 'Variable')
+      -areaAttrs['[(ngModel)]'] = variable.binding.value;
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    else if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    if(variable.title)
+      -areaLabelAttrs['title'] = "viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"']";
+    label(class="col-form-label"  )&attributes(areaLabelAttrs)
+      span(class="farris-label-text")
+        | {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+    farris-text('[type]'="'boolean'" )&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/table/checkboxgroup.pug

@@ -0,0 +1,30 @@
+
+div(class="farris-input-wrap")
+    if (variable.items)
+      each item, index in variable.items
+        div(class="custom-control custom-checkbox")
+          -var attrs = {};
+          if (item.binding && item.binding.type == 'Variable')
+            -attrs['[(ngModel)]'] = variable.binding.value;
+            -attrs['name'] = variable.replacedId;
+            -attrs['[ngModelOptions]'] = "{standalone:true}";
+          else if (variable.includeInLoopContainer==false)
+            -attrs['formControlName'] = (variable.binding && variable.binding.path);
+          else
+            -attrs['[(ngModel)]'] = variable.rowPrefix+(item.binding && item.binding.path);
+            -attrs['name'] = variable.replacedId;
+            -attrs['[ngModelOptions]'] = "{standalone:true}";
+          if(variable.hasDefaultFocus)
+            -attrs["farris-set-focus"]="";
+            if(variable.focusState)
+              -attrs["[focusState]"]=variable.focusState+"";
+          input(class="custom-control-input" "input-end-edit" type="checkbox" id=item.id disabled!=item.disable?item.disable.toString():undefined readonly!=item.readonly?""+item.readonly.value:undefined tabindex=(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)
+          if (item.title)
+            label(class="custom-control-label" for=item.id) !{item.title}
+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/table/combobox.pug

@@ -0,0 +1,53 @@
+div(class="farris-input-wrap")
+  -var attrs = {};
+  if (variable.binding && variable.binding.type == 'Variable')
+    -attrs['[UIStateBinding]'] = variable.binding.value;
+    -attrs['name'] = variable.replacedId;
+  else if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] = variable.rowPrefix+(item.binding && item.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if (variable.readonly)
+    -attrs['[readonly]'] = variable.readonly.value+"";
+    -attrs['[class.f-state-readonly]']=variable.readonly.value+"";
+
+  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  if(variable.isTextArea)          
+    if(variable.readonly && variable.readonly.isComposite)
+      -attrs["*ngIf"]="!"+variable.readonly.value;
+    else
+      -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+  kendo-combobox(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang+"" '[textField]'="'name'" '[valueField]'="'value'" '[valuePrimitive]'="true"  class="form-control" '(valueChange)'=variable.valueChange?variable.valueChange+"":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  )&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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'enum'" '[data]'!=variable.enumDataLang)&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/table/datepicker.pug

@@ -0,0 +1,52 @@
+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 if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if (variable.valueChange)
+    -attrs['(valueChange)'] = variable.valueChange + '';
+  if(variable.isTextArea)
+    if(variable.readonly && variable.readonly.isComposite)
+      -attrs["*ngIf"]="!"+variable.readonly.value;
+    else
+      -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+
+  -attrs['placeholder'] ="{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  kendo-datepicker(id=variable.replacedId "input-end-edit" class="form-control k-widget k-datepicker k-header" '[format]'=variable.format?variable.format: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  '[min]'=(variable.minValue?("'"+variable.minValue+"'|parseStrToDate"):undefined)  '[max]'=(variable.maxValue?("'"+variable.maxValue+"'|parseStrToDate"):undefined)   '[formatPlaceholder]'=variable.format+"|dateFormatPlaceholder:'"+(variable.binding && variable.binding.path)+"'"  '[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)
+  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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] =variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'date'" '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined '[format]'=variable.format?variable.format: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/table/farris-avatar.pug

@@ -0,0 +1,17 @@
+-var attrs = {};
+if (variable.binding && variable.binding.type == 'Variable')
+  -attrs['[(ngModel)]'] = variable.binding.value;
+  -attrs['name'] = variable.replacedId;
+  -attrs['[ngModelOptions]'] = "{standalone:true}";
+else if (variable.includeInLoopContainer==false)
+  -attrs['formControlName'] = (variable.binding && variable.binding.path);
+else
+  -attrs['[(ngModel)]'] =variable.rowPrefix+ (variable.binding && variable.binding.path);
+  -attrs['name'] = variable.replacedId;
+  -attrs['[ngModelOptions]'] = "{standalone:true}";
+-attrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+farris-avatar(id=variable.replacedId "input-end-edit" class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[imgShape]'=variable.imgShape?"'"+variable.imgShape+"'":undefined  '[avatarWidth]'=(variable.size && variable.size.width)?"'"+variable.size.width+"'":undefined  '[avatarHeight]'=(variable.size && variable.size.height)?"'"+variable.size.height+"'":undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[type]'=variable.imgType?"'"+variable.imgType+"'":undefined   '[imgTitle]'=variable.imgTitle?"'"+variable.imgTitle+"'":undefined  '[size]'=(variable.maxSize || variable.maxSize==0)?variable.maxSize.toString():undefined  '(imgChange)'=variable.imgChange?variable.imgChange+"":undefined  '[cover]'=variable.cover?"'"+variable.cover+"'":undefined  '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)

package/lib/template/ui/kendo/table/farris-checkbox-group.pug

@@ -0,0 +1,50 @@
+
+-var attrs = {};
+if (variable.binding && variable.binding.type == 'Variable')
+  -attrs['[(ngModel)]'] = variable.binding.value;
+  -attrs['name'] = variable.replacedId;
+  -attrs['[ngModelOptions]'] = "{standalone:true}";
+else if (variable.includeInLoopContainer==false)
+  -attrs['formControlName'] = (variable.binding && variable.binding.path);
+else
+  -attrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+  -attrs['name'] = variable.replacedId;
+  -attrs['[ngModelOptions]'] = "{standalone:true}";
+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+"";
+div('class'='farris-input-wrap')
+  farris-checkboxgroup(id=variable.replacedId "input-end-edit" '(setCheckboxData)'=variable.setCheckboxData?variable.setCheckboxData+"":undefined   '(changeValue)'=variable.changeValue?variable.changeValue+"":undefined  '[disable]'!=variable.readonly ?""+variable.readonly.value:undefined '[horizontal]'= ""+variable.isHorizontal+"" '[data]'=variable.itemsLang?""+variable.itemsLang:undefined '[separator]'=variable.separator?"'"+variable.separator+"'":undefined  '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":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 )&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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'enum'" '[data]'=variable.itemsLang?""+variable.itemsLang:undefined '[enumDelimiter]'=variable.separator?"'"+variable.separator+"'":undefined  '[valueField]'=variable.valueField?"'"+variable.valueField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":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/table/farris-combo-list.pug

@@ -0,0 +1,53 @@
+
+div(class="farris-input-wrap")
+  -var attrs = {};
+  if (variable.binding && variable.binding.type == 'Variable')
+    -attrs['[(UIStateBinding)]'] = variable.binding.value;
+    -attrs['name'] = variable.replacedId;
+  else if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if (variable.valueChanged)
+    -attrs['(valueChange)'] = variable.valueChanged + '';
+  if (variable.readonly)
+    -attrs['[readonly]'] = variable.readonly.value+"";
+  if(variable.isTextArea)
+    if(variable.readonly && variable.readonly.isComposite)
+      -attrs["*ngIf"]="!"+variable.readonly.value;
+    else
+      -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined '[enableCancelSelected]'=(variable.enableCancelSelected || variable.enableCancelSelected==false)?""+variable.enableCancelSelected: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.idField?"'"+variable.idField+"'":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   '[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  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength: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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'enum'" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":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/table/farris-combo-lookup.pug

@@ -0,0 +1,34 @@
+
+div(class="farris-input-wrap")
+  -var attrs = {};
+  if (variable.binding && variable.binding.type == 'Variable')
+    -attrs['[(UIStateBinding)]'] = variable.binding.value;
+    -attrs['name'] = variable.replacedId;
+  else if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if (variable.valueChanged)
+    -attrs['(valueChange)'] = variable.valueChanged + '';
+  if (variable.readonly)
+    -attrs['[readonly]'] = variable.readonly.value+'';
+
+  -attrs['placeholder'] ="{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  farris-combo-lookup(id=variable.replacedId "input-end-edit" '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined  '[displayType]'=variable.displayType?"'"+variable.displayType+"'":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.clear?variable.clear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mapFields]'=variable.mapFields?""+variable.mapFields: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    '[context]'!=variable.context?""+variable.context: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  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined '[showHeader]'=variable.showHeader?""+variable.showHeader.value: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.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/table/farris-datepicker.pug

@@ -0,0 +1,59 @@
+
+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 if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] =  variable.rowPrefix+(variable.binding && variable.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if (variable.valueChange)
+    -attrs['(valueChange)'] = variable.valueChange ;
+
+  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  -attrs['#'+variable.replacedId] = "";
+  if(variable.maxValue)
+    -attrs["[maxDate]"]=variable.maxValue?((variable.maxValue.useQuote?"'":"")+variable.maxValue.value+(variable.maxValue.useQuote?"'":"")):undefined
+  if(variable.minValue)
+    -attrs["[minDate]"]=variable.minValue?((variable.minValue.useQuote?"'":"")+variable.minValue.value+(variable.minValue.useQuote?"'":"")):undefined
+  - var readonlyValue=variable.readonly && variable.readonly.value
+  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-datepicker(id=variable.replacedId "input-end-edit" "farris-date-localization"=variable.localization?"":undefined '[disabled]'!=variable.disable?variable.disable.toString():undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined   '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined   '[locale]'=variable.locale?"'"+variable.locale+"'":undefined  '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined '[showTime]'=(variable.showTime || variable.showTime==false)?variable.showTime+"":undefined  '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined '[dateFormat]'!=variable.dateFormat?"'"+variable.dateFormat+"'":undefined   '[disableDateRangesBegin]'!=variable.disableDateRangesBegin?variable.disableDateRangesBegin:undefined '[disableDateRangesEnd]'!=variable.disableDateRangesEnd?variable.disableDateRangesEnd:undefined '[disableDates]'!=variable.disableDates?variable.disableDates:undefined '[showWeekNumbers]'=(variable.showWeekNumbers || variable.showWeekNumbers==false)?variable.showWeekNumbers+"":undefined '[dateRangeDatesDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined '[shortcuts]'!=variable.shortcuts?variable.shortcuts:undefined  '[returnType]'=variable.returnType?"'"+variable.returnType+"'":undefined  '[useDefault]'=(variable.useDefault || variable.useDefault==false)?variable.useDefault.toString():undefined  '[returnFormat]'=variable.returnFormat?"'"+variable.returnFormat+"'":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 )&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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'date'"  '[localization]'=variable.localization?""+true:undefined '[localizationType]'=variable.localization?"'"+variable.localizationType+"'":undefined "farris-text-localization"=variable.localization?"":undefined '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined  '[showType]'=(variable.showType || variable.showType==false)?""+variable.showType:undefined  '[format]'=variable.dateFormat?"'"+variable.dateFormat+"'":undefined  '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined  '[dateRangeDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":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/table/farris-number-range.pug

@@ -0,0 +1,51 @@
+
+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 if (variable.includeInLoopContainer==false)
+    -attrs['formControlName'] = (variable.binding && variable.binding.path);
+  else
+    -attrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+    -attrs['name'] = variable.replacedId;
+    -attrs['[ngModelOptions]'] = "{standalone:true}";
+  if(variable.isTextArea)
+    if(variable.readonly && variable.readonly.isComposite)
+      -attrs["*ngIf"]="!"+variable.readonly.value;
+    else
+      -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+
+  -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
+  if(variable.hasDefaultFocus)
+    -attrs["farris-set-focus"]="";
+    if(variable.focusState)
+      -attrs["[focusState]"]=variable.focusState+"";
+  farris-number-range(id=variable.replacedId  "input-end-edit" '[disabled]'!=variable.disable?variable.disable:undefined '[editable]'=(variable.editable || variable.editable==false)?variable.editable+"":undefined '[readonly]'!=variable.readonly ?""+variable.readonly.value:undefined '[precision]'=(variable.precision || variable.precision == 0)?variable.precision+"":undefined '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined '[useThousands]'=(variable.useThousands || variable.useThousands==false)?variable.useThousands+"":undefined  '[step]'=(variable.step || variable.step == 0)?variable.step+"":undefined '[min]'=(variable.minValue||variable.minValue==0)?variable.minValue+"":undefined '[max]'=(variable.maxValue||variable.maxValue==0)?variable.maxValue+"":undefined '[formatter]'=variable.formatterName?variable.formatterName:undefined '[parser]'=variable.parserName?variable.parserName:undefined  '(valueChange)'=variable.onChange?variable.onChange:undefined '(blur)'=variable.onBlur?variable.onBlur: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 )&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 if (variable.includeInLoopContainer==false)
+      -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+    else
+      -areaAttrs['[(ngModel)]'] = variable.rowPrefix+(variable.binding && variable.binding.path);
+      -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+    farris-text('[type]'="'number'"  '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":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}