@fecp/designer 5.5.51 → 5.5.54

package/es/packages/vue/src/components/details/main/Main.vue.mjs

@@ -3,6 +3,8 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                                   */
 /* empty css                                                                        */
 import { ref, createBlock, openBlock, withCtx, renderSlot } from "vue";
+/* empty css           */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElMain } from "../../../../../../node_modules/element-plus/es/components/container/index.mjs";
 import { ElScrollbar } from "../../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
 const _sfc_main = {
@@ -30,7 +32,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_el_scrollbar = ElScrollbar;
       const _component_el_main = ElMain;
-      return openBlock(), createBlock(_component_el_main, { style: { "padding": "0", "background-color": "#fff", "display": "flex" } }, {
+      return openBlock(), createBlock(_component_el_main, { class: "fec-el-main" }, {
         default: withCtx(() => [
           props.scrollbar ? (openBlock(), createBlock(_component_el_scrollbar, {
             key: 0,
@@ -40,16 +42,17 @@ const _sfc_main = {
             style: { "flex": "1" }
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             _: 3
-          }, 512)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          }, 512)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
         ]),
         _: 3
       });
     };
   }
 };
+const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ba17464"]]);
 export {
-  _sfc_main as default
+  component as default
 };

package/es/packages/vue/src/components/details/main/index.mjs

@@ -1,6 +1,6 @@
-import _sfc_main from "./Main.vue.mjs";
+import component from "./Main.vue.mjs";
 import install from "../../../utils/install.mjs";
-const main = install.withInstall("Main", _sfc_main);
+const main = install.withInstall("Main", component);
 export {
   main as default,
   main

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -5,8 +5,9 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                                     */
 /* empty css                                                                     */
 /* empty css                                                                   */
+/* empty css                                                                  */
 /* empty css                                                                   */
-import { getCurrentInstance, ref, watch, onMounted, onBeforeUnmount, provide, createBlock, createCommentVNode, openBlock, withCtx, createVNode, unref, normalizeClass, createElementBlock, Fragment, renderList } from "vue";
+import { getCurrentInstance, ref, watch, computed, onMounted, onBeforeUnmount, provide, resolveDirective, withDirectives, createCommentVNode, createBlock, openBlock, withCtx, createVNode, normalizeStyle, unref, normalizeClass, createElementBlock, Fragment, renderList } from "vue";
 import "../../../../../../node_modules/grid-layout-plus/es/index.mjs";
 import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
 import getJsonAsyncUtil from "../../../utils/getJsonAsyncUtil.mjs";
@@ -41,11 +42,15 @@ import { usePageEvents } from "../../../composables/usePageEvents.mjs";
 import { header } from "../../details/header/index.mjs";
 import { main } from "../../details/main/index.mjs";
 import { footer } from "../../details/footer/index.mjs";
+import FormAnchorNav from "./FormAnchorNav.vue.mjs";
+import RightAnchorNav from "./RightAnchorNav.vue.mjs";
 import { checkFilterMatch, checkFieldInFilterConfig, checkFieldInResultConfig } from "../../../utils/parseFilterConfig.mjs";
 import hooks from "../../../../../../node_modules/moment/dist/moment.mjs";
+import emitter from "../../../utils/eventBus.mjs";
 /* empty css           */
 import { ElMessage } from "../../../../../../node_modules/element-plus/es/components/message/index.mjs";
 import { ElContainer } from "../../../../../../node_modules/element-plus/es/components/container/index.mjs";
+import { ElCol } from "../../../../../../node_modules/element-plus/es/components/col/index.mjs";
 import { ElForm } from "../../../../../../node_modules/element-plus/es/components/form/index.mjs";
 import De from "../../../../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.mjs";
 const _hoisted_1 = ["name", "value"];
@@ -106,6 +111,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const emit = __emit;
     const instance = getCurrentInstance();
     const ctx = getCurrentVueInstance();
+    const fecFormRef = ref(null);
     const formRef = ref(null);
     const gridLayout = ref(null);
     const configLoading = ref(true);
@@ -208,6 +214,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         configLoading.value = false;
       }
     };
+    const navType = computed(() => {
+      if ((localConfig.navigationEnabled ?? true) && !props.isSubForm && fecFormRef.value) {
+        if (fecFormRef.value.$el.closest(".fec-layout-row")) {
+          return "top";
+        } else {
+          return "right";
+        }
+      } else {
+        return "";
+      }
+    });
     function layoutUpdated(layoutData) {
       emit("layoutUpdated", layoutData);
     }
@@ -956,12 +973,48 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           });
         }
       });
-      gridLayoutFieldsData.value = updatedLayoutData.filter((item) => !item.hidden);
+      const fieldsConfigArr = updatedLayoutData.filter((item) => !item.hidden);
+      gridLayoutFieldsData.value = sortLayoutItems(fieldsConfigArr);
       (_a = gridLayout == null ? void 0 : gridLayout.value) == null ? void 0 : _a.resizeEvent();
     };
+    function sortLayoutItems(arr) {
+      return [...arr].sort((a, b) => {
+        if (a.y !== b.y) {
+          return a.y - b.y;
+        }
+        return a.x - b.x;
+      });
+    }
+    const subTableCounts = ref({});
+    const navLinkCompId = ref("");
+    const anchorNavLinks = computed(() => {
+      var _a;
+      const baseId = (_a = gridLayoutFieldsData.value) == null ? void 0 : _a[0].id;
+      const list = gridLayoutFieldsData.value.map((item) => {
+        if (item.component.fieldType == "h2") {
+          return {
+            id: item.id,
+            title: item.component.label
+          };
+        } else if (item.component.titleMode == "label") {
+          return {
+            id: item.id,
+            title: item.component.label,
+            count: subTableCounts.value[item.id] ?? 0
+          };
+        } else {
+          return null;
+        }
+      }).filter(Boolean);
+      return [{ id: baseId, title: "基本信息" }, ...list];
+    });
+    emitter.on("onSubTableDataLoaded", ({ subTableConfig, visibleData }) => {
+      const id = subTableConfig.id;
+      const count = (visibleData == null ? void 0 : visibleData.length) || 0;
+      subTableCounts.value[id] = count;
+    });
     function initLinkage() {
       const changedFields = findChangedFields(formData.value, prevFormData.value);
-      console.log("🚀 ~ initLinkage ~ changedFields:", changedFields);
       if (changedFields.length > 0) {
         applyLinkageEffectsForChangedFields(changedFields);
       }
@@ -1026,95 +1079,132 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     });
     return (_ctx, _cache) => {
       const _component_el_form = ElForm;
+      const _component_el_col = ElCol;
       const _component_el_container = ElContainer;
-      return !configLoading.value ? (openBlock(), createBlock(_component_el_container, {
+      const _directive_fec_layout = resolveDirective("fec-layout");
+      return !configLoading.value ? withDirectives((openBlock(), createBlock(_component_el_container, {
         key: 0,
-        direction: "vertical",
         class: "fec-form",
         "data-id": localConfig.value.templateKey,
         "data-name": localConfig.value.templateName,
         "data-pkId": localConfig.value.pkId,
-        "data-version": "v5"
+        "data-version": "v5",
+        ref_key: "fecFormRef",
+        ref: fecFormRef
       }, {
         default: withCtx(() => [
-          createVNode(unref(header), {
-            showBack: !__props.isSubForm && !__props.isDialog,
-            isApproval: __props.isApproval,
-            pageHeaderConfig: localConfig.value.pageHeaderConfig,
-            onActionClick: handleActionClick
-          }, null, 8, ["showBack", "isApproval", "pageHeaderConfig"]),
-          createVNode(unref(main), {
-            scrollbar: !__props.isDialog
+          createVNode(_component_el_col, {
+            span: unref(navType) == "right" ? 21 : 24,
+            class: "fec-form-col",
+            style: normalizeStyle({ marginRight: unref(navType) == "right" ? "4px" : "0" })
           }, {
             default: withCtx(() => [
-              createVNode(_component_el_form, {
-                ref_key: "formRef",
-                ref: formRef,
-                model: formData.value,
-                rules: formRules.value,
-                "label-position": localConfig.value.labelPosition,
-                style: { padding: "0", width: "100%" },
-                class: normalizeClass({ "fec-el-form": !__props.isSubForm }),
-                "validate-on-rule-change": false,
-                size: "large",
-                "scroll-to-error": ""
+              createVNode(unref(header), {
+                showBack: !__props.isSubForm && !__props.isDialog,
+                isApproval: __props.isApproval,
+                pageHeaderConfig: localConfig.value.pageHeaderConfig,
+                onActionClick: handleActionClick
+              }, null, 8, ["showBack", "isApproval", "pageHeaderConfig"]),
+              unref(navType) == "top" ? (openBlock(), createBlock(FormAnchorNav, {
+                key: 0,
+                fecFormRef: fecFormRef.value,
+                links: unref(anchorNavLinks),
+                modelValue: navLinkCompId.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => navLinkCompId.value = $event)
+              }, null, 8, ["fecFormRef", "links", "modelValue"])) : createCommentVNode("", true),
+              createVNode(unref(main), {
+                scrollbar: !__props.isDialog
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(De), {
-                    ref_key: "gridLayout",
-                    ref: gridLayout,
-                    layout: gridLayoutFieldsData.value,
-                    "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => gridLayoutFieldsData.value = $event),
-                    "row-height": rowHeight.value,
-                    margin: [0, 0],
-                    "use-css-transforms": false,
-                    "col-num": localConfig.value.columns,
-                    "is-draggable": false,
-                    "is-resizable": false,
-                    onLayoutUpdated: layoutUpdated
+                  createVNode(_component_el_form, {
+                    ref_key: "formRef",
+                    ref: formRef,
+                    model: formData.value,
+                    rules: formRules.value,
+                    "label-position": localConfig.value.labelPosition,
+                    style: { padding: "0", width: "100%" },
+                    class: normalizeClass({ "fec-el-form": !__props.isSubForm }),
+                    "validate-on-rule-change": false,
+                    size: "large",
+                    "scroll-to-error": ""
                   }, {
-                    item: withCtx(({ item: { component } }) => [
-                      createVNode(unref(FormItem), {
-                        ref: (el) => setFormItemRef(el, component),
-                        modelValue: formData.value[component.fieldName],
-                        "onUpdate:modelValue": ($event) => formData.value[component.fieldName] = $event,
-                        config: component,
-                        localConfig: localConfig.value,
-                        error: getFieldError(component.fieldName),
-                        formRef: formRef.value,
-                        formMode: formMode.value,
-                        onChange: handleFieldChange
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef", "formMode"])
+                    default: withCtx(() => [
+                      createVNode(unref(De), {
+                        ref_key: "gridLayout",
+                        ref: gridLayout,
+                        layout: gridLayoutFieldsData.value,
+                        "onUpdate:layout": _cache[1] || (_cache[1] = ($event) => gridLayoutFieldsData.value = $event),
+                        "row-height": rowHeight.value,
+                        margin: [0, 0],
+                        "use-css-transforms": false,
+                        "col-num": localConfig.value.columns,
+                        "is-draggable": false,
+                        "is-resizable": false,
+                        onLayoutUpdated: layoutUpdated
+                      }, {
+                        item: withCtx(({ item: { component } }) => [
+                          createVNode(unref(FormItem), {
+                            ref: (el) => setFormItemRef(el, component),
+                            modelValue: formData.value[component.fieldName],
+                            "onUpdate:modelValue": ($event) => formData.value[component.fieldName] = $event,
+                            config: component,
+                            localConfig: localConfig.value,
+                            error: getFieldError(component.fieldName),
+                            formRef: formRef.value,
+                            formMode: formMode.value,
+                            onChange: handleFieldChange
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef", "formMode"])
+                        ]),
+                        _: 1
+                      }, 8, ["layout", "row-height", "col-num"]),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(hiddenFields.value, (field) => {
+                        return openBlock(), createElementBlock("input", {
+                          key: field.fieldName,
+                          type: "hidden",
+                          name: field.fieldName,
+                          value: formData.value[field.fieldName]
+                        }, null, 8, _hoisted_1);
+                      }), 128))
                     ]),
                     _: 1
-                  }, 8, ["layout", "row-height", "col-num"]),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(hiddenFields.value, (field) => {
-                    return openBlock(), createElementBlock("input", {
-                      key: field.fieldName,
-                      type: "hidden",
-                      name: field.fieldName,
-                      value: formData.value[field.fieldName]
-                    }, null, 8, _hoisted_1);
-                  }), 128))
+                  }, 8, ["model", "rules", "label-position", "class"])
                 ]),
                 _: 1
-              }, 8, ["model", "rules", "label-position", "class"])
+              }, 8, ["scrollbar"]),
+              !__props.isSubForm && !__props.isDialog && !__props.isApproval ? (openBlock(), createBlock(unref(footer), {
+                key: 1,
+                formMode: formMode.value,
+                pageFooterConfig: localConfig.value.pageFooterConfig,
+                onCustomButtonClick: handleCustomButtonClick
+              }, null, 8, ["formMode", "pageFooterConfig"])) : createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["scrollbar"]),
-          !__props.isSubForm && !__props.isDialog && !__props.isApproval ? (openBlock(), createBlock(unref(footer), {
+          }, 8, ["span", "style"]),
+          unref(navType) == "right" ? (openBlock(), createBlock(_component_el_col, {
             key: 0,
-            formMode: formMode.value,
-            pageFooterConfig: localConfig.value.pageFooterConfig,
-            onCustomButtonClick: handleCustomButtonClick
-          }, null, 8, ["formMode", "pageFooterConfig"])) : createCommentVNode("", true)
+            span: 3,
+            class: "fec-form-col",
+            style: { "margin-left": "4px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(RightAnchorNav, {
+                fecFormRef: fecFormRef.value,
+                links: unref(anchorNavLinks),
+                modelValue: navLinkCompId.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navLinkCompId.value = $event)
+              }, null, 8, ["fecFormRef", "links", "modelValue"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["data-id", "data-name", "data-pkId"])) : createCommentVNode("", true);
+      }, 8, ["data-id", "data-name", "data-pkId"])), [
+        [_directive_fec_layout]
+      ]) : createCommentVNode("", true);
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a538ee8"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45303517"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/forms/form/FormAnchorNav.vue.mjs

@@ -0,0 +1,109 @@
+import { watch, createElementBlock, createCommentVNode, openBlock, createElementVNode, Fragment, renderList, withModifiers, normalizeClass, createTextVNode, toDisplayString } from "vue";
+/* empty css                    */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "fec-form-nav"
+};
+const _hoisted_2 = { class: "fec-form-links" };
+const _hoisted_3 = ["href", "onClick"];
+const _hoisted_4 = { class: "fec-form-link-content" };
+const _hoisted_5 = {
+  key: 0,
+  class: "tab-count"
+};
+const _sfc_main = {
+  __name: "FormAnchorNav",
+  props: {
+    links: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    fecFormRef: {
+      type: Object
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const props = __props;
+    const emit = __emit;
+    watch(
+      () => props.links,
+      (newLinks) => {
+        if (newLinks.length && !props.modelValue) {
+          emit("update:modelValue", newLinks[0].id);
+        }
+      },
+      { immediate: true }
+    );
+    let isClickScrolling = false;
+    function handleClick(e, link) {
+      e.preventDefault();
+      emit("update:modelValue", link.id);
+      emit("change", link);
+      const element = document.getElementById(link.id);
+      if (element) {
+        isClickScrolling = true;
+        element.scrollIntoView({ behavior: "smooth", block: "start" });
+        waitScrollEnd(() => {
+          isClickScrolling = false;
+        });
+      }
+    }
+    const scrollWrap = (_a = props.fecFormRef) == null ? void 0 : _a.$el.querySelector(".el-scrollbar__wrap");
+    scrollWrap == null ? void 0 : scrollWrap.addEventListener("scroll", onScroll);
+    function waitScrollEnd(callback) {
+      let timer = null;
+      if (!scrollWrap) return;
+      const handler = () => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          scrollWrap.removeEventListener("scroll", handler);
+          callback();
+        }, 150);
+      };
+      scrollWrap.addEventListener("scroll", handler);
+    }
+    function onScroll() {
+      if (isClickScrolling) return;
+      const top = scrollWrap.scrollTop;
+      let current = null;
+      for (const item of props.links) {
+        const el = document.getElementById(String(item.id));
+        if (!el) continue;
+        if (el.offsetTop <= top) current = item;
+      }
+      if (current) {
+        emit("update:modelValue", current.id);
+      }
+    }
+    return (_ctx, _cache) => {
+      return __props.links.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.links, (link) => {
+            return openBlock(), createElementBlock("a", {
+              key: link.id,
+              href: `#${link.id}`,
+              class: normalizeClass(["fec-form-link-item", { "is-active": __props.modelValue == link.id }]),
+              onClick: withModifiers(($event) => handleClick($event, link), ["prevent"])
+            }, [
+              createElementVNode("span", _hoisted_4, [
+                createTextVNode(toDisplayString(link.title) + " ", 1),
+                link.count ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(link.count) + ")", 1)) : createCommentVNode("", true)
+              ])
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+const FormAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c1a977b4"]]);
+export {
+  FormAnchorNav as default
+};

package/es/packages/vue/src/components/forms/form/RightAnchorNav.vue.mjs

@@ -0,0 +1,126 @@
+import "../../../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                          */
+import { ref, watch, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, withCtx, Fragment, renderList, createBlock, withModifiers, createCommentVNode, toDisplayString } from "vue";
+/* empty css                     */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElAnchor, ElAnchorLink } from "../../../../../../node_modules/element-plus/es/components/anchor/index.mjs";
+const _hoisted_1 = { class: "anchor-nav" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = {
+  __name: "RightAnchorNav",
+  props: {
+    links: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    fecFormRef: {
+      type: Object
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const props = __props;
+    const anchorRef = ref();
+    const emit = __emit;
+    watch(
+      () => props.links,
+      (newLinks) => {
+        if (newLinks.length && !props.modelValue) {
+          emit("update:modelValue", newLinks[0].id);
+        }
+      },
+      { immediate: true }
+    );
+    let isClickScrolling = false;
+    function handleClick(e, link) {
+      e.preventDefault();
+      emit("update:modelValue", link.id);
+      emit("change", link);
+      const element = document.getElementById(link.id);
+      if (element) {
+        isClickScrolling = true;
+        element.scrollIntoView({ behavior: "smooth", block: "start" });
+        waitScrollEnd(() => {
+          isClickScrolling = false;
+        });
+      }
+    }
+    const scrollWrap = (_a = props.fecFormRef) == null ? void 0 : _a.$el.querySelector(".el-scrollbar__wrap");
+    scrollWrap == null ? void 0 : scrollWrap.addEventListener("scroll", onScroll);
+    function waitScrollEnd(callback) {
+      let timer = null;
+      if (!scrollWrap) return;
+      const handler = () => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          scrollWrap.removeEventListener("scroll", handler);
+          callback();
+        }, 150);
+      };
+      scrollWrap.addEventListener("scroll", handler);
+    }
+    function onScroll() {
+      var _a2;
+      if (isClickScrolling) return;
+      const top = scrollWrap.scrollTop;
+      let current = null;
+      for (const item of props.links) {
+        const el = document.getElementById(String(item.id));
+        if (!el) continue;
+        if (el.offsetTop - 70 <= top) current = item;
+      }
+      if (current) {
+        emit("update:modelValue", current.id);
+        (_a2 = anchorRef.value) == null ? void 0 : _a2.scrollTo(`#${current.id}`);
+      }
+    }
+    onMounted(() => {
+      var _a2;
+      (_a2 = anchorRef.value) == null ? void 0 : _a2.scrollTo(`#${props.modelValue}`);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_anchor_link = ElAnchorLink;
+      const _component_el_anchor = ElAnchor;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "anchor-title" }, [
+          createElementVNode("div", { class: "label-line" }),
+          createTextVNode(" 导航 ")
+        ], -1)),
+        createVNode(_component_el_anchor, {
+          type: "underline",
+          offset: 70,
+          ref_key: "anchorRef",
+          ref: anchorRef
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.links, (link) => {
+              return openBlock(), createBlock(_component_el_anchor_link, {
+                key: link.id,
+                href: `#${link.id}`,
+                onClick: withModifiers(($event) => handleClick($event, link), ["prevent"])
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(link.title) + " ", 1),
+                  link.count ? (openBlock(), createElementBlock("span", _hoisted_2, "(" + toDisplayString(link.count) + ")", 1)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["href", "onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+};
+const RightAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a571766d"]]);
+export {
+  RightAnchorNav as default
+};

package/es/packages/vue/src/components/forms/h2/H2.vue.mjs

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString, renderSlot } from "vue";
 /* empty css         */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
-const _hoisted_1 = { class: "fec-h2" };
+const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "fec-label" };
 const _hoisted_3 = { class: "fec-label-title" };
 const _hoisted_4 = { class: "fec-label-sub-title" };
@@ -18,7 +18,10 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: "fec-h2",
+        id: __props.config.id
+      }, [
         _cache[0] || (_cache[0] = createElementVNode("div", { class: "fec-label-line" }, null, -1)),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, toDisplayString(__props.config.label), 1),
@@ -32,11 +35,11 @@ const _sfc_main = {
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ])
-      ]);
+      ], 8, _hoisted_1);
     };
   }
 };
-const _H2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6852826d"]]);
+const _H2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-203f2333"]]);
 export {
   _H2 as default
 };

package/es/packages/vue/src/components/forms/subTable/SubTable.vue.mjs

@@ -36,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     inject("gridLayout");
     const setFormItemHeight = inject("setFormItemHeight");
     const handleEvent = inject("handleEvent");
+    const heightMode = computed(() => {
+      return props.config.subTableHeightType || "auto";
+    });
     const btnRollbackEvent = computed(() => {
       const btnRollback = props.config.btnRollback || [];
       const data = {};
@@ -191,15 +194,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           mode: __props.config.subTableMode,
           titleMode: __props.config.titleMode,
           hasPagination: __props.config.isSubTablePagination,
-          heightMode: __props.config.subTableHeightType,
+          heightMode: unref(heightMode),
           height: __props.config.subTableHeight,
           maxHeight: __props.config.subTableMaxHeight,
           tableData: unref(subTableData),
           initSearchData: unref(initSearchData),
           canLoadBySearchData: __props.config.reloadOnParamsChange,
           readonly: __props.config.isSubTableReadOnly || __props.formMode == "query",
-          btnRollbackEvent: unref(btnRollbackEvent)
-        }, null, 8, ["templateKey", "mode", "titleMode", "hasPagination", "heightMode", "height", "maxHeight", "tableData", "initSearchData", "canLoadBySearchData", "readonly", "btnRollbackEvent"])
+          btnRollbackEvent: unref(btnRollbackEvent),
+          subTableConfig: __props.config
+        }, null, 8, ["templateKey", "mode", "titleMode", "hasPagination", "heightMode", "height", "maxHeight", "tableData", "initSearchData", "canLoadBySearchData", "readonly", "btnRollbackEvent", "subTableConfig"])
       ], 64);
     };
   }