@farris/jit-engine 1.3.294 → 1.3.296

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

@@ -1,99 +1,118 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs['*ngIf']=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs['*ngIf']=variable.visible?variable.visible.value+'':undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
-  if(variable.holdPlace)
-    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
-  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
-    div(class="form-group farris-form-group"  '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-      if (variable.title)
-        if(variable.isTextArea)
-          label(class="col-form-label" '*ngIf'="viewModel.stateMachine['editable']" '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined )
-            span(class="farris-label-text")
-            if (variable.require)
-              span(class="farris-label-info text-danger" "*ngIf"=""+variable.require.value) *
-        else
-          label(class="col-form-label"   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            span(class="farris-label-text")
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
-      div(class="farris-input-wrap")
-        if(variable.isTextArea)
-          -var divAttr = {};
-          if(variable.readonly && variable.readonly.isComposite)
-            -divAttr["*ngIf"]="!"+variable.readonly.value;
-          else
-            -divAttr["*ngIf"]="viewModel.stateMachine['editable']";
-          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?""+variable.readonly.value:undefined )&attributes(divAttr)
-            -var attrs = {};
-            if (variable.binding && variable.binding.type == 'Variable')
-              -attrs['[(ngModel)]'] = variable.binding.value;
-              -attrs['name'] = variable.replacedId;
-              -attrs['[ngModelOptions]'] = "{standalone:true}";
-            else
-              -attrs['formControlName'] = (variable.binding && variable.binding.path);
-            input(id=variable.replacedId class="custom-control-input" type="checkbox" '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined  '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined  'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined )&attributes(attrs)
-            if(variable.linkedLabelEnabled)
-              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-            else
-              label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-              label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-            if (variable.needValid && variable.binding && variable.binding.path)
-              -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-              validationMessage('[errors]'!=`${path}`  '[hidden]'="!viewModel.form.isShowValidationMsg"  )
-        else
-          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?variable.readonly.value+"":undefined )
-            -var attrs = {};
-            if (variable.binding && variable.binding.type == 'Variable')
-              -attrs['[(ngModel)]'] = variable.binding.value;
-              -attrs['name'] = variable.replacedId;
-              -attrs['[ngModelOptions]'] = "{standalone:true}";
-            else
-              -attrs['formControlName'] = (variable.binding && variable.binding.path);
-            if(variable.hasDefaultFocus)
-              -attrs["farris-set-focus"]="";
-              if(variable.focusState)
-                -attrs["[focusState]"]=variable.focusState+"";
-            input(id=variable.replacedId "input-end-edit" class="custom-control-input" type="checkbox" '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?""+variable.readonly.value:undefined '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined )&attributes(attrs)
-            if(variable.linkedLabelEnabled)
-              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-            else
-              label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-              label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-            if (variable.needValid && variable.binding && variable.binding.path)
-              -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-              validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
-      if(variable.isTextArea)
-        -var areaAttrs = {};
-        -var areaLabelAttrs = {};
-        if(variable.readonly && variable.readonly.isComposite)
-            -areaLabelAttrs["*ngIf"]=variable.readonly.value;
-            -areaAttrs["*ngIf"]=variable.readonly.value;
-        else
-            -areaLabelAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
-            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
-        if (variable.binding && variable.binding.type == 'Variable')
-          -areaAttrs['[(ngModel)]'] = variable.binding.value;
-          -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
-        else
-          -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-        if(variable.title)
-          -areaLabelAttrs['title'] = "viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"']";
-        label(class="col-form-label"  )&attributes(areaLabelAttrs)
-          span(class="farris-label-text")
-            | {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
-        farris-text('[type]'="'boolean'" '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined  '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined  )&attributes(areaAttrs)
-      if(variable.titleTipsTemplate)
-        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
-          i(class="f-icon f-icon-description-tips")
-        -var tipsAttrs= {};
-        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
-        ng-template()&attributes(tipsAttrs)
-          | !{variable.titleTipsTemplate}
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group"  '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      if (variable.title)
+        if(variable.isTextArea)
+          label(class="col-form-label" '*ngIf'="viewModel.stateMachine['editable']" '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined )
+            span(class="farris-label-text")
+            if (variable.require)
+              span(class="farris-label-info text-danger" "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+        else
+          label(class="col-form-label"   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            span(class="farris-label-text")
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+      div(class="farris-input-wrap")
+        if(variable.isTextArea)
+          -var divAttr = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -divAttr["*ngIf"]="!"+variable.readonly.value;
+          else
+            -divAttr["*ngIf"]="viewModel.stateMachine['editable']";
+          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined )&attributes(divAttr)
+            -var attrs = {};
+            if (variable.binding && variable.binding.type == 'Variable')
+              -attrs['[(ngModel)]'] = variable.binding.value;
+              -attrs['name'] = variable.replacedId;
+              -attrs['[ngModelOptions]'] = "{standalone:true}";
+            else
+              -attrs['formControlName'] = (variable.binding && variable.binding.path);
+            input(id=variable.replacedId class="custom-control-input" type="checkbox" '[disabled]'!=variable.disable?variable.disable.toString():undefined '[readonly]'!=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined  '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined  'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined )&attributes(attrs)
+            if(variable.linkedLabelEnabled)
+              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+            else
+              label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+              label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+            if (variable.needValid && variable.binding && variable.binding.path)
+              -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+              validationMessage('[errors]'!=`${path}`  '[hidden]'="!viewModel.form.isShowValidationMsg"  )
+        else
+          div(class="custom-control custom-checkbox" '[ngSwitch]'=variable.readonly?variable.readonlyPipeSuffix?""+variable.readonly.value+variable.readonlyPipeSuffix:""+variable.readonly.value:undefined )
+            -var attrs = {};
+            if (variable.binding && variable.binding.type == 'Variable')
+              -attrs['[(ngModel)]'] = variable.binding.value;
+              -attrs['name'] = variable.replacedId;
+              -attrs['[ngModelOptions]'] = "{standalone:true}";
+            else
+              -attrs['formControlName'] = (variable.binding && variable.binding.path);
+            if(variable.hasDefaultFocus)
+              -attrs["farris-set-focus"]="";
+              if(variable.focusState)
+                -attrs["[focusState]"]=variable.focusState+"";
+            input(id=variable.replacedId "input-end-edit" class="custom-control-input" type="checkbox"
+              '[disabled]'!=variable.disable?variable.readonlyPipeSuffix?variable.disable.toString()+variable.readonlyPipeSuffix:variable.disable.toString():undefined
+              '(ngModelChange)'!=variable.valueChange?"!"+variable.readonly.value+"&&"+variable.valueChange+"":undefined
+              tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+              '[requiredOn]'=(variable.isCustomRequire && variable.require && !variable.require.isExpression)?""+variable.require.value:undefined
+              'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+              '[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.linkedLabelEnabled)
+              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="true" '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+              label(class="custom-control-label f-pretend-link f-cursor-pointer" '*ngSwitchCase'="false" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+            else
+              label(class="custom-control-label" '*ngSwitchCase'="true" ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+              label(class="custom-control-label" '*ngSwitchCase'="false" for=variable.replacedId ) {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+            if (variable.needValid && variable.binding && variable.binding.path)
+              -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+              validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+      if(variable.isTextArea)
+        -var areaAttrs = {};
+        -var areaLabelAttrs = {};
+        if(variable.readonly && variable.readonly.isComposite)
+            -areaLabelAttrs["*ngIf"]=variable.readonly.value;
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+        else
+            -areaLabelAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";        
+        if (variable.binding && variable.binding.type == 'Variable')
+          -areaAttrs['[(ngModel)]'] = variable.binding.value;
+          -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+        if(variable.title)
+          -areaLabelAttrs['title'] = "viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"']";
+        label(class="col-form-label"  )&attributes(areaLabelAttrs)
+          span(class="farris-label-text")
+            | {{'!{variable.resourceId}'|lang:lang:'!{variable.defaultI18nValue}'}}
+        farris-text('[type]'="'boolean'" '[autoSize]'=variable.autoHeight?""+variable.autoHeight.value:undefined
+          '[maxHeight]'=variable.maxHeight?""+variable.maxHeight:undefined
+          '[inputAppendControlType]'=variable.enableAppend?"'StaticText'":undefined
+          '[input-append]'=variable.enableAppend?""+variable.enableAppend.value:undefined
+          '[inputAppendText]'=variable.inputAppendText?"'"+variable.inputAppendText+"'":undefined
+          '[inputAppendType]'=variable.inputAppendType?"'"+variable.inputAppendType+"'":undefined
+          '[inputAppendDisabled]'=variable.inputAppendDisabled?""+variable.inputAppendDisabled.value:undefined
+          '(inputAppendClickEvent)'=variable.inputAppendClickEvent?""+variable.inputAppendClickEvent:undefined)&attributes(areaAttrs)
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
+          | !{variable.titleTipsTemplate}

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

@@ -1,51 +1,63 @@
-
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visible.value+'':undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
-  if(variable.holdPlace)
-    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
-  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
-    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-      if (variable.title)
-        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
-        if(variable.linkedLabelEnabled)
-          label(class="col-form-label f-pretend-link f-cursor-pointer " title="{{"+titleValue+"}}" for=variable.replacedId  '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-        else
-          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-      div(class="farris-input-wrap")
-        if (variable.items)
-          each item, index in variable.items
-            div(class="custom-control custom-checkbox")
-              -var attrs = {};
-              if (item.binding && item.binding.type == 'Variable')
-                -attrs['[(ngModel)]'] = variable.binding.value;
-                -attrs['name'] = variable.replacedId;
-                -attrs['[ngModelOptions]'] = "{standalone:true}";
-              else
-                -attrs['formControlName'] = (item.binding && item.binding.path);
-              if(variable.hasDefaultFocus)
-                -attrs["farris-set-focus"]="";
-                if(variable.focusState)
-                  -attrs["[focusState]"]=variable.focusState+"";
-              input(class="custom-control-input" "input-end-edit" type="checkbox" id=item.id disabled!=item.disable?item.disable.toString():undefined readonly!=item.readonly?""+item.readonly.value:undefined tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined )&attributes(attrs)
-              if (item.title)
-                label(class="custom-control-label" for=item.id) !{item.title}
-      if(variable.titleTipsTemplate)
-        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
-          i(class="f-icon f-icon-description-tips")
-        -var tipsAttrs= {};
-        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
-        ng-template()&attributes(tipsAttrs)
-          | !{variable.titleTipsTemplate}
+
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible?variable.visiblePipeSuffix?'!'+variable.visible.value+variable.visiblePipeSuffix+'':'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible?variable.visiblePipeSuffix?variable.visible.value+variable.visiblePipeSuffix+'':variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      if (variable.title)
+        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label f-pretend-link f-cursor-pointer " title="{{"+titleValue+"}}" for=variable.replacedId  '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=variable.requirePipeSuffix?""+variable.require.value+variable.requirePipeSuffix:""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        if (variable.items)
+          each item, index in variable.items
+            div(class="custom-control custom-checkbox")
+              -var attrs = {};
+              if (item.binding && item.binding.type == 'Variable')
+                -attrs['[(ngModel)]'] = variable.binding.value;
+                -attrs['name'] = variable.replacedId;
+                -attrs['[ngModelOptions]'] = "{standalone:true}";
+              else
+                -attrs['formControlName'] = (item.binding && item.binding.path);
+              if(variable.hasDefaultFocus)
+                -attrs["farris-set-focus"]="";
+                if(variable.focusState)
+                  -attrs["[focusState]"]=variable.focusState+"";
+              input(class="custom-control-input" "input-end-edit" type="checkbox" id=item.id
+                disabled!=item.disable?item.disable.toString():undefined
+                readonly!=item.readonly?""+item.readonly.value:undefined
+                tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined
+                '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
+                'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+                '[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 (item.title)
+                label(class="custom-control-label" for=item.id) !{item.title}
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
+          | !{variable.titleTipsTemplate}

package/lib/template/ui/kendo/city-selector.pug

@@ -1,69 +1,69 @@
--var holdPlaceOuterAttrs = {};
--var holdPlaceInnerAttrs = {};
--var holdPlaceEmptyAttrs = {};
-if(variable.holdPlace)
-  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
-else
-  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
-div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) )&attributes(holdPlaceOuterAttrs)
-  if(variable.holdPlace)
-    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
-  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
-    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
-      if (variable.title)
-        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
-        if(variable.linkedLabelEnabled)
-          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-        else
-          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
-            if (variable.require)
-              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
-            span(class="farris-label-text") {{#{titleValue}}}
-      div(class="farris-input-wrap")
-        -var attrs = {};
-        if (variable.binding && variable.binding.type == 'Variable')
-          -attrs['[(ngModel)]'] = variable.binding.value;
-          -attrs['name'] = variable.replacedId;
-          -attrs['[ngModelOptions]'] = "{standalone:true}";
-        else
-          -attrs['formControlName'] = (variable.binding && variable.binding.path);
-        if (variable.valueChange)
-          -attrs['(valueChange)'] = variable.valueChange ;
-        
-        if(variable.isTextArea)
-          if(variable.readonly && variable.readonly.isComposite)
-            -attrs["*ngIf"]="!"+variable.readonly.value;
-          else
-            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
-        if(variable.hasDefaultFocus)
-          -attrs["farris-set-focus"]="";
-          if(variable.focusState)
-            -attrs["[focusState]"]=variable.focusState+"";
-        lib-city-selector()&attributes(attrs)
-        if (variable.needValid && variable.binding && variable.binding.path)
-          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
-        div(class="farris-feedback")
-        if(variable.isTextArea)
-          -var areaAttrs = {};
-          if(variable.readonly && variable.readonly.isComposite)
-            -areaAttrs["*ngIf"]=variable.readonly.value;
-          else
-            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
-          if (variable.binding && variable.binding.type == 'Variable')
-            -areaAttrs['[(ngModel)]'] = variable.binding.value;
-            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
-          else
-            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
-          lib-city-selector()&attributes(areaAttrs)
-      if(variable.titleTipsTemplate)
-        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
-          i(class="f-icon f-icon-description-tips")
-        -var tipsAttrs= {};
-        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
-        ng-template()&attributes(tipsAttrs)
-          | !{variable.titleTipsTemplate}
+-var holdPlaceOuterAttrs = {};
+-var holdPlaceInnerAttrs = {};
+-var holdPlaceEmptyAttrs = {};
+if(variable.holdPlace)
+  -holdPlaceInnerAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
+  -holdPlaceEmptyAttrs['*ngIf']=variable.visible ?'!'+variable.visible.value+'':undefined;
+else
+  -holdPlaceOuterAttrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
+div(class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) )&attributes(holdPlaceOuterAttrs)
+  if(variable.holdPlace)
+    div(class="f-empty-input-placeholder")&attributes(holdPlaceEmptyAttrs)
+  div(class="farris-group-wrap")&attributes(holdPlaceInnerAttrs)
+    div(class="form-group farris-form-group" '[ngClass]'="{'form-group--has-tips':"+(variable.enableTitleTips?variable.enableTitleTips:false)+"}")
+      if (variable.title)
+        -var titleValue=variable.isStaticTitle?("'" + variable.resourceId + "'|lang:lang:'"+variable.defaultI18nValue+"'"):variable.dynamicTitleValue;
+        if(variable.linkedLabelEnabled)
+          label(class="col-form-label f-pretend-link f-cursor-pointer" title="{{"+titleValue+"}}" for=variable.replacedId '(click)'=variable.linkedLabelClick?variable.linkedLabelClick:undefined  '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+        else
+          label(class="col-form-label" title="{{"+titleValue+"}}" for=variable.replacedId   '[style.width]'=variable.titleWidth?"'"+variable.titleWidth+"px"+"'":undefined)
+            if (variable.require)
+              span(class="farris-label-info text-danger"  "*ngIf"=""+variable.require.value) *
+            span(class="farris-label-text") {{#{titleValue}}}
+      div(class="farris-input-wrap")
+        -var attrs = {};
+        if (variable.binding && variable.binding.type == 'Variable')
+          -attrs['[(ngModel)]'] = variable.binding.value;
+          -attrs['name'] = variable.replacedId;
+          -attrs['[ngModelOptions]'] = "{standalone:true}";
+        else
+          -attrs['formControlName'] = (variable.binding && variable.binding.path);
+        if (variable.valueChange)
+          -attrs['(valueChange)'] = variable.valueChange ;
+        
+        if(variable.isTextArea)
+          if(variable.readonly && variable.readonly.isComposite)
+            -attrs["*ngIf"]="!"+variable.readonly.value;
+          else
+            -attrs["*ngIf"]="viewModel.stateMachine['editable']";
+        if(variable.hasDefaultFocus)
+          -attrs["farris-set-focus"]="";
+          if(variable.focusState)
+            -attrs["[focusState]"]=variable.focusState+"";
+        lib-city-selector()&attributes(attrs)
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        div(class="farris-feedback")
+        if(variable.isTextArea)
+          -var areaAttrs = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+          else
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          if (variable.binding && variable.binding.type == 'Variable')
+            -areaAttrs['[(ngModel)]'] = variable.binding.value;
+            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+          else
+            -areaAttrs['formControlName'] = (variable.binding && variable.binding.path);
+          lib-city-selector()&attributes(areaAttrs)
+      if(variable.titleTipsTemplate)
+        span(class="farris-label-tips" farrisTooltip [content]=variable.titleTipsTemplateName?""+variable.titleTipsTemplateName:undefined)
+          i(class="f-icon f-icon-description-tips")
+        -var tipsAttrs= {};
+        -tipsAttrs['#'+variable.titleTipsTemplateName] = "";
+        ng-template()&attributes(tipsAttrs)
+          | !{variable.titleTipsTemplate}