update：更新面板属性

@EDITOR/@MACRO/PANEL/DEFAULT.vue.ftl

@@ -2,12 +2,12 @@
     ${editor.render.code}
 <#else>
 <input-box 
-  v-model="data.${editor.getName()?lower_case}" 
-  style="${item.getEditorCssStyle()}"
-  type="text"
-  :disabled="detailsModel.${item.getCodeName()}.disabled"
-  <#if item.getUnitName?? && item.getUnitName()??>unit="${item.getUnitName()}"</#if>
-  <#if item.getPlaceHolder()??>placeholder="${item.getPlaceHolder()}"</#if>
-  @change="($event)=>{panelEditItemChange(data, '${editor.getName()?lower_case}', $event)}">
+    type="text"
+    style="${item.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}" 
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    <#if item.getUnitName?? && item.getUnitName()??>unit="${item.getUnitName()}"</#if>
+    <#if item.getPlaceHolder()??>placeholder="${item.getPlaceHolder()}"</#if>
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </input-box>
 </#if>
\ No newline at end of file

@EDITOR/下拉列表框/PANELEDITOR.vue.ftl

- <#ibizinclude>../@MACRO/FUNC/PUBLIC.vue.ftl</#ibizinclude>
+<#ibizinclude>../@MACRO/FUNC/PUBLIC.vue.ftl</#ibizinclude>
 <#if editor?? && editor.render??> 
     ${editor.render.code}
 <#else>
  <dropdown-list 
-  v-model="data.${editor.name?lower_case}" 
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  :data="data" 
-  :context="context"
-  :viewparams="viewparams" 
-  :localContext =<@getNavigateContext editor />
-  :localParam =<@getNavigateParams editor />
-<#if item.getPSCodeList()??>
-  <#assign codelist=item.getPSCodeList()>
-  tag='${codelist.codeName}' 
-  codelistType='${codelist.getCodeListType()}'
-</#if> 
-  placeholder=<#if item.getPlaceHolder()??>'${item.getPlaceHolder()}'<#else>'请选择...'</#if> 
-  style="${item.getEditorCssStyle()}" 
-  @change="($event)=>{panelEditItemChange(data, '${editor.name?lower_case}', $event)}">
+    :value="layoutData.${editor.name}" 
+    :data="layoutData" 
+    :context="context"
+    :viewparams="viewparams"
+    :formState="viewState" 
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    :localContext=<@getNavigateContext editor />
+    :localParam=<@getNavigateParams editor />
+    <#if editor.getPSCodeList()??>
+    <#assign codelist=editor.getPSCodeList()>
+    tag="${codelist.codeName}"
+    codelistType="${codelist.getCodeListType()}"
+    </#if> 
+    placeholder=<#if item.getPlaceHolder()??>'${item.getPlaceHolder()}'<#else>'请选择...'</#if> 
+    style="${editor.getEditorCssStyle()}"
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
  </dropdown-list>
- </#if>
+</#if>
\ No newline at end of file

@EDITOR/下拉列表框（多选）/PANELEDITOR.vue.ftl

@@ -3,21 +3,23 @@
     ${editor.render.code}
 <#else>
 <dropdown-list-mpicker 
-  v-model="data.${editor.name?lower_case}" 
-  :data="data" 
-  :context="context"
-  :viewparams="viewparams" 
-  :localContext =<@getNavigateContext editor />
-  :localParam =<@getNavigateParams editor />
-  :disabled="detailsModel.${item.getCodeName()}.disabled"
-<#if item.getPSCodeList()??>
-  <#assign codelist=editor.getPSCodeList()>
-  tag='${codelist.codeName}' 
-  codelistType='${codelist.getCodeListType()}'
-  <#if codelist.valueSeparator?has_content>valueSeparator="${codelist.valueSeparator}"</#if>
-</#if> 
-  placeholder=<#if item.getPlaceHolder()??>'${item.getPlaceHolder()}'<#else>'请选择...'</#if>
-  @change="($event)=>{panelEditItemChange(data, '${editor.name?lower_case}', $event)}"
-  style="${item.getEditorCssStyle()}">
+    :value="layoutData.${editor.name}"
+    :data="layoutData" 
+    :context="context"
+    :viewparams="viewparams" 
+    :localContext=<@getNavigateContext editor />
+    :localParam=<@getNavigateParams editor />
+    :disabled="layoutModelDetails.${editor.name}.disabled" 
+    <#if editor.getPSCodeList()??>
+    <#assign codelist=editor.getPSCodeList()>
+    tag="${codelist.codeName}"
+    codelistType="${codelist.getCodeListType()}" 
+        <#if codelist.valueSeparator?has_content>
+    valueSeparator="${codelist.valueSeparator}"
+        </#if>
+    </#if> 
+    placeholder=<#if item.getPlaceHolder()??>'${item.getPlaceHolder()}'<#else>'请选择...'</#if> 
+    style="${editor.getEditorCssStyle()}"
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </dropdown-list-mpicker>
 </#if>
\ No newline at end of file

@EDITOR/单选项列表/PANELEDITOR.vue.ftl

@@ -3,20 +3,20 @@
     ${editor.render.code}
 <#else>
 <app-radio-group 
-  v-model="data.${editor.name?lower_case}" 
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  name="${editor.name?lower_case}" 
-  :data="data" 
-  :context="context"
-  :viewparams="viewparams" 
-  :localContext =<@getNavigateContext editor />
-  :localParam =<@getNavigateParams editor />
-  @change="($event)=>{panelEditItemChange(data, '${editor.name?lower_case}', $event)}" 
-<#if editor.getPSCodeList?? && editor.getPSCodeList()??>
-  <#assign codelist=item.getPSCodeList()>
-  tag='${codelist.codeName}' 
-  codelistType='${codelist.getCodeListType()}' 
-</#if> 
-  style="${item.getEditorCssStyle()}">
+    name="${editor.name}"
+    :value="layoutData.${editor.name}"
+    :data="layoutData"
+    :context="context"
+    :viewparams="viewparams"   
+    :disabled="layoutModelDetails.${editor.name}.disabled"  
+    :localContext=<@getNavigateContext editor />
+    :localParam=<@getNavigateParams editor />
+    <#if editor.getPSCodeList()??>
+    <#assign codelist=editor.getPSCodeList()>
+    tag='${codelist.codeName}' 
+    codelistType='${codelist.getCodeListType()}' 
+    </#if> 
+    style="${editor.getEditorCssStyle()}"
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </app-radio-group>
-</#if>
+</#if>
\ No newline at end of file

@EDITOR/图片控件/PANELEDITOR.vue.ftl

@@ -2,18 +2,18 @@
     ${editor.render.code}
 <#else>
 <app-file-upload 
+  name="${editor.name}" 
   :formState="viewState" 
-  :ignorefieldvaluechange="false" 
-  @formitemvaluechange="($event)=>{onPanelItemValueChange(data,$event)}" 
-  :data="JSON.stringify(data)" 
-  name='${editor.name?lower_case}' 
-  :value="data.${editor.name?lower_case}" 
-  :disabled="detailsModel.${item.getCodeName()}.disabled"
+  :ignorefieldvaluechange="false"  
+  :data="JSON.stringify(layoutData)" 
+  :value="layoutData.${editor.name}"
+  :disabled="layoutModelDetails.${editor.name}.disabled"
   :rowPreview="true"
   :imageOnly="true"
   :uploadparams='<#if editor.getEditorParam('uploadparams','') != ''>${editor.getEditorParam('uploadparams','')}<#else>{}</#if>' 
   :exportparams='<#if editor.getEditorParam('exportparams','') != ''>${editor.getEditorParam('exportparams','')}<#else>{}</#if>' 
   :multiple='<#if editor.getEditorParam('multiple','') != ''>${editor.getEditorParam('multiple','')}<#else>true</#if>'
-  style="${editor.getEditorCssStyle()}overflow: auto;">
+  style="${editor.getEditorCssStyle()}overflow: auto;"
+  @formitemvaluechange="handleValueChange">
 </app-file-upload>
 </#if>
\ No newline at end of file

@EDITOR/密码框/PANELEDITOR.vue.ftl

@@ -2,13 +2,12 @@
     ${editor.render.code}
 <#else>
 <input-box 
-  type="password" 
-  :disabled="detailsModel.${item.getCodeName()}.disabled"
-  <#if item.getPlaceHolder()??>
-  placeholder="${item.getPlaceHolder()}"
-  </#if>
-  v-model="data.${editor.name?lower_case}" 
-  style="${item.getEditorCssStyle()}" 
-  @change="($event)=>{panelEditItemChange(data, '${editor.name?lower_case}', $event)}">
+    type="password"
+    name="${editor.name}"
+    style="${item.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}" 
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    <#if item.getPlaceHolder()??>placeholder="${item.getPlaceHolder()}"</#if>
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </input-box>
 </#if>
\ No newline at end of file

@EDITOR/数值框/PANELEDITOR.vue.ftl

@@ -2,13 +2,13 @@
     ${editor.render.code}
 <#else>
 <input-box 
-  type="number" 
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  <#if item.getUnitName?? && item.getUnitName()??>unit="${item.getUnitName()}"</#if>
-  :precision="2"
-  v-model="data.${editor.name?lower_case}" 
-  style="${item.getEditorCssStyle()}" 
-  <#if item.getPlaceHolder()??>placeholder="${item.getPlaceHolder()}"</#if> 
-  @change="($event)=>{panelEditItemChange(data, '${editor.name?lower_case}', $event)}">
+    type="number" 
+    :precision="2"
+    :value="layoutData.${editor.name}"  
+    :disabled="layoutModelDetails.${editor.name}.disabled" 
+    <#if editor.getUnitName?? && editor.getUnitName()??>unit="${editor.getUnitName()}"</#if>
+    <#if editor.getPlaceHolder()??>placeholder="${editor.getPlaceHolder()}"</#if> 
+    style="${editor.getEditorCssStyle()}"
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </input-box>
 </#if>
\ No newline at end of file

@EDITOR/数据选择/PANELEDITOR.vue.ftl

@@ -5,37 +5,59 @@
 <#if editor.getEditorParam("PICKUPVIEW",true)??>
   <#if editor.getPickupPSAppView()??>
 <app-picker 
-  :formState="viewState" 
-  :data="data"
-  :context="context"
-  :viewparams="viewparams"
-  :localContext =<@getNavigateContext editor />
-  :localParam =<@getNavigateParams editor />
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  <#if item.getPlaceHolder()??>
-  placeholder="${item.getPlaceHolder()}"
-  </#if>
-  name='${editor.name}'
-<#-- 自填模式文本属性、值属性start -->
-<#if editor.getPSAppDEACMode?? && editor.getPSAppDEACMode()??>
-<#assign appDeAcMode = editor.getPSAppDEACMode() />
-  deMajorField='${appDeAcMode.getTextPSAppDEField().getCodeName()?lower_case}'
-  deKeyField='<#if appDeAcMode.getValuePSAppDEField().getCodeName() == editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()>${editor.getPSAppDataEntity().getCodeName()?lower_case}<#else>${appDeAcMode.getValuePSAppDEField().getCodeName()?lower_case}</#if>'
-<#else>
-<#if editor.getPSAppDataEntity?? && editor.getPSAppDataEntity()??>
-  deMajorField='${editor.getPSAppDataEntity().getMajorPSAppDEField().getCodeName()?lower_case}'
-  deKeyField='${editor.getPSAppDataEntity().getCodeName()?lower_case}'
-</#if>
-</#if>
-<#-- 自填模式文本属性、值属性end -->
-  :service="service"
-  :acParams=<@getAcParams editor />
-  valueitem='${editor.getValueItemName()}' 
-  :value="data[${editor.name}]" 
-  editortype="" 
-  :pickupView=<@getPickupView editor />
-  style="${editor.getEditorCssStyle()}"  
-  @formitemvaluechange="($event)=>{onPanelItemValueChange(data,$event)}">
+    :formState="viewState"
+    :data="layoutData"
+    :context="context"
+    :viewparams="viewparams"
+    :localContext=<@getNavigateContext editor />
+    :localParam=<@getNavigateParams editor />
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    <#if item.getPlaceHolder()??>
+    placeholder="${item.getPlaceHolder()}"
+    </#if>
+    name='${editor.name}'
+    <#if editor.getEditorParam("PICKUPDATA", "") != "">pickUpData="${editor.getEditorParam("PICKUPDATA", "")}"</#if>
+    <#if editor.getPSAppDEACMode?? && editor.getPSAppDEACMode()??>
+    <#assign appDeAcMode = editor.getPSAppDEACMode() />
+    deMajorField='${appDeAcMode.getTextPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='<#if appDeAcMode.getValuePSAppDEField().getCodeName() == editor.getPSAppDataEntity().getKeyPSAppDEField().getCodeName()>${editor.getPSAppDataEntity().getCodeName()?lower_case}<#else>${appDeAcMode.getValuePSAppDEField().getCodeName()?lower_case}</#if>'
+    <#else>
+    <#if editor.getPSAppDataEntity?? && editor.getPSAppDataEntity()??>
+    deMajorField='${editor.getPSAppDataEntity().getMajorPSAppDEField().getCodeName()?lower_case}'
+    deKeyField='${editor.getPSAppDataEntity().getCodeName()?lower_case}'
+    </#if>
+    </#if>
+    :service="service"
+    <#if editor.getPSAppDEACMode?? && editor.getPSAppDEACMode()??>
+    <#if editor.getPSAppDEACMode().getMinorSortPSDEF?? && editor.getPSAppDEACMode().getMinorSortPSDEF()?? && editor.getPSAppDEACMode().getMinorSortDir?? && editor.getPSAppDEACMode().getMinorSortDir()??>
+    <#if editor.getPSAppDEACMode().getMinorSortDir() == 'ASC' || editor.getPSAppDEACMode().getMinorSortDir() == 'DESC'>
+    sort='${editor.getPSAppDEACMode().getMinorSortPSDEF().getCodeName()?lower_case},${editor.getPSAppDEACMode().getMinorSortDir()?lower_case}'
+    </#if>
+    </#if>
+    <#if editor.getPSAppDEACMode().getPSDEUIActionGroup?? && editor.getPSAppDEACMode().getPSDEUIActionGroup()??>
+    <#assign editorActionGroup = editor.getPSAppDEACMode().getPSDEUIActionGroup() />
+    <#if editorActionGroup.getPSUIActionGroupDetails?? && editorActionGroup.getPSUIActionGroupDetails()??>
+    :actionDetails="[<#compress>
+    <#list editorActionGroup.getPSUIActionGroupDetails() as actionDetail>
+    <#if actionDetail.getPSUIAction?? && actionDetail.getPSUIAction()??>
+    <#assign uiaction = actionDetail.getPSUIAction() />
+    {caption:'${uiaction.getCaption()}',tag:${editor.name}_editor_${actionDetail.getName()}_click}<#if actionDetail_has_next>,</#if>
+    </#if>
+    </#list>
+    </#compress>]"
+    @editoractionclick="onFormItemActionClick"
+    </#if>
+    </#if>
+    </#if>
+    :acParams=<@getAcParams editor />
+    <#if editor.getValueItemName??>
+    valueitem="${editor.getValueItemName()}"
+    </#if>
+    :value="layoutData.${editor.name}" 
+    editortype="" 
+    :pickupView=<@getPickupView editor />
+    style="${editor.getEditorCssStyle()}"  
+    @formitemvaluechange="handleValueChange">
     <@getItemRender editor />
 </app-picker>
   </#if>

@EDITOR/时间选择控件/PANELEDITOR.vue.ftl

@@ -2,15 +2,13 @@
     ${editor.render.code}
 <#else>
 <date-picker 
-  type="date" 
-  :transfer="true" 
-  format="yyyy-MM-dd" 
-  <#if item.getPlaceHolder()??>
-  placeholder="${item.getPlaceHolder()}"
-  </#if>
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  :value="data.${editor.name?lower_case}" 
-  style="${item.getEditorCssStyle()}<#if item.getEditorParam('width','') == 'auto'>width:100%;</#if>" 
-  @on-change="(val1, val2) => { data.${editor.name?lower_case} = val1; panelEditItemChange(data, '${editor.name?lower_case}', val1)}">
+    type="date" 
+    format="yyyy-MM-dd" 
+    <#if item.getPlaceHolder()??>placeholder="${item.getPlaceHolder()}"</#if> 
+    :transfer="true" 
+    :value="layoutData.${editor.name}" 
+    :disabled="layoutModelDetails.${editor.name}.disabled" 
+    style="min-width: 150px;${editor.getEditorCssStyle()}<#if editor.getEditorParam('width','') == 'auto'>width:100%;</#if>" 
+    @on-change="(value, val2) => handleValueChange({ name: '${editor.name}', value})">
 </date-picker>
 </#if>
\ No newline at end of file

@EDITOR/标签/PANELEDITOR.vue.ftl

@@ -2,22 +2,28 @@
 <#if editor?? && editor.render??> 
     ${editor.render.code}
 <#else>
-<app-span <#t>
-  :value="data.${editor.name?lower_case}" <#t>
-  name="${editor.name?lower_case}" <#t>
-  :data="data" <#t>
-  :context="context" <#t>
-  :viewparams="viewparams" <#t>
-  :localContext =<@getNavigateContext editor /> <#t>
-  :localParam =<@getNavigateParams editor /> <#t>
-<#if item.getPSCodeList?? && item.getPSCodeList()??>
-  <#assign codelist=item.getPSCodeList()>
-  tag='${codelist.codeName}' <#t>
-  codelistType='${codelist.getCodeListType()}' <#t>
-  <#if codelist.getValueSeparator?? && codelist.getValueSeparator()?? && codelist.getValueSeparator() != ''>
-  valueSeparator='${codelist.getValueSeparator()}' <#t>
-  </#if>
-</#if> 
-  style="${item.getEditorCssStyle()}"> <#t>
-</app-span> <#lt>
+<app-span 
+    name="${editor.name}" 
+    :value="layoutData.${editor.name}" 
+    <#if item.getPSCodeList?? && item.getPSCodeList()??>
+    <#assign codelist=item.getPSCodeList() />
+    tag="${codelist.codeName}" 
+    codelistType="${codelist.getCodeListType()}" 
+    <#if codelist.getOrMode?? && codelist.getOrMode()?has_content>
+    renderMode="${codelist.getOrMode()}" 
+    </#if>
+    <#if codelist.valueSeparator?has_content>
+    valueSeparator="${codelist.valueSeparator}" 
+    </#if>
+    <#if codelist.textSeparator?has_content>
+    textSeparator="${codelist.textSeparator}" 
+    </#if>
+    </#if>
+    :data="layoutData" 
+    :context="context"
+    :viewparams="viewparams"
+    :localContext=<@getNavigateContext editor />
+    :localParam=<@getNavigateParams editor />
+    style="${editor.getEditorCssStyle()}">
+</app-span>
 </#if>

@EDITOR/步进器/PANELEDITOR.vue.ftl

@@ -2,10 +2,10 @@
     ${editor.render.code}
 <#else>
 <app-stepper 
-  name='${editor.name}' 
-  :value="data.${editor.name?lower_case}" 
-  @change="($event)=>{onPanelItemValueChange(data,$event)} " 
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  style="${item.getEditorCssStyle()}">
+    name='${editor.name}' 
+    style="${item.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}"
+    :disabled="layoutModelDetails.${editor.name}.disabled" 
+    @change="handleValueChange">
 </app-stepper>
 </#if>
\ No newline at end of file

@EDITOR/滑动输入条/PANELEDITOR.vue.ftl

@@ -2,10 +2,13 @@
     ${editor.render.code}
 <#else>
 <app-slider 
-  name='${editor.name?lower_case}' 
-  :value="data.${editor.name?lower_case}" 
-  @change="($event)=>{onPanelItemValueChange(data,$event)} " 
-  :disabled="detailsModel.${item.getCodeName()}.disabled" 
-  style="${item.getEditorCssStyle()}">
+    name="${editor.name}"
+    style="${editor.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}"
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    :step="<#if editor.getEditorParam('step','') != ''>${editor.getEditorParam('step','')}<#else>1</#if>"
+    :min="<#if editor.getEditorParam('min','') != ''>${editor.getEditorParam('min','')}<#else>0</#if>"
+    :max="<#if editor.getEditorParam('max','') != ''>${editor.getEditorParam('max','')}<#else>100</#if>"
+    @change="handleValueChange">
 </app-slider>
 </#if>
\ No newline at end of file

@EDITOR/评分器/PANELEDITOR.vue.ftl

@@ -2,18 +2,21 @@
     ${editor.render.code}
 <#else>
 <app-rate 
-  name='${editor.name?lower_case}' 
-  :value="data.${editor.name?lower_case}" 
-  @change="($event)=>{data.${editor.name?lower_case} = $event; panelEditItemChange(data, '${editor.name?lower_case}', $event)} " 
-  :disabled="detailsModel.${item.getCodeName()}.disabled"
+    name="${editor.name}"
+    style="${editor.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}" 
+    :disabled="layoutModelDetails.${editor.name}.disabled" 
+<#if item.getEditorParam('max','') != ''>
+    :max="${item.getEditorParam('max','')}"
+</#if>
 <#if item.getPSCodeList?? && item.getPSCodeList()??>
   <#assign codelist=item.getPSCodeList()>
-  tag='${codelist.codeName}' <#t>
-  codelistType='${codelist.getCodeListType()}' <#t>
+    tag="${codelist.codeName}"
+    codelistType="${codelist.getCodeListType()}"
   <#if codelist.getValueSeparator?? && codelist.getValueSeparator()?? && codelist.getValueSeparator() != ''>
-  valueSeparator='${codelist.getValueSeparator()}' <#t>
+    valueSeparator="${codelist.getValueSeparator()}"
   </#if>
-</#if>
-  style="${item.getEditorCssStyle()}">
+</#if> 
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
 </app-rate>
 </#if>
\ No newline at end of file

@EDITOR/选项框/PANELEDITOR.vue.ftl

 <#if editor?? && editor.render??> 
     ${editor.render.code}
 <#else>
-<div style="${item.getEditorCssStyle()}">
-  <app-checkbox :value="data.${editor.name?lower_case}" @change="($event)=>{data.${editor.name?lower_case} = $event;panelEditItemChange(data, '${editor.name?lower_case}', $event)} " :disabled="detailsModel.${item.getCodeName()}.disabled"></app-checkbox>
-</div>
+<app-checkbox 
+    style="${editor.getEditorCssStyle()}"
+    :value="layoutData.${editor.name}"
+    :disabled="layoutModelDetails.${editor.name}.disabled"
+    @change="(value) => handleValueChange({ name: '${editor.name}', value})">
+</app-checkbox>
 </#if>
\ No newline at end of file

@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_RENDER.ftl

@@ -168,7 +168,13 @@
             :data="layoutData"
             :layoutModelDetails="layoutModelDetails"/></@compress>
         <#else>
-        <@compress  single_line=true><span>属性项</span></@compress>
+        <@compress  single_line=true><app-panel-field
+            name="${panelDetail.getName()}"
+            <#if isMultiData == true >:index="slotProps.data.index"</#if>
+            :data="layoutData"
+            :value=<#if isMultiData == true >"layoutData[`${panelDetail.getName()}_<#noparse>${slotProps.data.index}</#noparse>`]"<#else>"layoutData.${panelDetail.getName()}"</#if>>
+                ${P.getEditorCode(item, "PANELEDITOR.vue").code}
+            </app-panel-field></@compress>
         </#if>
     <#elseif panelDetail.getItemType()?? && panelDetail.getItemType() == "RAWITEM">
         <#if panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()??>