<AppPanelField
	{{#if item.caption}}
	caption="{{item.caption}}"
	{{/if}}
  class="app-panel-field app-panel-field__{{lowerCase item.name}}{{#if item.psSysCss}} {{item.psSysCss.cssName}}{{/if}}"
	name="{{item.name}}"
	:layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
  :visible="state.detailsModel.{{item.name}}.visible"
	{{#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.labelPSSysCss}}
  labelCssName="{{item.labelPSSysCss.cssName}}"
	{{/if}}
	{{#if item.labelPos}}
  labelPos="{{item.labelPos}}"
  {{/if}}
	{{!-- 目前面板属性showCaption一直为false，因此取Caption是否有值作为展示标题模型 --}}
  {{!-- :showCaption="{{item.showCaption}}"> --}}
  :showCaption="{{#if item.caption}}true{{else}}false{{/if}}">
{{#if item.psEditor}}
	<template #editor>
		<div class="panel-editor-container" style="{{#if item.psEditor.editorWidth}}width: {{item.psEditor.editorWidth}}px;{{/if}}{{#if item.psEditor.editorHeight}}height: {{item.psEditor.editorHeight}}px{{/if}}">
			{{> @macro/front-end/editors/include-editor.hbs type=item.psEditor.editorType item=item ctrlType="panel"}}
		</div>
	</template>
{{/if}}
</AppPanelField>
