{{#eq item.psLayoutPos 'FLEX'}}
<div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
  <a-button 
    type="primary"
    v-show="state.detailsModel.{{item.codeName}}.visible"
    class="app-form-button{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
    style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
      {{#if item.psSysImage}}
      <template #icon>
        <AppIconText {{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}/>
      </template>
      {{/if}}
      {{#if item.showCaption}}
      <span {{#if item.labelPSSysCss}}class="{{item.labelPSSysCss.cssName}}"{{/if}}>{{item.caption}}</span>
      {{/if}}
  </a-button>
</div>
{{else}}
<a-col
{{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
  <a-button 
    type="primary"
    v-show="state.detailsModel.{{item.codeName}}.visible"
    class="app-form-button{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
    style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
      {{#if item.psSysImage}}
      <template #icon>
        <AppIconText {{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}/>
      </template>
      {{/if}}
      {{#if item.showCaption}}
      <span {{#if item.labelPSSysCss}}class="{{item.labelPSSysCss.cssName}}"{{/if}}>{{item.caption}}</span>
      {{/if}}
  </a-button>
</a-col>
{{/eq}}