@farris/jit-engine 1.3.285 → 1.3.290

package/lib/template/ui/kendo/farris-number-spinner.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -42,23 +42,33 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
         farris-number-spinner(id=variable.replacedId "input-end-edit" 'numberSpinnerRef' 
-        '[disabled]'!=variable.disable?variable.disable:undefined 
-        '[editable]'=(variable.editable || variable.editable==false)?variable.editable+"":undefined 
-        '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined 
-        '[useThousands]'=(variable.useThousands || variable.useThousands==false)?variable.useThousands+"":undefined 
-        '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":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 
-        '[precision]'=(variable.precision || variable.precision == 0)?variable.precision+"":undefined  
-        '(valueChange)'=variable.valueChange?variable.valueChange:undefined 
-        '(blur)'=variable.onBlur?variable.onBlur:undefined 
-        '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  
-        '[canNull]'=(variable.canNull||variable.canNull==false)?""+variable.canNull:undefined  
-        '[bigNumber]'=(variable.bigNumber||variable.bigNumber==false)?""+variable.bigNumber: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  '[showZero]'=variable.showZero?""+variable.showZero.value:undefined '[showButton]'=variable.showButton?""+variable.showButton.value:undefined  )&attributes(attrs)
+          '[disabled]'!=variable.disable?variable.disable:undefined 
+          '[editable]'=(variable.editable || variable.editable==false)?variable.editable+"":undefined 
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined 
+          '[useThousands]'=(variable.useThousands || variable.useThousands==false)?variable.useThousands+"":undefined 
+          '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":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 
+          '[precision]'=(variable.precision || variable.precision == 0)?variable.precision+"":undefined  
+          '(valueChange)'=variable.valueChange?variable.valueChange:undefined 
+          '(blur)'=variable.onBlur?variable.onBlur:undefined 
+          '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  
+          '[canNull]'=(variable.canNull||variable.canNull==false)?""+variable.canNull:undefined  
+          '[bigNumber]'=(variable.bigNumber||variable.bigNumber==false)?""+variable.bigNumber: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
+          '[showZero]'=variable.showZero?""+variable.showZero.value:undefined '[showButton]'=variable.showButton?""+variable.showButton.value:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
@@ -74,7 +84,17 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
           else
             -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'number'" '[format]'=variable.format?"'"+variable.format+"'":undefined   '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined  '[option]'=variable.textOptionsName?variable.textOptionsName:undefined  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'number'" '[format]'=variable.format?"'"+variable.format+"'":undefined
+            '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined
+            '[option]'=variable.textOptionsName?variable.textOptionsName:undefined
+            '[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")

package/lib/template/ui/kendo/farris-switch.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -40,7 +40,22 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-switch(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable:undefined '[editable]'!=variable.readonly?"!("+variable.readonly.value+")":undefined '[square]'=variable.square?""+variable.square:undefined  '[checkedLabel]'=variable.checkedLabel?"'"+variable.checkedLabel+"'":undefined '[uncheckedLabel]'=variable.uncheckedLabel?"'"+variable.uncheckedLabel+"'":undefined '(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)
+        farris-switch(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable:undefined
+          '[editable]'=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
+          '[square]'=variable.square?""+variable.square:undefined
+          '[checkedLabel]'=variable.checkedLabel?"'"+variable.checkedLabel+"'":undefined
+          '[uncheckedLabel]'=variable.uncheckedLabel?"'"+variable.uncheckedLabel+"'":undefined
+          '(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
+          '[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" )
@@ -56,7 +71,14 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
           else
             -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'boolean'" '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'boolean'" '[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")

package/lib/template/ui/kendo/farris-tags.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -44,7 +44,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-tags(id=variable.replacedId?""+variable.replacedId:undefined    '*ngIf'!=variable.visible ?variable.visible.value+'':undefined   '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined  '[checkable]'=(variable.checkable || variable.checkable==false)?""+variable.checkable:undefined   '[className]'=variable.className?"'"+variable.className+"'":undefined   '[color]'=variable.color?"'"+variable.color+"'":undefined  '[tagType]'=variable.tagType?"'"+variable.tagType+"'":undefined   '(tagClick)'=variable.click?""+variable.click:undefined  '(dataChanged)'=variable.dataChanged?""+variable.dataChanged:undefined  '(closed)'=variable.closed?""+variable.closed: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)
+        farris-tags(id=variable.replacedId?""+variable.replacedId:undefined    '*ngIf'!=variable.visible ?variable.visible.value+'':undefined   '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined  '[checkable]'=(variable.checkable || variable.checkable==false)?""+variable.checkable:undefined   '[className]'=variable.className?"'"+variable.className+"'":undefined   '[color]'=variable.color?"'"+variable.color+"'":undefined  '[tagType]'=variable.tagType?"'"+variable.tagType+"'":undefined   '(tagClick)'=variable.click?""+variable.click:undefined  '(dataChanged)'=variable.dataChanged?""+variable.dataChanged:undefined  '(closed)'=variable.closed?""+variable.closed: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" )

package/lib/template/ui/kendo/farris-time-picker.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -45,7 +45,30 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-time-picker(id=variable.replacedId "input-end-edit" "timePickerRef" '[disabled]'!=variable.disable?variable.disable.toString():undefined  '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[hourStep]'=variable.hourStep?variable.hourStep.toString():undefined '[minuteStep]'=variable.minuteStep?variable.minuteStep.toString():undefined '[secondStep]'=variable.secondStep?variable.secondStep.toString():undefined  '[format]'=variable.format?"'"+variable.format+"'":undefined      '[hideDisabledOptions]'=(variable.hideDisabledOptions || variable.hideDisabledOptions==false)?variable.hideDisabledOptions.toString():undefined '(clear)'=variable.clear?variable.clear:undefined  '(valueChanged)'=variable.valueChanged?variable.valueChanged.toString():undefined '(openChange)'=variable.openChange?variable.openChange.toString():undefined '[use12Hours]'=(variable.use12Hours || variable.use12Hours==false)?variable.use12Hours+"":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   '[showHeader]'=variable.showHeader?""+variable.showHeader.value:undefined )&attributes(attrs)
+        farris-time-picker(id=variable.replacedId "input-end-edit" "timePickerRef"
+          '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
+          '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined
+          '[hourStep]'=variable.hourStep?variable.hourStep.toString():undefined
+          '[minuteStep]'=variable.minuteStep?variable.minuteStep.toString():undefined
+          '[secondStep]'=variable.secondStep?variable.secondStep.toString():undefined
+          '[format]'=variable.format?"'"+variable.format+"'":undefined
+          '[hideDisabledOptions]'=(variable.hideDisabledOptions || variable.hideDisabledOptions==false)?variable.hideDisabledOptions.toString():undefined
+          '(clear)'=variable.clear?variable.clear:undefined  '(valueChanged)'=variable.valueChanged?variable.valueChanged.toString():undefined
+          '(openChange)'=variable.openChange?variable.openChange.toString():undefined
+          '[use12Hours]'=(variable.use12Hours || variable.use12Hours==false)?variable.use12Hours+"":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
+          '[showHeader]'=variable.showHeader?""+variable.showHeader.value:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
@@ -61,7 +84,15 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
           else
             -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'date'"  '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined   '[format]'=variable.format?"'"+variable.format+"'":undefined  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'date'"  '[showTime]'=(variable.showTime || variable.showTime== false)?""+variable.showTime:undefined
+            '[format]'=variable.format?"'"+variable.format+"'":undefined  '[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")

package/lib/template/ui/kendo/farris-time-spinner.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -35,7 +35,30 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-time-spinner(id=variable.replacedId "input-end-edit"  '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable+"":undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined  '[use12Hours]'=(variable.use12Hours||variable.use12Hours==false)?variable.use12Hours+"":undefined  '[format]'=variable.format?"'"+variable.format+"'":undefined  '[placeHolder]'=variable.placeHolderLangName?variable.placeHolderLangName:undefined  '[hourStep]'=(variable.hourStep||variable.hourStep==0)?"'"+variable.hourStep+"'":undefined  '[minuteStep]'=(variable.minuteStep||variable.minuteStep==0)?"'"+variable.minuteStep+"'":undefined  '[secondStep]'=(variable.secondStep||variable.secondStep==0)?"'"+variable.secondStep+"'":undefined   '[max]'=variable.maxValue?"'"+variable.maxValue+"'":undefined  '[min]'=variable.minValue?"'"+variable.minValue+"'":undefined '[disabledSeconds]'=(variable.disabledSeconds||variable.disabledSeconds==false)?variable.disabledSeconds+"":undefined '[separator]'=variable.splitter?"'"+variable.splitter+"'":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)
+        farris-time-spinner(id=variable.replacedId "input-end-edit"
+          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable+"":undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined
+          '[editable]'=(variable.editable||variable.editable==false)?variable.editable+"":undefined
+          '[use12Hours]'=(variable.use12Hours||variable.use12Hours==false)?variable.use12Hours+"":undefined
+          '[format]'=variable.format?"'"+variable.format+"'":undefined
+          '[placeHolder]'=variable.placeHolderLangName?variable.placeHolderLangName:undefined
+          '[hourStep]'=(variable.hourStep||variable.hourStep==0)?"'"+variable.hourStep+"'":undefined
+          '[minuteStep]'=(variable.minuteStep||variable.minuteStep==0)?"'"+variable.minuteStep+"'":undefined
+          '[secondStep]'=(variable.secondStep||variable.secondStep==0)?"'"+variable.secondStep+"'":undefined
+          '[max]'=variable.maxValue?"'"+variable.maxValue+"'":undefined  '[min]'=variable.minValue?"'"+variable.minValue+"'":undefined
+          '[disabledSeconds]'=(variable.disabledSeconds||variable.disabledSeconds==false)?variable.disabledSeconds+"":undefined
+          '[separator]'=variable.splitter?"'"+variable.splitter+"'":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" )

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

@@ -1,3 +1,14 @@
-farris-tabs('id'=variable.replacedId 'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined '[value]'=variable.selectedValue?(variable.selectedIsString?"'"+variable.selectedValue+"'":""+variable.selectedValue):undefined  '[height]'=(variable.size && variable.size.height)?"'"+variable.size.height+"'":undefined '[width]'=(variable.size && variable.size.width)?"'"+variable.size.width+"'":undefined   '[fill]'=variable.tabFill?"'"+variable.tabFill+"'":undefined '[position]'=variable.tabPosition?"'"+variable.tabPosition+"'":undefined    '(tabChange)'=variable.tabChange?variable.tabChange:undefined  '(tabRemove)'=variable.tabRemove?variable.tabRemove+"":undefined    '[btnStates]'="tabsToolbarStates" '[btnVisible]'="tabsToolbarVisibleStates" '[contentFill]'=(variable.contentFill ||variable.contentFill==false)?variable.contentFill.toString():undefined  '[autoTitleWidth]'=(variable.autoTitleWidth || variable.autoTitleWidth == false)?""+variable.autoTitleWidth:undefined  '[titleLength]'=(variable.titleLength || variable.titleLength==0)?""+variable.titleLength:undefined '[titleWidth]'=(variable.titleWidth || variable.titleWidth==0)?""+variable.titleWidth:undefined  '*ngIf'!=variable.visible?variable.visible.value+"":undefined   '[beforeSelect]'=variable.beforeSelect?""+variable.beforeSelect:undefined   )
+farris-tabs('id'=variable.replacedId 'class'=(variable.appearance && variable.appearance.class) ? variable.appearance.class+"":undefined
+  'style'=(variable.appearance && variable.appearance.style) ? variable.appearance.style+"":undefined
+  '[value]'=variable.selectedValue?(variable.selectedIsString?"'"+variable.selectedValue+"'":""+variable.selectedValue):undefined
+  '[height]'=(variable.size && variable.size.height)?"'"+variable.size.height+"'":undefined '[width]'=(variable.size && variable.size.width)?"'"+variable.size.width+"'":undefined
+  '[fill]'=variable.tabFill?"'"+variable.tabFill+"'":undefined '[position]'=variable.tabPosition?"'"+variable.tabPosition+"'":undefined
+  '(tabChange)'=variable.tabChange?variable.tabChange:undefined  '(tabRemove)'=variable.tabRemove?variable.tabRemove+"":undefined
+  '[btnStates]'=variable.disableTabPipeSuffix?"tabsToolbarStates"+variable.disableTabPipeSuffix:"tabsToolbarStates"
+  '[btnVisible]'=variable.visibleTabPipeSuffix?"tabsToolbarVisibleStates"+variable.visibleTabPipeSuffix:"tabsToolbarVisibleStates"
+  '[contentFill]'=(variable.contentFill ||variable.contentFill==false)?variable.contentFill.toString():undefined
+  '[autoTitleWidth]'=(variable.autoTitleWidth || variable.autoTitleWidth == false)?""+variable.autoTitleWidth:undefined
+  '[titleLength]'=(variable.titleLength || variable.titleLength==0)?""+variable.titleLength:undefined '[titleWidth]'=(variable.titleWidth || variable.titleWidth==0)?""+variable.titleWidth:undefined
+  '*ngIf'!=variable.visible?variable.visible.value+"":undefined   '[beforeSelect]'=variable.beforeSelect?""+variable.beforeSelect:undefined)
   = '\n'
   | {{content}}

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

@@ -16,4 +16,4 @@ div(class='f-imgcontainer-in-form')
         -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ variable.binding.path+"'] | imageIdToUrl"+rootIdAttrs+"}}";
       else
         -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"'] | imageIdToUrl"+rootIdAttrs+"}}";
-    img(id=variable.replacedId?""+variable.replacedId:undefined  "input-end-edit"   click=variable.click?variable.click:undefined  class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?""+variable.visible.value:undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(areaAttrs)
+    img(id=variable.replacedId?""+variable.replacedId:undefined  "input-end-edit"   click=variable.click?variable.click:undefined  class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visiblePipeSuffix?""+variable.visible.value+variable.visiblePipeSuffix:""+variable.visible.value:undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(areaAttrs)

package/lib/template/ui/kendo/input-group.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
             span('class'="farris-label-text") {{#{titleValue}}}
       -var attrs = {};
       if (variable.binding && variable.binding.type == 'Variable')
@@ -40,7 +40,29 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if(variable.focusState)
           -attrs["[focusState]"]=variable.focusState+"";
       div('class'='farris-input-wrap')
-        input-group(id=variable.replacedId?""+variable.replacedId:undefined '[groupText]'=variable.groupTextLangName?""+variable.groupTextLangName:undefined "input-end-edit" "inputGroupRef"  '[disabled]'!=variable.disable?variable.disable+"":undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[editable]'=(variable.editable || variable.editable == false)?variable.editable+"":undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?variable.enableClear+"":undefined  '[customCls]'=variable.customCls?"'"+variable.customCls+"'":undefined  '[showButtonWhenDisabled]'=variable.showButtonWhenDisabled?variable.showButtonWhenDisabled+"":undefined  '[placeholder]'=variable.placeHolderLangName?""+variable.placeHolderLangName:undefined  '(clear)'=variable.onClear?variable.onClear:undefined  '(valueChange)'=variable.valueChange?variable.valueChange+"":undefined  '(clickHandle)'=variable.click?variable.click+"":undefined  '(blurHandle)'=variable.onBlur?variable.onBlur+"":undefined  '[isPassword]'=(variable.isPassword || variable.isPassword == false)?""+variable.isPassword:undefined    '[enableViewPassword]'=(variable.enableViewPassword || variable.enableViewPassword == false)?""+variable.enableViewPassword: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  '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined  )&attributes(attrs)
+        input-group(id=variable.replacedId?""+variable.replacedId:undefined '[groupText]'=variable.groupTextLangName?""+variable.groupTextLangName:undefined
+          "input-end-edit" "inputGroupRef"  '[disabled]'!=variable.disable?variable.disable+"":undefined
+          '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
+          '[editable]'=(variable.editable || variable.editable == false)?variable.editable+"":undefined
+          '[enableClear]'=(variable.enableClear || variable.enableClear==false)?variable.enableClear+"":undefined
+          '[customCls]'=variable.customCls?"'"+variable.customCls+"'":undefined
+          '[showButtonWhenDisabled]'=variable.showButtonWhenDisabled?variable.showButtonWhenDisabled+"":undefined
+          '[placeholder]'=variable.placeHolderLangName?""+variable.placeHolderLangName:undefined
+          '(clear)'=variable.onClear?variable.onClear:undefined  '(valueChange)'=variable.valueChange?variable.valueChange+"":undefined
+          '(clickHandle)'=variable.click?variable.click+"":undefined  '(blurHandle)'=variable.onBlur?variable.onBlur+"":undefined
+          '[isPassword]'=(variable.isPassword || variable.isPassword == false)?""+variable.isPassword:undefined
+          '[enableViewPassword]'=(variable.enableViewPassword || variable.enableViewPassword == false)?""+variable.enableViewPassword: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
+          '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":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" )
@@ -55,7 +77,15 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
           else
             -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'string'" '[isPassword]'=(variable.isPassword || variable.isPassword == false)?""+variable.isPassword:undefined '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'string'" '[isPassword]'=(variable.isPassword || variable.isPassword == false)?""+variable.isPassword:undefined
+            '[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")

package/lib/template/ui/kendo/language-textbox.pug

@@ -2,10 +2,10 @@
 -var holdPlaceInnerAttrs = {};
 -var holdPlaceEmptyAttrs = {};
 if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
+  -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.visible.value+'':undefined;
+  -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)
@@ -16,12 +16,12 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         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-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.require.value) *
+              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 = {};
@@ -44,7 +44,22 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        language-textbox(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable.toString():undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined  '[languages]'=variable.useFrameworkLanguage?""+variable.currentLanguageListName:variable.currentLanguageListName '[enableClear]'=(variable.enableClear || variable.enableClear == false)?""+variable.enableClear: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  '[editable]'=variable.editable?""+variable.editable.value:undefined )&attributes(attrs)
+        language-textbox(id=variable.replacedId "input-end-edit"  '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
+          '[languages]'=variable.useFrameworkLanguage?""+variable.currentLanguageListName:variable.currentLanguageListName
+          '[enableClear]'=(variable.enableClear || variable.enableClear == false)?""+variable.enableClear: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
+          '[editable]'=variable.editable?""+variable.editable.value:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
@@ -60,7 +75,14 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
           else
             -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          farris-text('[type]'="'string'" '[currentLanguage]'="this.lang" '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'string'" '[currentLanguage]'="this.lang" '[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")