update：更新表单锚点位置计算逻辑

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/views/view-base-config.hbs

@@ -3,7 +3,7 @@
   viewName: '{{page.name}}',
   viewCaption: '{{page.caption}}',
   subCaption: '{{page.subCaption}}',
-  viewSysCss: '{{page.psSysCss.cssName}}',
+  viewSysCss: '{{lowerCase page.codeName}} {{page.psSysCss.cssName}}',
 {{!--   viewSysImage: '{{page.psSysImage}}', --}}
   showCaptionBar: {{page.showCaptionBar}},
   viewType: '{{page.viewType}}',

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/common/app-anchor.vue

 <script setup lang="ts">
-import { IActionParam, IParam } from '@core';
+import { Ref } from 'vue';
 
 interface Props {
   anchorDatas: any[];
   viewType: string;
+  viewTag: string;
 }
 const props = withDefaults(defineProps<Props>(), {});
 
@@ -21,7 +22,7 @@ let datas: any[] = props.anchorDatas;
  * @type {any}
  * @memberof AppAnchor
  */
-let appAnchor = ref(null);
+let appAnchor: Ref<any> = ref(null);
 
 /**
  * 滚动盒子
@@ -46,6 +47,7 @@ onBeforeMount(() => {
 onMounted(() => {
   // 需要异步获取，有些编辑器绘制慢，确保高度获取正确
   setTimeout(() => {
+    computeAppAnchorLayout();
     // 获取滚动区域
     getScrollContainer();
     // 获取锚点到滚动条盒子顶部的距离
@@ -74,6 +76,21 @@ onUnmounted(() => {
   }
 });
 
+/**
+ * 计算锚点位置
+ *
+ * @memberof AppAnchor
+ */
+const computeAppAnchorLayout = () => {
+  if (appAnchor.value && appAnchor.value.parentNode) {
+    const parent = appAnchor.value.parentNode;
+    const top = parent.getBoundingClientRect()?.top;
+    const right = document.body.clientWidth - parent.getBoundingClientRect()?.right;
+    appAnchor.value.style.top = top + 20 + 'px';
+    appAnchor.value.style.right = right + 'px';
+  }
+}
+
 /**
  * 获取滚动区域
  *
@@ -81,14 +98,12 @@ onUnmounted(() => {
  */
 const getScrollContainer = () => {
   switch (props.viewType) {
-    case 'DEEDITVIEW':
-      container.value = document.querySelector(`.app-view-layout__body`);
-      break;
     case 'DEEDITVIEW3':
-      //TODO
+      // TODO
       break;
+    case 'DEEDITVIEW':
     default:
-      container.value = document.querySelector(`.app-view-layout__body`);
+      container.value = document.querySelector(`.${props.viewTag?.toLowerCase()} .app-view-layout__body`);
       break;
   }
 };
@@ -112,10 +127,6 @@ const scrollEvent = (e: any) => {
       break;
     }
   }
-  // 滚动当前组件高度
-  if (appAnchor.value) {
-    (appAnchor.value as any).style.top = scrollTop + 20 + 'px';
-  }
 };
 
 /**
@@ -205,9 +216,9 @@ const handleClick = (item: any, index: any) => {
 
 <style lang="scss" scoped>
 .app-anchor {
-  position: absolute;
+  position: fixed;
   top: 20px;
-  right: -13px;
+  max-width: 200px;
   z-index: 99;
   border-radius: 4px;
   padding: 10px 10px 10px 20px;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/common/app-form-item.vue

@@ -54,7 +54,7 @@ const initRules = () => {
 </script>
 
 <template>
-  <AppCol :visible="visible" noRoot :layoutOpts="layoutOpts" :class="['app-form-item', `app-form-item-${name}`, `${name}`]">
+  <AppCol :visible="visible" noRoot :layoutOpts="layoutOpts" :class="['app-form-item', `label-${labelPos.toLowerCase()}`, `app-form-item-${name}`, `${name}`]">
     <template v-slot:default="{slotStyle, slotClass}">
       <a-form-item
         :class="slotClass"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/core/modules/widgets/form-control/form-control.ts

@@ -72,6 +72,7 @@ export class FormControl extends MainControl {
    */
   private setAnchorDatas() {
     const { detailsModel } = this.state;
+    this.state.anchorDatas = [];
     Object.values(detailsModel).forEach((item: IParam) => {
       if (item.enableAnchor) {
         this.state.anchorDatas.push({

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/common/app-split.scss

@@ -48,7 +48,7 @@
 }
 .app-split-trigger-horizontal .trigger-icon {
   top: 50%;
-  transform: translate(-50%, -36px);
+  transform: translate(0, -36px);
   width: 100%;
   height: 36px;
   cursor: col-resize;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{ctrls@FORM}}-form.vue.hbs

@@ -57,7 +57,8 @@ defineExpose({ name, state, load, loadDraft, save, remove, refresh, getData });
     <AppAnchor
       v-if="state.anchorDatas.length > 0" 
       :anchorDatas="state.anchorDatas"
-      :viewType="state.parent.state.viewType">
+      :viewType="state.parent.state.viewType"
+      :viewTag="state.parent.state.viewCodeName">
     </AppAnchor>  
     {{#if ctrl.noTabHeader}}
     {{#each ctrl.psDEFormPages as | ctrlPage | }}