@farris/jit-engine 1.3.273 → 1.3.281

package/lib/template/ui/kendo/farris-combo-list.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.visible.value+variable.visiblePipeSuffix+'':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 = {};
@@ -35,7 +35,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if (variable.valueChanged)
           -attrs['(valueChange)'] = variable.valueChanged + '';
         if (variable.readonly)
-          -attrs['[readonly]'] = variable.readonly.value+"";
+          -attrs['[readonly]'] = variable.readonlyPipeSuffix?variable.readonly.value+variable.readonlyPipeSuffix+"":variable.readonly.value+"";
         if(variable.isTextArea)
           if(variable.readonly && variable.readonly.isComposite)
             -attrs["*ngIf"]="!"+variable.readonly.value;
@@ -46,7 +46,37 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined '[enableCancelSelected]'=(variable.enableCancelSelected || variable.enableCancelSelected==false)?""+variable.enableCancelSelected:undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined '(clear)'=variable.onClear?variable.onClear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined  '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined    '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined   '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined 'comboListRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined   '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined)&attributes(attrs)
+        farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined
+          '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined
+          '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined
+          '[enableCancelSelected]'=(variable.enableCancelSelected || variable.enableCancelSelected==false)?""+variable.enableCancelSelected:undefined
+          '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined
+          '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined
+          '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined
+          '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined
+          '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined
+          '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined
+          '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined
+          '(clear)'=variable.onClear?variable.onClear:undefined
+          '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined
+          '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined
+          '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined
+          '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined
+          '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+          '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined
+          '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
+          'comboListRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+          '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
+          '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined
+          '[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" )
@@ -62,7 +92,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]'="'enum'" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'enum'" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined
+            '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined
+            '[textField]'=variable.textField?"'"+variable.textField+"'":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-combo-lookup.pug

@@ -3,10 +3,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.visible.value+variable.visiblePipeSuffix+'':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)
@@ -17,12 +17,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 = {};
@@ -34,7 +34,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
         if (variable.valueChanged)
           -attrs['(valueChange)'] = variable.valueChanged + '';
         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)
@@ -58,7 +58,15 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           'comboLookupRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined
           '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined '[showHeader]'=variable.showHeader?""+variable.showHeader.value:undefined  '[enableFullTree]'=(variable.enableFullTree || variable.enableFullTree == false)?""+variable.enableFullTree:undefined
           '[treeToList]'=variable.treeToList?""+variable.treeToList.value:undefined '[navTreeToList]'=variable.navTreeToList?""+variable.navTreeToList.value:undefined  '[loadTreeDataType]'=variable.loadTreeDataType ?"'"+variable.loadTreeDataType+"'":undefined
-          '[separator]'=variable.separator?"'"+variable.separator.value+"'":undefined '[expandLevel]'=(variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel:undefined)&attributes(attrs)
+          '[separator]'=variable.separator?"'"+variable.separator.value+"'":undefined '[expandLevel]'=(variable.expandLevel || variable.expandLevel==0)?""+variable.expandLevel: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 +82,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/farris-datepicker.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 = {};
@@ -51,7 +51,8 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
         farris-datepicker(id=variable.replacedId "input-end-edit" "farris-date-localization"=variable.localization?"":undefined
-          '[disabled]'!=variable.disable?variable.disable.toString():undefined  '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
+          '[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+"":undefined
           '[viewType]'=variable.viewType ? "'" + variable.viewType + "'":undefined
           '[locale]'=variable.locale?"'"+variable.locale+"'":undefined  '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined
@@ -73,7 +74,14 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           '[firstDayOfWeek]'=variable.firstDayOfWeek?"'"+variable.firstDayOfWeek+"'":undefined
           '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
           '[separator]'=variable.separator?"'"+variable.separator+"'":undefined '[maxSelected]'=(variable.maxSelected || variable.maxSelected==0)?""+variable.maxSelected:undefined
-          '[selectedOrderBy]'=variable.selectedOrderBy?"'"+variable.selectedOrderBy+"'":undefined)&attributes(attrs)
+          '[selectedOrderBy]'=variable.selectedOrderBy?"'"+variable.selectedOrderBy+"'":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" )
@@ -94,7 +102,13 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
             '[dateRange]'!=(variable.dateRange||variable.dateRange==false)?variable.dateRange+"":undefined  '[dateRangeDelimiter]'!=variable.dateRangeDatesDelimiter?"'"+variable.dateRangeDatesDelimiter+"'":undefined
             '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
             '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?""+variable.multiSelect:undefined
-            '[separator]'=variable.separator?"'"+variable.separator+"'":undefined)&attributes(areaAttrs)
+            '[separator]'=variable.separator?"'"+variable.separator+"'":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-number-range.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)
             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 )
             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,29 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-number-range(id=variable.replacedId  "input-end-edit" '[disabled]'!=variable.disable?variable.disable:undefined '[editable]'=(variable.editable || variable.editable==false)?variable.editable+"":undefined '[readonly]'!=variable.readonly ?""+variable.readonly.value:undefined '[precision]'=(variable.precision || variable.precision == 0)?variable.precision+"":undefined '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined '[useThousands]'=(variable.useThousands || variable.useThousands==false)?variable.useThousands+"":undefined  '[step]'=(variable.step || variable.step == 0)?variable.step+"":undefined '[min]'=(variable.minValue||variable.minValue==0)?variable.minValue+"":undefined '[max]'=(variable.maxValue||variable.maxValue==0)?variable.maxValue+"":undefined '[formatter]'=variable.formatterName?variable.formatterName:undefined '[parser]'=variable.parserName?variable.parserName:undefined  '(valueChange)'=variable.onChange?variable.onChange:undefined '(blur)'=variable.onBlur?variable.onBlur:undefined '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined )&attributes(attrs)
+        farris-number-range(id=variable.replacedId  "input-end-edit" '[disabled]'!=variable.disable?variable.disable:undefined
+          '[editable]'=(variable.editable || variable.editable==false)?variable.editable+"":undefined
+          '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined 
+          '[precision]'=(variable.precision || variable.precision == 0)?variable.precision+"":undefined
+          '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined
+          '[useThousands]'=(variable.useThousands || variable.useThousands==false)?variable.useThousands+"":undefined
+          '[step]'=(variable.step || variable.step == 0)?variable.step+"":undefined
+          '[min]'=(variable.minValue||variable.minValue==0)?variable.minValue+"":undefined
+          '[max]'=(variable.maxValue||variable.maxValue==0)?variable.maxValue+"":undefined
+          '[formatter]'=variable.formatterName?variable.formatterName:undefined
+          '[parser]'=variable.parserName?variable.parserName:undefined  '(valueChange)'=variable.onChange?variable.onChange:undefined
+          '(blur)'=variable.onBlur?variable.onBlur:undefined
+          '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+          '[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" )
@@ -58,7 +80,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]'="'number'"  '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":undefined  '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined )&attributes(areaAttrs)
+          farris-text('[type]'="'number'"  '[textAlign]'=variable.textAlign?"'"+variable.textAlign+"'":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-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" )