@farris/jit-engine 1.3.350 → 1.3.352

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

@@ -1,21 +1,21 @@
-//- -var variable={title:"新增表单"};
-
-doctype html
-|
--var attrs = {};
-if(variable.isScrollSpyItem)
-  -attrs["[fScrollSpy]"]="'"+variable.replacedId+"'"
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-if(variable.sectionCollapseVisible)
-  fieldSet(id=variable.replacedId   class=(variable.appearance && variable.appearance.class?" f-section-formgroup f-state-visible "+variable.appearance.class :"f-section-formgroup") style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)
-    legend('class'="f-section-formgroup-legend" 'farrisCollapse'  '[collapse]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined '[title]'=variable.titleLang?""+variable.titleLang:undefined '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined )
-    div('class'="f-section-formgroup-inputs f-state-visible")
-      | {{content}}
-else
-  fieldSet(id=variable.replacedId   class=(variable.appearance && variable.appearance.class?" f-section-formgroup "+variable.appearance.class :"f-section-formgroup") style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)
-    legend('class'="f-section-formgroup-legend" 'farrisCollapse'  '[collapse]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined '[title]'=variable.titleLang?""+variable.titleLang:undefined '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined )
-    div('class'="f-section-formgroup-inputs")
+//- -var variable={title:"新增表单"};
+
+doctype html
+|
+-var attrs = {};
+if(variable.isScrollSpyItem)
+  -attrs["[fScrollSpy]"]="'"+variable.replacedId+"'"
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+if(variable.sectionCollapseVisible)
+  fieldSet(id=variable.replacedId   class=(variable.appearance && variable.appearance.class?" f-section-formgroup f-state-visible "+variable.appearance.class :"f-section-formgroup") style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)
+    legend('class'="f-section-formgroup-legend" 'farrisCollapse'  '[collapse]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined '[title]'=variable.titleLang?""+variable.titleLang:undefined '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined )
+    div('class'="f-section-formgroup-inputs f-state-visible")
+      | {{content}}
+else
+  fieldSet(id=variable.replacedId   class=(variable.appearance && variable.appearance.class?" f-section-formgroup "+variable.appearance.class :"f-section-formgroup") style=(variable.appearance && variable.appearance.style) '*ngIf'!=variable.visible ?variable.visible.value+'':undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined )&attributes(attrs)
+    legend('class'="f-section-formgroup-legend" 'farrisCollapse'  '[collapse]'=(variable.collapse || variable.collapse==false)?""+variable.collapse:undefined '[title]'=variable.titleLang?""+variable.titleLang:undefined '[expandText]'=variable.expandTextLang?""+variable.expandTextLang:undefined  '[collapseText]'=variable.collapseTextLang?""+variable.collapseTextLang:undefined )
+    div('class'="f-section-formgroup-inputs")
       | {{content}}

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

@@ -1,6 +1,6 @@
-//- -var variable={};
-
-doctype html
-|
-div(id=variable.replacedId?""+variable.replacedId:undefined 'farris-flex'  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)   '[direction]'="'" + variable.direction + "'" '[fill]'="'" + variable.fill + "'" '[width]'="'" + (variable.size && variable.size.width) + "'" '[height]'="'" + (variable.size && variable.size.height) + "'" '[justify]'="'" + variable.justify + "'" '[align]'="'" + variable.align + "'"  )
+//- -var variable={};
+
+doctype html
+|
+div(id=variable.replacedId?""+variable.replacedId:undefined 'farris-flex'  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)   '[direction]'="'" + variable.direction + "'" '[fill]'="'" + variable.fill + "'" '[width]'="'" + (variable.size && variable.size.width) + "'" '[height]'="'" + (variable.size && variable.size.height) + "'" '[justify]'="'" + variable.justify + "'" '[align]'="'" + variable.align + "'"  )
  | {{content}}

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

@@ -1,16 +1,16 @@
-//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}, "controlsInline": true};
--var attrs = {};
-if(variable.hasDefaultFocus)
-  -attrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -attrs["[focusState]"]=variable.focusState+"";
-if(variable.formAutoIntl == true)
-  div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class + "":undefined style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"    '[class.farris-form-controls-inline]'="lang==='zh-CHS' || lang==='zh-CHT'" tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '*ngIf'=variable.visible?""+variable.visible.value:undefined )&attributes(attrs)
-    | {{content}}
-else
-  if ((variable.controlsInline + '') == "true")
-    div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class + " farris-form-controls-inline":undefined style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '*ngIf'=variable.visible?""+variable.visible.value:undefined)&attributes(attrs)
-      | {{content}}
-  else
-    div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '*ngIf'=variable.visible?""+variable.visible.value:undefined)&attributes(attrs)
+//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}, "controlsInline": true};
+-var attrs = {};
+if(variable.hasDefaultFocus)
+  -attrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -attrs["[focusState]"]=variable.focusState+"";
+if(variable.formAutoIntl == true)
+  div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class + "":undefined style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"    '[class.farris-form-controls-inline]'="lang==='zh-CHS' || lang==='zh-CHT'" tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '*ngIf'=variable.visible?""+variable.visible.value:undefined )&attributes(attrs)
+    | {{content}}
+else
+  if ((variable.controlsInline + '') == "true")
+    div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class + " farris-form-controls-inline":undefined style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '*ngIf'=variable.visible?""+variable.visible.value:undefined)&attributes(attrs)
+      | {{content}}
+  else
+    div(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[formGroup]'="viewModel.form"  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined '*ngIf'=variable.visible?""+variable.visible.value:undefined)&attributes(attrs)
       | {{content}}

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

@@ -1,84 +1,84 @@
-
-doctype html
-|
-kendo-grid(id=variable.replacedId "kendo-grid-end-edit" class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[farrisBindingGridOption]'="viewModel.dom['" + variable.replacedId + "']" 'farrisBindingPath' 'farris-enter-edit' '[form-group]'="viewModel.form" '(append-row)'=variable.appendRow?variable.appendRow:undefined '[height]'=(variable.size && variable.size.height)?variable.size.height:undefined '[farrisEditable]'=variable.editable?variable.editable:undefined '[farrisDisabled]'!=variable.disable?variable.disable:undefined '[selectedKeys]'="[]" '[kendoGridSelectBy]'="'id'" '[farrisForm]'="viewModel.form" '[resizable]'="true" '[scrollable]'="true" 'farrisSort' '[sortable]'="{allowUnsort: true, mode: 'multiple'}" '(selectedRowChange)'=variable.onSelectionChange?variable.onSelectionChange:undefined '[selectable]'="{checkboxOnly: true,mode: '" + ((variable.multiSelect=='true'||variable.multiSelect==true)?'multiple':'single') + "'}"  '(pageChange)'=variable.pageChange?variable.pageChange:undefined   '[filterable]'="viewModel.dom['" + variable.replacedId + "'].filterable"  '[groupField]'=(variable.group && variable.group.length>0)?"'"+variable.group[0]+"'":''  '[groupAggrFields]'=variable.groupAggrFields?('['+variable.groupAggrFields+']'):'[]'   '*ngIf'!=variable.visible?variable.visible.value+'':undefined  '(rowClass)'=variable.rowClass?variable.rowClass+"":undefined)
-  = '\n'
-  kendo-grid-checkbox-column(showSelectAll="true" '[width]'="44" '*ngIf'=variable.multiSelect?(variable.multiSelect==='true'||variable.multiSelect==true)+'':false+'' '[locked]'="viewModel.dom['" + variable.replacedId + "'].lockable(viewModel.dom['" + variable.replacedId + "'].fields)")
-    = '\n'
-  kendo-grid-column('[title]'="viewModel.dom['" + variable.replacedId + "'].lineNumberTitle" '*ngIf'="viewModel.dom['" + variable.replacedId + "'].showLineNumber" width="60"  '[locked]'="viewModel.dom['" + variable.replacedId + "'].lockable(viewModel.dom['" + variable.replacedId + "'].fields)")
-    ng-template('kendoGridHeaderTemplate')
-      label('[title]'="viewModel.dom['" + variable.replacedId + "'].lineNumberTitle")
-        span( class="farris-label-text")
-          | {{viewModel.dom['#{variable.replacedId}'].lineNumberTitle}}
-    ng-template('kendoGridCellTemplate' 'let-rowIndex'="rowIndex")
-      | {{rowIndex+1}}
-  = '\n'
-  kendo-grid-column('farrisDynamicColumnFormat' '[field]'="col.dataField" '[title]'="col.caption" '[sortable]'="col.sortable" '[locked]'="col.frozen" '[hidden]'="!col.visible" '[class]'="col.appearance?col.appearance.class : '' " '[width]'!="col.size && col.size.width || 120" '*ngFor'="let col of viewModel.dom['" + variable.replacedId + "'].fields" '[filter]'="col.dataType==='number' ?  'numeric':(col.dataType === 'boolean'?'boolean':'')" '[aggregate]'!="col.aggregate&&col.aggregate.type")
-    = '\n'
-    ng-template('kendoGridHeaderTemplate')
-      label('[title]'="col.caption")
-        span(class="farris-label-info text-danger" '*ngIf'="(col.editor)?((col.editor.require==='true' || col.editor.require==true) ? true : false ) :false ") *
-        span(class="farris-label-text") {{col.caption}}
-    ng-template('kendoGridFilterCellTemplate' 'let-filter' 'let-column'="column" 'let-filterService'="filterService")
-      kendo-grid-string-filter-cell('[column]'="column" '[filter]'="filter"  '*ngIf'="col.dataType==='string'||col.dataType==='date'")
-        kendo-filter-eq-operator('[text]'="'等于'")
-        kendo-filter-neq-operator('[text]'="'不等于'")
-        kendo-filter-contains-operator('[text]'="'包含'")
-        kendo-filter-not-contains-operator('[text]'="'不包含'")
-        kendo-filter-startswith-operator('[text]'="'以...开头'")
-        kendo-filter-endswith-operator('[text]'="'以...结尾'")
-      kendo-dropdownlist('kendogridFilter' '[column]'="col" '[filter]'="filter" '*ngIf'="col.dataType === 'enum'")
-      kendo-dropdownlist('kendogridFilter' '[column]'="col" '[filter]'="filter" '*ngIf'="col.dataType === 'boolean'")
-      kendo-grid-numeric-filter-cell('[column]'="column" '[filter]'="filter" '*ngIf'="col.dataType==='number'")
-        kendo-filter-eq-operator('[text]'="'等于'")
-        kendo-filter-neq-operator('[text]'="'不等于'")
-        kendo-filter-lt-operator('[text]'="'小于'")
-        kendo-filter-lte-operator('[text]'="'小于等于'")
-        kendo-filter-gt-operator('[text]'="'大于'")
-        kendo-filter-gte-operator('[text]'="'大于等于'")
-    ng-template('kendoGridCellTemplate' 'let-dataItem' 'let-column'="column")
-      = '\n'
-      div('[class]'="col.getClassName(dataItem,col) + ' w-100 h-100'" )
-        span('[innerHTML]'="col.getColumnFormat(dataItem,col)" '*ngIf'='!col.linkedLabelEnabled' )
-        = '\n'
-        span('class'="f-pretend-link f-cursor-pointer"   '*ngIf'='col.linkedLabelEnabled' '(click)'="col.linkEvent($event,dataItem,col)" )
-          | {{col.getColumnFormat(dataItem,col)}}
-        = '\n'
-        validationMessage('[errors]'!="viewModel.form.getGridControlErrors(col.binding.path,dataItem.id)" type="tooltip" '[hidden]'="!viewModel.form.isShowValidationMsg" )
-        = '\n'
-      = '\n'
-    ng-template('kendoGridEditTemplate' 'let-formGroup'="formGroup" '*ngIf'="col.editor")
-      = '\n'
-      textarea(id="col.editor.id" class="form-control" 'kendoTextArea' 'farris-textarea-edit' '[autoSize]'=""+true '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='MultiTextBox'")
-      = '\n'
-      input(id="col.editor.id" class="form-control" 'kendoTextBox' '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='TextBox'")
-      = '\n'
-      div(class="farris-checkradio-hor" '*ngIf'="col.editor.type==='CheckBox'")
-        div(class="custom-control custom-checkbox")
-          input(id="col.editor.id" class="custom-control-input" type="checkbox" '[formControl]'="formGroup.get(col.editor.binding.path)")
-          label(class="custom-control-label" for="col.editor.id")  
-      = '\n'
-      kendo-switch(id="col.editor.id" '[readonly]'="col.editor.readonly" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='SwitchField'")
-      = '\n'
-      kendo-datepicker(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[format]'="col.editor.format" '*ngIf'="col.editor.type==='DateBox'"  '[min]'="col.editor.minValue | parseStrToDate" '[max]'="col.editor.maxValue | parseStrToDate"  '[formatPlaceholder]'="col.editor.format|dateFormatPlaceholder:col.editor.binding.path")
-      = '\n'
-      farris-datepicker(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[locale]'="col.editor.locale" '*ngIf'="col.editor.type==='DatePicker'" '[dateRange]'!="col.editor.dateRange" '[showTime]'="col.editor.showTime"  '[showType]'="col.editor.showType" '[dateFormat]'!="col.editor.dateFormat"   '[maxDate]'!="col.editor.maxDate"  '[minDate]'!="col.editor.minDate" '[disableDateRangesBegin]'!="col.editor.disableDateRangesBegin" '[disableDateRangesEnd]'!="col.editor.disableDateRangesEnd" '[disableDates]'!="col.editor.disableDates" '[showWeekNumbers]'="col.editor.showWeekNumbers" '[dateRangeDatesDelimiter]'!="col.editor.dateRangeDatesDelimiter" '[shortcuts]'!="col.editor.shortcuts")
-      = '\n'
-      kendo-numerictextbox(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='NumericBox'" '[min]'="col.editor.minValue" '[max]'="col.editor.maxValue" '[autoCorrect]'="true"  '[decimals]'="col.editor.precision" )
-        kendo-numerictextbox-messages('[decrement]'="'减少'" '[increment]'="'增加'")
-      = '\n'
-      kendo-combobox(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[data]'="col.enumData" '[textField]'="'name'" '[valueField]'="'value'" '[valuePrimitive]'="true" class="form-control" '*ngIf'="col.editor.type==='EnumField'")
-      = '\n'
-      farris-lookup-grid(id="col.editor.id" '[editable]'="col.editor.editable"  '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[data-mapping]'="col.editor.mapFields" '[displayType]'= "col.editor.displayType" '[uri]'!="col.editor.dataSource && col.editor.dataSource.uri" '[idField]'!="col.editor.dataSource && col.editor.dataSource.idField" '[mapFields]'="col.editor.mapFields" '[singleSelect]'="!col.editor.multiSelect" '[pageSize]'="col.editor.pageSize || 20" '[pageIndex]'="col.editor.pageIndex || 1" '[pagination]'="!!col.editor.pagination" '[textField]'="col.editor.textField" '[valueField]'="col.editor.valueField" '[dialogWidth]'!="col.editor.size && col.editor.size.width" '[dialogHeight]'!="col.editor.size && col.editor.size.height" '[title]'="col.editor.dialogTitle || ''" '[showMaxButton]'="!!col.editor.showMaxButton" '[showCloseButton]'="!!col.editor.showCloseButton" '[resizable]'="!!col.editor.resizable" '[buttonAlign]'="col.editor.buttonAlign || 'center'" '*ngIf'="col.editor.type==='LookupEdit'" '[dictPicking]'="col.dictPicking" '[dictPicked]'="col.dictPicked" '[enableExtendLoadMethod]'="col.editor.enableExtendLoadMethod"   '[nosearch]'= "!!col.editor.noSearch" )
-      = '\n'
-    ng-template('kendoGridGroupFooterTemplate' 'let-group'="group" 'let-aggregates' '*ngIf'="col.groupAggregate&&col.groupAggregate.type!='none'")
-      | {{col.groupAggregate.aggrTemplate||'Sum'}}:
-      | {{(aggregates[col.dataField]&&aggregates[col.dataField].sum)| formatTotal:col}}
-      = '\n'
-    ng-template('kendoGridGroupHeaderTemplate' 'let-group'="group" 'let-field'="field" 'let-value'="value" '*ngIf'=("viewModel.dom['" + variable.replacedId + "'].group && viewModel.dom['" + variable.replacedId + "'].group.indexOf(col.dataField) !=-1"))
-      | {{col.caption+":"}}{{(col.dataType=="enum"||col.dataType=="Enum")?(col[col.dataField+"EnumValues"][value]):value}}
-    ng-template('kendoGridFooterTemplate' 'let-column'="column" '*ngIf'="col.aggregate&&col.aggregate.type!='none'")
-      | {{col.aggregate.aggrTemplate||'Sum'}}:{{column.summary | formatTotal:col}}
-      = '\n'
-  ng-template('kendoGridNoRecordsTemplate')
+
+doctype html
+|
+kendo-grid(id=variable.replacedId "kendo-grid-end-edit" class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[farrisBindingGridOption]'="viewModel.dom['" + variable.replacedId + "']" 'farrisBindingPath' 'farris-enter-edit' '[form-group]'="viewModel.form" '(append-row)'=variable.appendRow?variable.appendRow:undefined '[height]'=(variable.size && variable.size.height)?variable.size.height:undefined '[farrisEditable]'=variable.editable?variable.editable:undefined '[farrisDisabled]'!=variable.disable?variable.disable:undefined '[selectedKeys]'="[]" '[kendoGridSelectBy]'="'id'" '[farrisForm]'="viewModel.form" '[resizable]'="true" '[scrollable]'="true" 'farrisSort' '[sortable]'="{allowUnsort: true, mode: 'multiple'}" '(selectedRowChange)'=variable.onSelectionChange?variable.onSelectionChange:undefined '[selectable]'="{checkboxOnly: true,mode: '" + ((variable.multiSelect=='true'||variable.multiSelect==true)?'multiple':'single') + "'}"  '(pageChange)'=variable.pageChange?variable.pageChange:undefined   '[filterable]'="viewModel.dom['" + variable.replacedId + "'].filterable"  '[groupField]'=(variable.group && variable.group.length>0)?"'"+variable.group[0]+"'":''  '[groupAggrFields]'=variable.groupAggrFields?('['+variable.groupAggrFields+']'):'[]'   '*ngIf'!=variable.visible?variable.visible.value+'':undefined  '(rowClass)'=variable.rowClass?variable.rowClass+"":undefined)
+  = '\n'
+  kendo-grid-checkbox-column(showSelectAll="true" '[width]'="44" '*ngIf'=variable.multiSelect?(variable.multiSelect==='true'||variable.multiSelect==true)+'':false+'' '[locked]'="viewModel.dom['" + variable.replacedId + "'].lockable(viewModel.dom['" + variable.replacedId + "'].fields)")
+    = '\n'
+  kendo-grid-column('[title]'="viewModel.dom['" + variable.replacedId + "'].lineNumberTitle" '*ngIf'="viewModel.dom['" + variable.replacedId + "'].showLineNumber" width="60"  '[locked]'="viewModel.dom['" + variable.replacedId + "'].lockable(viewModel.dom['" + variable.replacedId + "'].fields)")
+    ng-template('kendoGridHeaderTemplate')
+      label('[title]'="viewModel.dom['" + variable.replacedId + "'].lineNumberTitle")
+        span( class="farris-label-text")
+          | {{viewModel.dom['#{variable.replacedId}'].lineNumberTitle}}
+    ng-template('kendoGridCellTemplate' 'let-rowIndex'="rowIndex")
+      | {{rowIndex+1}}
+  = '\n'
+  kendo-grid-column('farrisDynamicColumnFormat' '[field]'="col.dataField" '[title]'="col.caption" '[sortable]'="col.sortable" '[locked]'="col.frozen" '[hidden]'="!col.visible" '[class]'="col.appearance?col.appearance.class : '' " '[width]'!="col.size && col.size.width || 120" '*ngFor'="let col of viewModel.dom['" + variable.replacedId + "'].fields" '[filter]'="col.dataType==='number' ?  'numeric':(col.dataType === 'boolean'?'boolean':'')" '[aggregate]'!="col.aggregate&&col.aggregate.type")
+    = '\n'
+    ng-template('kendoGridHeaderTemplate')
+      label('[title]'="col.caption")
+        span(class="farris-label-info text-danger" '*ngIf'="(col.editor)?((col.editor.require==='true' || col.editor.require==true) ? true : false ) :false ") *
+        span(class="farris-label-text") {{col.caption}}
+    ng-template('kendoGridFilterCellTemplate' 'let-filter' 'let-column'="column" 'let-filterService'="filterService")
+      kendo-grid-string-filter-cell('[column]'="column" '[filter]'="filter"  '*ngIf'="col.dataType==='string'||col.dataType==='date'")
+        kendo-filter-eq-operator('[text]'="'等于'")
+        kendo-filter-neq-operator('[text]'="'不等于'")
+        kendo-filter-contains-operator('[text]'="'包含'")
+        kendo-filter-not-contains-operator('[text]'="'不包含'")
+        kendo-filter-startswith-operator('[text]'="'以...开头'")
+        kendo-filter-endswith-operator('[text]'="'以...结尾'")
+      kendo-dropdownlist('kendogridFilter' '[column]'="col" '[filter]'="filter" '*ngIf'="col.dataType === 'enum'")
+      kendo-dropdownlist('kendogridFilter' '[column]'="col" '[filter]'="filter" '*ngIf'="col.dataType === 'boolean'")
+      kendo-grid-numeric-filter-cell('[column]'="column" '[filter]'="filter" '*ngIf'="col.dataType==='number'")
+        kendo-filter-eq-operator('[text]'="'等于'")
+        kendo-filter-neq-operator('[text]'="'不等于'")
+        kendo-filter-lt-operator('[text]'="'小于'")
+        kendo-filter-lte-operator('[text]'="'小于等于'")
+        kendo-filter-gt-operator('[text]'="'大于'")
+        kendo-filter-gte-operator('[text]'="'大于等于'")
+    ng-template('kendoGridCellTemplate' 'let-dataItem' 'let-column'="column")
+      = '\n'
+      div('[class]'="col.getClassName(dataItem,col) + ' w-100 h-100'" )
+        span('[innerHTML]'="col.getColumnFormat(dataItem,col)" '*ngIf'='!col.linkedLabelEnabled' )
+        = '\n'
+        span('class'="f-pretend-link f-cursor-pointer"   '*ngIf'='col.linkedLabelEnabled' '(click)'="col.linkEvent($event,dataItem,col)" )
+          | {{col.getColumnFormat(dataItem,col)}}
+        = '\n'
+        validationMessage('[errors]'!="viewModel.form.getGridControlErrors(col.binding.path,dataItem.id)" type="tooltip" '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        = '\n'
+      = '\n'
+    ng-template('kendoGridEditTemplate' 'let-formGroup'="formGroup" '*ngIf'="col.editor")
+      = '\n'
+      textarea(id="col.editor.id" class="form-control" 'kendoTextArea' 'farris-textarea-edit' '[autoSize]'=""+true '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='MultiTextBox'")
+      = '\n'
+      input(id="col.editor.id" class="form-control" 'kendoTextBox' '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='TextBox'")
+      = '\n'
+      div(class="farris-checkradio-hor" '*ngIf'="col.editor.type==='CheckBox'")
+        div(class="custom-control custom-checkbox")
+          input(id="col.editor.id" class="custom-control-input" type="checkbox" '[formControl]'="formGroup.get(col.editor.binding.path)")
+          label(class="custom-control-label" for="col.editor.id")  
+      = '\n'
+      kendo-switch(id="col.editor.id" '[readonly]'="col.editor.readonly" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='SwitchField'")
+      = '\n'
+      kendo-datepicker(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[format]'="col.editor.format" '*ngIf'="col.editor.type==='DateBox'"  '[min]'="col.editor.minValue | parseStrToDate" '[max]'="col.editor.maxValue | parseStrToDate"  '[formatPlaceholder]'="col.editor.format|dateFormatPlaceholder:col.editor.binding.path")
+      = '\n'
+      farris-datepicker(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[locale]'="col.editor.locale" '*ngIf'="col.editor.type==='DatePicker'" '[dateRange]'!="col.editor.dateRange" '[showTime]'="col.editor.showTime"  '[showType]'="col.editor.showType" '[dateFormat]'!="col.editor.dateFormat"   '[maxDate]'!="col.editor.maxDate"  '[minDate]'!="col.editor.minDate" '[disableDateRangesBegin]'!="col.editor.disableDateRangesBegin" '[disableDateRangesEnd]'!="col.editor.disableDateRangesEnd" '[disableDates]'!="col.editor.disableDates" '[showWeekNumbers]'="col.editor.showWeekNumbers" '[dateRangeDatesDelimiter]'!="col.editor.dateRangeDatesDelimiter" '[shortcuts]'!="col.editor.shortcuts")
+      = '\n'
+      kendo-numerictextbox(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '*ngIf'="col.editor.type==='NumericBox'" '[min]'="col.editor.minValue" '[max]'="col.editor.maxValue" '[autoCorrect]'="true"  '[decimals]'="col.editor.precision" )
+        kendo-numerictextbox-messages('[decrement]'="'减少'" '[increment]'="'增加'")
+      = '\n'
+      kendo-combobox(id="col.editor.id" '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[data]'="col.enumData" '[textField]'="'name'" '[valueField]'="'value'" '[valuePrimitive]'="true" class="form-control" '*ngIf'="col.editor.type==='EnumField'")
+      = '\n'
+      farris-lookup-grid(id="col.editor.id" '[editable]'="col.editor.editable"  '[readonly]'="col.editor.readonly" '[required]'="col.editor.require" '[formControl]'="formGroup.get(col.editor.binding.path)" '[data-mapping]'="col.editor.mapFields" '[displayType]'= "col.editor.displayType" '[uri]'!="col.editor.dataSource && col.editor.dataSource.uri" '[idField]'!="col.editor.dataSource && col.editor.dataSource.idField" '[mapFields]'="col.editor.mapFields" '[singleSelect]'="!col.editor.multiSelect" '[pageSize]'="col.editor.pageSize || 20" '[pageIndex]'="col.editor.pageIndex || 1" '[pagination]'="!!col.editor.pagination" '[textField]'="col.editor.textField" '[valueField]'="col.editor.valueField" '[dialogWidth]'!="col.editor.size && col.editor.size.width" '[dialogHeight]'!="col.editor.size && col.editor.size.height" '[title]'="col.editor.dialogTitle || ''" '[showMaxButton]'="!!col.editor.showMaxButton" '[showCloseButton]'="!!col.editor.showCloseButton" '[resizable]'="!!col.editor.resizable" '[buttonAlign]'="col.editor.buttonAlign || 'center'" '*ngIf'="col.editor.type==='LookupEdit'" '[dictPicking]'="col.dictPicking" '[dictPicked]'="col.dictPicked" '[enableExtendLoadMethod]'="col.editor.enableExtendLoadMethod"   '[nosearch]'= "!!col.editor.noSearch" )
+      = '\n'
+    ng-template('kendoGridGroupFooterTemplate' 'let-group'="group" 'let-aggregates' '*ngIf'="col.groupAggregate&&col.groupAggregate.type!='none'")
+      | {{col.groupAggregate.aggrTemplate||'Sum'}}:
+      | {{(aggregates[col.dataField]&&aggregates[col.dataField].sum)| formatTotal:col}}
+      = '\n'
+    ng-template('kendoGridGroupHeaderTemplate' 'let-group'="group" 'let-field'="field" 'let-value'="value" '*ngIf'=("viewModel.dom['" + variable.replacedId + "'].group && viewModel.dom['" + variable.replacedId + "'].group.indexOf(col.dataField) !=-1"))
+      | {{col.caption+":"}}{{(col.dataType=="enum"||col.dataType=="Enum")?(col[col.dataField+"EnumValues"][value]):value}}
+    ng-template('kendoGridFooterTemplate' 'let-column'="column" '*ngIf'="col.aggregate&&col.aggregate.type!='none'")
+      | {{col.aggregate.aggrTemplate||'Sum'}}:{{column.summary | formatTotal:col}}
+      = '\n'
+  ng-template('kendoGridNoRecordsTemplate')
     div('class'="f-table-norecords-content") 暂无数据

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

@@ -1,10 +1,10 @@
-fe-page-header(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[options]'=variable.optionsName?""+variable.optionsName:undefined  '*ngIf'!=variable.visible?variable.visible.value+"":undefined  '(pgPreClick)'=variable.pgPreClick?""+variable.pgPreClick:undefined  '(pgNextClick)'=variable.pgNextClick?""+variable.pgNextClick:undefined '(viewTypeChange)'=variable.viewTypeChange?""+variable.viewTypeChange:undefined  '[toolbarKey]'=variable.id?"'"+variable.id+"'":undefined  '[toolbarAllDatas]'=variable.toolbarAllDatasName?""+variable.toolbarAllDatasName:undefined   '[toolbarConfig]'=variable.toolbarConfigName?""+variable.toolbarConfigName:undefined  '[toolbarBtnVisible]'=variable.toolbarBtnVisibleName?""+variable.toolbarBtnVisibleName:undefined  '[toolbarBtnDisable]'=variable.toolbarBtnDisableName?""+variable.toolbarBtnDisableName:undefined  '(toolbarClickEvent)'=variable.toolbarClickEventName?variable.toolbarClickEventName+"($event)":undefined  '[showType]'="showType" )
-    if(variable.contentTemplate)
-        ng-template('fePageHeaderContent' '[cls]'=variable.contentTemplateCls?"'"+variable.contentTemplateCls+"'":undefined )
-            | !{variable.contentTemplate}
-    if(variable.titleTemplate)
-        ng-template('fePageHeaderTitle' '[cls]'=variable.titleTemplateCls ? "'" + variable.titleTemplateCls + "'": undefined )
-            | !{variable.titleTemplate}
-    if(variable.extendTemplate)
-        ng-template('fePageHeaderDown' '[cls]'=variable.extendTemplateCls ? "'" + variable.extendTemplateCls + "'":undefined )
+fe-page-header(id=variable.replacedId?""+variable.replacedId:undefined class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style) '[options]'=variable.optionsName?""+variable.optionsName:undefined  '*ngIf'!=variable.visible?variable.visible.value+"":undefined  '(pgPreClick)'=variable.pgPreClick?""+variable.pgPreClick:undefined  '(pgNextClick)'=variable.pgNextClick?""+variable.pgNextClick:undefined '(viewTypeChange)'=variable.viewTypeChange?""+variable.viewTypeChange:undefined  '[toolbarKey]'=variable.id?"'"+variable.id+"'":undefined  '[toolbarAllDatas]'=variable.toolbarAllDatasName?""+variable.toolbarAllDatasName:undefined   '[toolbarConfig]'=variable.toolbarConfigName?""+variable.toolbarConfigName:undefined  '[toolbarBtnVisible]'=variable.toolbarBtnVisibleName?""+variable.toolbarBtnVisibleName:undefined  '[toolbarBtnDisable]'=variable.toolbarBtnDisableName?""+variable.toolbarBtnDisableName:undefined  '(toolbarClickEvent)'=variable.toolbarClickEventName?variable.toolbarClickEventName+"($event)":undefined  '[showType]'="showType" )
+    if(variable.contentTemplate)
+        ng-template('fePageHeaderContent' '[cls]'=variable.contentTemplateCls?"'"+variable.contentTemplateCls+"'":undefined )
+            | !{variable.contentTemplate}
+    if(variable.titleTemplate)
+        ng-template('fePageHeaderTitle' '[cls]'=variable.titleTemplateCls ? "'" + variable.titleTemplateCls + "'": undefined )
+            | !{variable.titleTemplate}
+    if(variable.extendTemplate)
+        ng-template('fePageHeaderDown' '[cls]'=variable.extendTemplateCls ? "'" + variable.extendTemplateCls + "'":undefined )
             | !{variable.extendTemplate}

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

@@ -1,2 +1,2 @@
-div(id=variable.replacedId?""+variable.replacedId:undefined style="display:none")
+div(id=variable.replacedId?""+variable.replacedId:undefined style="display:none")
   | {{content}}

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

@@ -1,82 +1,82 @@
--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+"}}" '[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+"}}" '[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+"";
-        farris-image-list(
-          id=variable.replacedId
-          class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined
-          input-end-edit
-          '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
-          '[maxUploads]'=variable.maxUploads?""+variable.maxUploads:undefined
-          '[maxSize]'=variable.maxSize?""+variable.maxSize:undefined
-          '[storeType]'=variable.storeType?"'"+variable.storeType+"'":undefined
-          '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined
-          '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
-          '[type]'=variable.imgType?"'"+variable.imgType+"'":undefined 
-          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
-
-        )&attributes(attrs)
-        if (variable.needValid && variable.binding && variable.binding.path)
-          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
-          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
-        div(class="farris-feedback")
-        if(variable.isTextArea)
-          -var areaAttrs = {};
-          if(variable.readonly && variable.readonly.isComposite)
-            -areaAttrs["*ngIf"]=variable.readonly.value;
-          else
-            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
-          if (variable.binding && variable.binding.type == 'Variable')
-            -areaAttrs['[(ngModel)]'] = variable.binding.value;
-            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
-          else
-            -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)
-      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+"}}" '[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+"}}" '[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+"";
+        farris-image-list(
+          id=variable.replacedId
+          class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined
+          input-end-edit
+          '[readonly]'!=variable.readonly?variable.readonly.value+"":undefined
+          '[maxUploads]'=variable.maxUploads?""+variable.maxUploads:undefined
+          '[maxSize]'=variable.maxSize?""+variable.maxSize:undefined
+          '[storeType]'=variable.storeType?"'"+variable.storeType+"'":undefined
+          '[extendServerConfig]'!=variable.serializedExtendServerConfig?variable.serializedExtendServerConfig+"":undefined
+          '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined
+          '[type]'=variable.imgType?"'"+variable.imgType+"'":undefined 
+          'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined
+
+        )&attributes(attrs)
+        if (variable.needValid && variable.binding && variable.binding.path)
+          -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
+          validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )
+        div(class="farris-feedback")
+        if(variable.isTextArea)
+          -var areaAttrs = {};
+          if(variable.readonly && variable.readonly.isComposite)
+            -areaAttrs["*ngIf"]=variable.readonly.value;
+          else
+            -areaAttrs["*ngIf"]="!viewModel.stateMachine['editable']";
+          if (variable.binding && variable.binding.type == 'Variable')
+            -areaAttrs['[(ngModel)]'] = variable.binding.value;
+            -areaAttrs['[ngModelOptions]'] = "{standalone:true}";
+          else
+            -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)
+      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/image.pug

@@ -1,19 +1,19 @@
--var areaAttrs = {};
-if(variable.hasDefaultFocus)
-  -areaAttrs["farris-set-focus"]="";
-  if(variable.focusState)
-    -areaAttrs["[focusState]"]=variable.focusState+"";
--areaAttrs["alt"]="{{'"+variable.altResourceId+"'|lang:lang:'"+variable.alt+"'}}";
-div(class='f-imgcontainer-in-form')
-  if(variable.src)
-    img(id=variable.replacedId?""+variable.replacedId:undefined src=variable.src "input-end-edit"    click=variable.click?variable.click:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined style=(variable.appearance && variable.appearance.style) tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(areaAttrs)
-  else
-    -var rootIdAttrs = variable.rootId ? (":'"+variable.rootId+"'"):"";
-    if(variable.splitterPath)
-      -areaAttrs['src'] = "{{this.viewModel.bindingData" + variable.splitterPath+" | imageIdToUrl"+rootIdAttrs+"}}";
-    else
-      if (variable.binding && variable.binding.type == 'Variable')
-        -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ variable.binding.path+"'] | imageIdToUrl"+rootIdAttrs+"}}";
-      else
-        -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"'] | imageIdToUrl"+rootIdAttrs+"}}";
+-var areaAttrs = {};
+if(variable.hasDefaultFocus)
+  -areaAttrs["farris-set-focus"]="";
+  if(variable.focusState)
+    -areaAttrs["[focusState]"]=variable.focusState+"";
+-areaAttrs["alt"]="{{'"+variable.altResourceId+"'|lang:lang:'"+variable.alt+"'}}";
+div(class='f-imgcontainer-in-form')
+  if(variable.src)
+    img(id=variable.replacedId?""+variable.replacedId:undefined src=variable.src "input-end-edit"    click=variable.click?variable.click:undefined class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined style=(variable.appearance && variable.appearance.style) tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(areaAttrs)
+  else
+    -var rootIdAttrs = variable.rootId ? (":'"+variable.rootId+"'"):"";
+    if(variable.splitterPath)
+      -areaAttrs['src'] = "{{this.viewModel.bindingData" + variable.splitterPath+" | imageIdToUrl"+rootIdAttrs+"}}";
+    else
+      if (variable.binding && variable.binding.type == 'Variable')
+        -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ variable.binding.path+"'] | imageIdToUrl"+rootIdAttrs+"}}";
+      else
+        -areaAttrs['src'] = "{{this.viewModel.bindingData['"+ (variable.binding && variable.binding.path)+"'] | imageIdToUrl"+rootIdAttrs+"}}";
     img(id=variable.replacedId?""+variable.replacedId:undefined  "input-end-edit"   click=variable.click?variable.click:undefined  class=(variable.appearance && variable.appearance.class)?variable.appearance.class:undefined style=(variable.appearance && variable.appearance.style)  '*ngIf'!=variable.visible?variable.visiblePipeSuffix?""+variable.visible.value+variable.visiblePipeSuffix:""+variable.visible.value:undefined  tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(areaAttrs)