<AppFormButton
  name="{{item.codeName}}"
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
  :visible="state.detailsModel.{{item.codeName}}.visible"
{{#if item.psSysCss}}
  class="{{item.psSysCss.cssName}}"
{{/if}}
{{#if (or item.width item.height)}}
  style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
{{/if}}
{{#if item.psSysImage.cssClass}}
  iconClass="{{item.psSysImage.cssClass}}"
{{/if}}
{{#if item.psSysImage.imagePath}}
  imgPath="{{item.psSysImage.imagePath}}"
{{/if}}
  :showCaption="{{item.showCaption}}"
{{#if item.labelPSSysCss}}
  labelCssName="{{item.labelPSSysCss.cssName}}"
{{/if}}
{{#if item.caption}}
  caption="{{item.caption}}" 
{{/if}}
  :uIAction="state.detailsModel.{{item.codeName}}.uIAction"
  @action="onComponentEvent"
/>
