@farris/jit-engine 1.3.273 → 1.3.281

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,7 @@ 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.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":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)
         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/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")

package/lib/template/ui/kendo/lookup-employee.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 = {};
@@ -50,7 +50,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           personnel-selector-data-mapping
           input-end-edit
           '[disabled]'!=variable.disable?variable.disable.toString():undefined  
-          '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
           '[viewType]'!=variable.viewType?"'"+variable.viewType+"'":undefined
           '[busNum]'!=variable.busNum?"'"+variable.busNum+"'":undefined
           '[absOrgType]'=variable.absOrgType?"'"+variable.absOrgType+"'":undefined
@@ -68,9 +68,15 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           '(inputClear)'!=variable.inputClear?variable.inputClear+"":undefined
           '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined 
           '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined 
-          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined 
-
-        )&attributes(attrs)
+          '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" )
@@ -86,7 +92,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'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
       if(variable.titleTipsTemplate)
         span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
           i(class="f-icon f-icon-description-tips")

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

@@ -4,10 +4,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)
@@ -18,12 +18,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 = {};
@@ -39,7 +39,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if (variable.beforeSelectData)
           -attrs['[beforeSelectData]'] = variable.beforeSelectData;
         if (variable.readonly)
-          -attrs['[readonly]'] = variable.readonly.value+"";
+          -attrs['[readonly]'] = variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
 
         -attrs['placeholder'] = "{{'" + variable.placeHolderResourceId + "'|lang:lang:'"+variable.placeHolder+"'}}";
         if(variable.isTextArea)
@@ -73,7 +73,15 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           '[quickSelect]'=variable.quickSelectName?""+variable.quickSelectName:undefined '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined
           '[showNavigation]'=variable.showNavigation?""+variable.showNavigation.value:undefined  '[showCascadeControl]'=variable.showCascadeControl?""+variable.showCascadeControl.value:undefined
           '[showSelected]'=variable.showSelected?""+variable.showSelected.value:undefined '[multipleChoiceSeparator]'=variable.multipleChoiceSeparator?"'"+variable.multipleChoiceSeparator.value+"'":undefined
-          '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined)&attributes(attrs)
+          '[useNewLayout]'=variable.useNewLayout?""+variable.useNewLayout.value:undefined '[enableMultiFieldSearch]'=variable.enableMultiFieldSearch?""+variable.enableMultiFieldSearch.value:undefined
+          '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendScene]'=variable.inputAppendScene?"'"+variable.inputAppendScene+"'":undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined
+          '[inputAppendControlType]'=variable.enableAppend?variable.originalType?"'"+variable.originalType+"'":undefined:undefined)&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
@@ -89,7 +97,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'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'string'"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+            '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+            '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+            '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+            '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+            '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+            '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
       if(variable.titleTipsTemplate)
         span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
           i(class="f-icon f-icon-description-tips")

package/lib/template/ui/kendo/multitextbox.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 col-form-label-multi 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 col-form-label-multi" 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,7 +42,31 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        textarea(id=variable.replacedId '[style.height]'=(variable.size&&variable.size.height)?"'"+variable.size.height+"px"+"'":undefined '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined  '[style.width]'=(variable.size&&variable.size.width)?"'"+variable.size.width+"px"+"'":undefined class="form-control" "input-end-edit" 'kendoTextArea' '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined '[value]'=variable.value?variable.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  '[auto-size]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[textarea-zoom]'=variable.enableDialog+"" '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined  '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined 'maxlength'=(variable.maxLength && variable.maxLength!=0)?""+variable.maxLength:undefined   '[word-count]'=(variable.enableWordCount || variable.enableWordCount==false)?""+variable.enableWordCount:undefined  '[countType]'=variable.countType?"'"+variable.countType+"'":undefined  '[onlyShowInDialog]'=(variable.onlyShowInDialog||variable.onlyShowInDialog==false)?""+variable.onlyShowInDialog:undefined   '[common-comments]'=variable.useComments?""+variable.useComments.value:undefined)&attributes(attrs)
+        textarea(id=variable.replacedId '[style.height]'=(variable.size&&variable.size.height)?"'"+variable.size.height+"px"+"'":undefined
+          '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined
+          '[style.width]'=(variable.size&&variable.size.width)?"'"+variable.size.width+"px"+"'":undefined
+          class="form-control"
+          "input-end-edit" 'kendoTextArea' '[disabled]'!=variable.disable?variable.disable.toString():undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"":undefined
+          '[value]'=variable.value?variable.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
+          '[auto-size]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[textarea-zoom]'=variable.enableDialog+""
+          '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
+          '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
+          'maxlength'=(variable.maxLength && variable.maxLength!=0)?""+variable.maxLength:undefined
+          '[word-count]'=(variable.enableWordCount || variable.enableWordCount==false)?""+variable.enableWordCount:undefined
+          '[countType]'=variable.countType?"'"+variable.countType+"'":undefined
+          '[onlyShowInDialog]'=(variable.onlyShowInDialog||variable.onlyShowInDialog==false)?""+variable.onlyShowInDialog:undefined
+          '[common-comments]'=variable.useComments?""+variable.useComments.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" )
@@ -58,7 +82,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]'="'string'"  '[isTextArea]'="true"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined  '[textarea-zoom]'=variable.enableDialog+"" '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined  '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined   '[attr.maxLength]'=variable.maxLength?""+variable.maxLength:undefined  )&attributes(areaAttrs)
+          farris-text('[type]'="'string'" '[isTextArea]'="true"  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+            '[maxHeight]'= variable.maxHeight?""+variable.maxHeight:undefined  '[textarea-zoom]'=variable.enableDialog+""
+            '[title]'=variable.enableDialog?""+titleValue:undefined   '[dialogWidth]'=variable.enableDialog?variable.dialogWidth+"":undefined
+            '[dialogHeight]'=variable.enableDialog?variable.dialogHeight+"":undefined
+            '[attr.maxLength]'=variable.maxLength?""+variable.maxLength: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")