update：更新

@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_RENDER.ftl

@@ -14,10 +14,10 @@
     <#if panelDetail.getItemType()?? && panelDetail.getItemType() == "CONTAINER">
     <#-- 边缘布局 -->
     <#if panelDetail.getPSLayout().getLayout()?? && panelDetail.getPSLayout().getLayout() == "BORDER" >
-    <app-scroll-container name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">
+    <app-scroll-container name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails">
     <#if panelDetail.getPSPanelItems()??>
         <#list panelDetail.getPSPanelItems() as panelItem>
-        <template <#if isMultiData == true>v-slot:${panelItem.getName()}="slotProps"<#else>#${panelItem.getName()}</#if>>
+        <template #${panelItem.getName()}>
         <@renderByDetailType panelItem view isMultiData />
         </template>
         </#list>
@@ -25,10 +25,10 @@
     </app-scroll-container>
     <#-- SIMPLEFLEX布局(栅格布局) -->
     <#elseif panelDetail.getPSLayout().getLayout()?? && panelDetail.getPSLayout().getLayout() == "SIMPLEFLEX" >
-    <app-simpleflex-container name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">
+    <app-simpleflex-container name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails">
      <#if panelDetail.getPSPanelItems()??>
         <#list panelDetail.getPSPanelItems() as panelItem>
-        <template <#if isMultiData == true>v-slot:${panelItem.getName()}="slotProps"<#else>#${panelItem.getName()}</#if>>
+        <template #${panelItem.getName()}>
         <@renderByDetailType panelItem view isMultiData />
         </template>
         </#list>
@@ -55,7 +55,7 @@
     <app-tab-page name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">
         <#if panelDetail.getPSPanelItems?? && panelDetail.getPSPanelItems()??>
             <#list panelDetail.getPSPanelItems() as panelItem>
-        <template <#if isMultiData == true>v-slot:${panelItem.getName()}="slotProps"<#else>#${panelItem.getName()}</#if>>
+        <template #${panelItem.getName()}>
             <@renderByDetailType panelItem view isMultiData />
         </template>
             </#list>
@@ -65,7 +65,7 @@
     <app-tab-panel name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">
         <#if panelDetail.getPSPanelTabPages?? && panelDetail.getPSPanelTabPages()??>
             <#list panelDetail.getPSPanelTabPages() as tabPage>
-        <template <#if isMultiData == true>v-slot:${tabPage.getName()}="slotProps"<#else>#${tabPage.getName()}</#if>>
+        <template #${tabPage.getName()}>
             <@renderByDetailType tabPage view isMultiData/>
         </template>
             </#list>
@@ -73,43 +73,33 @@
     </app-tab-panel>
     <#elseif panelDetail.getItemType()?? && panelDetail.getItemType() == "FIELD">
         <#if panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_USERID">
-        <app-login-input class="app-login-user" name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" defaultIcon="ios-contact" @valueChange="handleValueChange" />
+        <app-login-input class="app-login-user" name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" defaultIcon="ios-contact" @valueChange="handleValueChange" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_PASSWORD">
-        <app-login-input class="app-login-password" name="${panelDetail.getName()}" defaultType="password" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" defaultIcon="ios-key" @valueChange="handleValueChange" />
+        <app-login-input class="app-login-password" name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> defaultType="password" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" defaultIcon="ios-key" @valueChange="handleValueChange" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_ORGPICK">
-        <app-login-org name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
+        <app-login-org name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_VERIFICATIONCODE">
-        <app-login-note-verify name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
+        <app-login-note-verify name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_LOGINMSG">
-        <app-login-message name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" />
+        <app-login-message name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "APP_APPTITLE">
-        <app-preset-title name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"/>
+        <app-preset-title name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"/>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "VIEW_PAGECAPTION">
-        <app-preset-caption name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">${view.caption}</app-preset-caption>
+        <app-preset-caption name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails">${view.caption}</app-preset-caption>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_TEXT_DYNAMIC">
-        <app-preset-text name="${panelDetail.getName()}" :value="layoutData.${panelDetail.getViewFieldName()}" :layoutModelDetails="layoutModelDetails"/>
+        <app-preset-text name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :value="layoutData.${panelDetail.getViewFieldName()}" :layoutModelDetails="layoutModelDetails"/>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_SWITCH">
-        <app-preset-switch :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" name="${panelDetail.getName()}" @valueChange="handleValueChange"/>
+        <app-preset-switch name="${panelDetail.getName()}" <#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange"/>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_QRCODE">
-        <app-preset-qrcode :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" name="${panelDetail.getName()}"/>
+        <app-preset-qrcode name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" />
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_TEXTBOX">
-        <app-preset-text-input :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" name="${panelDetail.getName()}" @valueChange="handleValueChange"/>
+        <app-preset-text-input name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange"/>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "AUTH_ORGPICK">
-            <app-index-org-select name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"></app-index-org-select>
+            <app-index-org-select name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"></app-index-org-select>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_IMAGE">
-            <app-field-image-dynamic 
-                name="${panelDetail.getName()}" 
-                :layoutModelDetails="layoutModelDetails"
-                :value="layoutData['${panelDetail.getName()}']">
-            </app-field-image-dynamic>
+            <app-field-image-dynamic name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :value="layoutData['${panelDetail.getName()}']" :layoutModelDetails="layoutModelDetails"></app-field-image-dynamic>
         <#elseif panelDetail.getPSEditor?? && panelDetail.getPSEditor()?? && panelDetail.getPSEditor().getPredefinedType?? && panelDetail.getPSEditor().getPredefinedType()?? && panelDetail.getPSEditor().getPredefinedType() == "FIELD_CAROUSEL">
-            <app-rawitem-carousel 
-                :data="layoutData"
-                name="${panelDetail.getName()}"
-                type="FIELD_CAROUSEL"
-                :value="layoutData['${panelDetail.getName()}']"
-                :layoutModelDetails="layoutModelDetails">
-            </app-rawitem-carousel>
+            <app-rawitem-carousel name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> type="FIELD_CAROUSEL" :data="layoutData" :layoutModelDetails="layoutModelDetails"></app-rawitem-carousel>
         <#else>
         <span>属性项</span>
         </#if>
@@ -119,6 +109,7 @@
         <#if  rawdetail.getPredefinedType?? && rawdetail.getPredefinedType()?? && rawdetail.getPredefinedType() == "STATIC_IMAGE">
         <app-rawitem-image
             name="${panelDetail.getName()}"
+            <#if isMultiData == true >:index="slotProps.data.index"</#if>
             <#if rawdetail.getPSSysImage?? && rawdetail.getPSSysImage()?? && rawdetail.getPSSysImage().getImagePath?? && rawdetail.getPSSysImage().getImagePath()??>
             imgUrl="${ rawdetail.getPSSysImage().getImagePath() }"
             </#if>
@@ -130,8 +121,9 @@
             </app-rawitem-image>
         <#elseif rawdetail.getPredefinedType?? && rawdetail.getPredefinedType()?? && rawdetail.getPredefinedType() == "STATIC_CAROUSEL">
         <app-rawitem-carousel
-            type="STATIC_CAROUSEL"
             name="${panelDetail.getName()}"
+            type="STATIC_CAROUSEL"
+            <#if isMultiData == true >:index="slotProps.data.index"</#if>
             :value=<@compress  single_line=true>"[
             <#if rawdetail.getPSRawItemParams?? && rawdetail.getPSRawItemParams()??>
             <#list rawdetail.getPSRawItemParams() as param>{                
@@ -158,6 +150,7 @@
         <#elseif rawdetail.getPredefinedType?? && rawdetail.getPredefinedType()?? && rawdetail.getPredefinedType() == "STATIC_VIDEOPLAYER">
         <app-rawitem-video 
         name="${panelDetail.getName()}"
+        <#if isMultiData == true >:index="slotProps.data.index"</#if>
         :layoutModelDetails="layoutModelDetails"
         :videoParmas=<@compress  single_line=true>"[
             <#if rawdetail.getPSRawItemParams?? && rawdetail.getPSRawItemParams()??>
@@ -174,27 +167,28 @@
             ]"</@compress>        
         />
         <#elseif panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()?? && panelDetail.getPSRawItem().getPredefinedType?? && panelDetail.getPSRawItem().getPredefinedType()?? && panelDetail.getPSRawItem().getPredefinedType() == 'NAV_POS'>
-            <app-nav-pos name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :navData="layoutModelDetails['${panelDetail.getName()}'].navData"></app-nav-pos>
+            <app-nav-pos name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :navData="layoutModelDetails['${panelDetail.getName()}'].navData"></app-nav-pos>
         <#elseif panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()?? && panelDetail.getPSRawItem().getPredefinedType?? && panelDetail.getPSRawItem().getPredefinedType()?? && panelDetail.getPSRawItem().getPredefinedType() == 'NAV_BREADCRUMB'>
-            <app-index-nav-breadcrumb name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"<#if view?? && view.getViewType?? && view.getViewType() == 'APPINDEXVIEW'> indexViewTag="${srffilepath2(view.getCodeName())}"</#if>></app-index-nav-breadcrumb>
+            <app-index-nav-breadcrumb name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"<#if view?? && view.getViewType?? && view.getViewType() == 'APPINDEXVIEW'> indexViewTag="${srffilepath2(view.getCodeName())}"</#if>></app-index-nav-breadcrumb>
         <#elseif panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()?? && panelDetail.getPSRawItem().getPredefinedType?? && panelDetail.getPSRawItem().getPredefinedType()?? && (panelDetail.getPSRawItem().getPredefinedType() == 'STATIC_LABEL' || panelDetail.getPSRawItem().getPredefinedType() == 'STATIC_TEXT')>
-        <app-preset-text name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"/>
+        <app-preset-text name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"/>
         <#elseif panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()?? && panelDetail.getPSRawItem().getPredefinedType?? && panelDetail.getPSRawItem().getPredefinedType()?? && panelDetail.getPSRawItem().getPredefinedType() == 'NAV_TABS'>
-            <app-index-nav-tabs name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"></app-index-nav-tabs>
+            <app-index-nav-tabs name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"></app-index-nav-tabs>
         <#elseif panelDetail.getPSRawItem?? && panelDetail.getPSRawItem()?? && panelDetail.getPSRawItem().getPredefinedType?? && panelDetail.getPSRawItem().getPredefinedType()?? && panelDetail.getPSRawItem().getPredefinedType() == 'AUTH_USERINFO'>
-            <app-index-user-info name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails"></app-index-user-info>
+            <app-index-user-info name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails"></app-index-user-info>
         </#if>
      </#if>
     <#elseif panelDetail.getItemType()?? && panelDetail.getItemType() == "BUTTON">
         <#if panelDetail.getPSUIAction?? && panelDetail.getPSUIAction()?? && panelDetail.getPSUIAction().getPredefinedType?? && panelDetail.getPSUIAction().getPredefinedType()?? && panelDetail.getPSUIAction().getPredefinedType() == "APP_LOGIN">
-        <app-login-button class="app-login-button" name="${panelDetail.getName()}"  :layoutModelDetails="layoutModelDetails" defaultStyle='primary' @itemClick="handleButtonClick" />
+        <app-login-button class="app-login-button" name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if>  :layoutModelDetails="layoutModelDetails" defaultStyle='primary' @itemClick="handleButtonClick" />
         <#elseif panelDetail.getPSUIAction?? && panelDetail.getPSUIAction()?? && panelDetail.getPSUIAction().getPredefinedType?? && panelDetail.getPSUIAction().getPredefinedType()?? && panelDetail.getPSUIAction().getPredefinedType() == "DATA_CANCELCHANGES">
-        <app-login-button class="app-reset-button" name="${panelDetail.getName()}"  :layoutModelDetails="layoutModelDetails" defaultStyle='success' @itemClick="handleButtonClick" />
+        <app-login-button class="app-reset-button" name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if>  :layoutModelDetails="layoutModelDetails" defaultStyle='success' @itemClick="handleButtonClick" />
         <#elseif panelDetail.getPSUIAction?? && panelDetail.getPSUIAction()?? && panelDetail.getPSUIAction().getPredefinedType?? && panelDetail.getPSUIAction().getPredefinedType()?? && panelDetail.getPSUIAction().getPredefinedType() == "APP_LOGOUT">
-        <app-login-button class="app-logout-button" name="${panelDetail.getName()}"  :layoutModelDetails="layoutModelDetails" @itemClick="handleButtonClick" />
+        <app-login-button class="app-logout-button" name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if>  :layoutModelDetails="layoutModelDetails" @itemClick="handleButtonClick" />
         <#elseif panelDetail.getPSUIAction?? && panelDetail.getPSUIAction()??>
         <app-preset-button
             name="${panelDetail.getName()}" 
+            <#if isMultiData == true > :index="slotProps.data.index"</#if>
             :layoutModelDetails="layoutModelDetails"
             <#if panelDetail.getCaptionItemName?? && panelDetail.getCaptionItemName() != ''>
             :caption="layoutData.${panelDetail.getCaptionItemName()}"
@@ -208,13 +202,14 @@
         <#else>
         <app-preset-button
             name="${panelDetail.getName()}" 
+            <#if isMultiData == true > :index="slotProps.data.index"</#if>
             :layoutModelDetails="layoutModelDetails"
             caption="${panelDetail.getCaption()}"
             @itemClick="handleButtonClick">
         </app-preset-button>
         </#if>
     <#elseif panelDetail.getItemType()?? && panelDetail.getItemType() == "CTRLPOS">
-            <app-ctrl-pos name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails">
+            <app-ctrl-pos name="${panelDetail.getName()}" <#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails">
         <#if panelDetail.getName() == 'quicksearchbar' || panelDetail.getName() == 'QUICKSEARCHBAR'>
                 <i-input v-model="query" search enter-button @on-search="onSearch($event)" class='quick-search-input' style='max-width: 400px;' placeholder="<@getQuickSearchPlaceholder view />" />
         <#elseif view?? && view.hasPSControl?? && view.hasPSControl(panelDetail.getName())>
@@ -225,9 +220,9 @@
             </app-ctrl-pos>
     <#elseif panelDetail.getItemType()?? && panelDetail.getItemType() == "USERCONTROL">
         <#if panelDetail.getPredefinedType?? && panelDetail.getPredefinedType()?? && panelDetail.getPredefinedType() == "AUTH_CAPTCHA">
-        <app-login-captcha name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
+        <app-login-captcha name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" @valueChange="handleValueChange" />
         <#elseif panelDetail.getPredefinedType?? && panelDetail.getPredefinedType()?? && panelDetail.getPredefinedType() == "AUTH_SSO">
-        <app-login-third name="${panelDetail.getName()}" :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" />
+        <app-login-third name="${panelDetail.getName()}"<#if isMultiData == true > :index="slotProps.data.index"</#if> :layoutModelDetails="layoutModelDetails" :value="layoutData.${panelDetail.getName()}" />
         <#else>
         <span>用户自定义控件</span>
         </#if>