@fecp/designer 5.5.53 → 5.5.57

package/lib/packages/vue/src/components/details/main/Main.vue.js

@@ -5,6 +5,8 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                   */
 ;/* empty css                                                                        */
 const Vue = require("vue");
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/container/index.js");
 const index$1 = require("../../../../../../node_modules/element-plus/es/components/scrollbar/index.js");
 const _sfc_main = {
@@ -32,7 +34,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_el_scrollbar = index$1.ElScrollbar;
       const _component_el_main = index.ElMain;
-      return Vue.openBlock(), Vue.createBlock(_component_el_main, { style: { "padding": "0", "background-color": "#fff", "display": "flex" } }, {
+      return Vue.openBlock(), Vue.createBlock(_component_el_main, { class: "fec-el-main" }, {
         default: Vue.withCtx(() => [
           props.scrollbar ? (Vue.openBlock(), Vue.createBlock(_component_el_scrollbar, {
             key: 0,
@@ -42,14 +44,15 @@ const _sfc_main = {
             style: { "flex": "1" }
           }, {
             default: Vue.withCtx(() => [
-              Vue.renderSlot(_ctx.$slots, "default")
+              Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             _: 3
-          }, 512)) : Vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+          }, 512)) : Vue.renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
         ]),
         _: 3
       });
     };
   }
 };
-exports.default = _sfc_main;
+const component = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3ba17464"]]);
+exports.default = component;

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -7,12 +7,13 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                     */
 ;/* empty css                                                                     */
 ;/* empty css                                                                   */
+;/* empty css                                                                  */
 ;/* empty css                                                                   */
 const Vue = require("vue");
 require("../../../../../../node_modules/grid-layout-plus/es/index.js");
 const getInstance = require("../../../utils/getInstance.js");
 const getJsonAsyncUtil = require("../../../utils/getJsonAsyncUtil.js");
-const index$6 = require("../formItem/index.js");
+const index$7 = require("../formItem/index.js");
 const datasource = require("../../../utils/datasource.js");
 const validation = require("./validation.js");
 const parseRouteParams = require("../../../utils/parseRouteParams.js");
@@ -40,15 +41,19 @@ const index$1 = require("../../../api/index.js");
 ;/* empty css                                                                    */
 ;/* empty css                                                                          */
 const usePageEvents = require("../../../composables/usePageEvents.js");
-const index$3 = require("../../details/header/index.js");
-const index$4 = require("../../details/main/index.js");
-const index$7 = require("../../details/footer/index.js");
+const index$4 = require("../../details/header/index.js");
+const index$5 = require("../../details/main/index.js");
+const index$8 = require("../../details/footer/index.js");
+const FormAnchorNav = require("./FormAnchorNav.vue.js");
+const RightAnchorNav = require("./RightAnchorNav.vue.js");
 const parseFilterConfig = require("../../../utils/parseFilterConfig.js");
 const moment = require("../../../../../../node_modules/moment/dist/moment.js");
+const eventBus = require("../../../utils/eventBus.js");
 ;/* empty css           */
 const index = require("../../../../../../node_modules/element-plus/es/components/message/index.js");
 const index$2 = require("../../../../../../node_modules/element-plus/es/components/container/index.js");
-const index$5 = require("../../../../../../node_modules/element-plus/es/components/form/index.js");
+const index$3 = require("../../../../../../node_modules/element-plus/es/components/col/index.js");
+const index$6 = require("../../../../../../node_modules/element-plus/es/components/form/index.js");
 const gridLayout_vue = require("../../../../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.js");
 const _hoisted_1 = ["name", "value"];
 const _sfc_main = /* @__PURE__ */ Object.assign({
@@ -108,6 +113,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const emit = __emit;
     const instance = Vue.getCurrentInstance();
     const ctx = getInstance.getCurrentVueInstance();
+    const fecFormRef = Vue.ref(null);
     const formRef = Vue.ref(null);
     const gridLayout = Vue.ref(null);
     const configLoading = Vue.ref(true);
@@ -958,12 +964,63 @@ 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 = Vue.ref({});
+    const navLinkCompId = Vue.ref("");
+    const anchorNavLinks = Vue.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);
+      if (list.length == 0) {
+        return list;
+      }
+      return [{ id: baseId, title: "基本信息" }, ...list];
+    });
+    eventBus.default.on("onSubTableDataLoaded", ({ subTableConfig, visibleData }) => {
+      const id = subTableConfig.id;
+      const count = (visibleData == null ? void 0 : visibleData.length) || 0;
+      subTableCounts.value[id] = count;
+    });
+    const navType = Vue.computed(() => {
+      var _a;
+      if ((localConfig.navigationEnabled ?? false) && !props.isSubForm && ((_a = anchorNavLinks.value) == null ? void 0 : _a.length) > 0 && fecFormRef.value) {
+        if (fecFormRef.value.$el.closest(".fec-layout-row")) {
+          return "top";
+        } else {
+          return "right";
+        }
+      } else {
+        return "";
+      }
+    });
     function initLinkage() {
       const changedFields = findChangedFields(formData.value, prevFormData.value);
-      console.log("🚀 ~ initLinkage ~ changedFields:", changedFields);
       if (changedFields.length > 0) {
         applyLinkageEffectsForChangedFields(changedFields);
       }
@@ -1027,94 +1084,131 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       hasSaveButton
     });
     return (_ctx, _cache) => {
-      const _component_el_form = index$5.ElForm;
+      const _component_el_form = index$6.ElForm;
+      const _component_el_col = index$3.ElCol;
       const _component_el_container = index$2.ElContainer;
-      return !configLoading.value ? (Vue.openBlock(), Vue.createBlock(_component_el_container, {
+      const _directive_fec_layout = Vue.resolveDirective("fec-layout");
+      return !configLoading.value ? Vue.withDirectives((Vue.openBlock(), Vue.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: Vue.withCtx(() => [
-          Vue.createVNode(Vue.unref(index$3.header), {
-            showBack: !__props.isSubForm && !__props.isDialog,
-            isApproval: __props.isApproval,
-            pageHeaderConfig: localConfig.value.pageHeaderConfig,
-            onActionClick: handleActionClick
-          }, null, 8, ["showBack", "isApproval", "pageHeaderConfig"]),
-          Vue.createVNode(Vue.unref(index$4.main), {
-            scrollbar: !__props.isDialog
+          Vue.createVNode(_component_el_col, {
+            span: Vue.unref(navType) == "right" ? 21 : 24,
+            class: "fec-form-col",
+            style: Vue.normalizeStyle({ marginRight: Vue.unref(navType) == "right" ? "4px" : "0" })
           }, {
             default: Vue.withCtx(() => [
-              Vue.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: Vue.normalizeClass({ "fec-el-form": !__props.isSubForm }),
-                "validate-on-rule-change": false,
-                size: "large",
-                "scroll-to-error": ""
+              Vue.createVNode(Vue.unref(index$4.header), {
+                showBack: !__props.isSubForm && !__props.isDialog,
+                isApproval: __props.isApproval,
+                pageHeaderConfig: localConfig.value.pageHeaderConfig,
+                onActionClick: handleActionClick
+              }, null, 8, ["showBack", "isApproval", "pageHeaderConfig"]),
+              Vue.unref(navType) == "top" ? (Vue.openBlock(), Vue.createBlock(FormAnchorNav.default, {
+                key: 0,
+                fecFormRef: fecFormRef.value,
+                links: Vue.unref(anchorNavLinks),
+                modelValue: navLinkCompId.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => navLinkCompId.value = $event)
+              }, null, 8, ["fecFormRef", "links", "modelValue"])) : Vue.createCommentVNode("", true),
+              Vue.createVNode(Vue.unref(index$5.main), {
+                scrollbar: !__props.isDialog
               }, {
                 default: Vue.withCtx(() => [
-                  Vue.createVNode(Vue.unref(gridLayout_vue.default), {
-                    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
+                  Vue.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: Vue.normalizeClass({ "fec-el-form": !__props.isSubForm }),
+                    "validate-on-rule-change": false,
+                    size: "large",
+                    "scroll-to-error": ""
                   }, {
-                    item: Vue.withCtx(({ item: { component } }) => [
-                      Vue.createVNode(Vue.unref(index$6.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: Vue.withCtx(() => [
+                      Vue.createVNode(Vue.unref(gridLayout_vue.default), {
+                        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: Vue.withCtx(({ item: { component } }) => [
+                          Vue.createVNode(Vue.unref(index$7.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"]),
+                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(hiddenFields.value, (field) => {
+                        return Vue.openBlock(), Vue.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"]),
-                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(hiddenFields.value, (field) => {
-                    return Vue.openBlock(), Vue.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 ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$8.footer), {
+                key: 1,
+                formMode: formMode.value,
+                pageFooterConfig: localConfig.value.pageFooterConfig,
+                onCustomButtonClick: handleCustomButtonClick
+              }, null, 8, ["formMode", "pageFooterConfig"])) : Vue.createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["scrollbar"]),
-          !__props.isSubForm && !__props.isDialog && !__props.isApproval ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$7.footer), {
+          }, 8, ["span", "style"]),
+          Vue.unref(navType) == "right" ? (Vue.openBlock(), Vue.createBlock(_component_el_col, {
             key: 0,
-            formMode: formMode.value,
-            pageFooterConfig: localConfig.value.pageFooterConfig,
-            onCustomButtonClick: handleCustomButtonClick
-          }, null, 8, ["formMode", "pageFooterConfig"])) : Vue.createCommentVNode("", true)
+            span: 3,
+            class: "fec-form-col",
+            style: { "margin-left": "4px" }
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(RightAnchorNav.default, {
+                fecFormRef: fecFormRef.value,
+                links: Vue.unref(anchorNavLinks),
+                modelValue: navLinkCompId.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => navLinkCompId.value = $event)
+              }, null, 8, ["fecFormRef", "links", "modelValue"])
+            ]),
+            _: 1
+          })) : Vue.createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["data-id", "data-name", "data-pkId"])) : Vue.createCommentVNode("", true);
+      }, 8, ["data-id", "data-name", "data-pkId"])), [
+        [_directive_fec_layout]
+      ]) : Vue.createCommentVNode("", true);
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0a538ee8"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4da49520"]]);
 exports.default = _Form;

package/lib/packages/vue/src/components/forms/form/FormAnchorNav.vue.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+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;
+    Vue.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 ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", _hoisted_2, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.links, (link) => {
+            return Vue.openBlock(), Vue.createElementBlock("a", {
+              key: link.id,
+              href: `#${link.id}`,
+              class: Vue.normalizeClass(["fec-form-link-item", { "is-active": __props.modelValue == link.id }]),
+              onClick: Vue.withModifiers(($event) => handleClick($event, link), ["prevent"])
+            }, [
+              Vue.createElementVNode("span", _hoisted_4, [
+                Vue.createTextVNode(Vue.toDisplayString(link.title) + " ", 1),
+                link.count ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_5, "(" + Vue.toDisplayString(link.count) + ")", 1)) : Vue.createCommentVNode("", true)
+              ])
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+};
+const FormAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c1a977b4"]]);
+exports.default = FormAnchorNav;

package/lib/packages/vue/src/components/forms/form/RightAnchorNav.vue.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                                */
+;/* empty css                                                                     */
+;/* empty css                                                                          */
+const Vue = require("vue");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../../../node_modules/element-plus/es/components/anchor/index.js");
+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 = Vue.ref();
+    const emit = __emit;
+    Vue.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}`);
+      }
+    }
+    Vue.onMounted(() => {
+      var _a2;
+      (_a2 = anchorRef.value) == null ? void 0 : _a2.scrollTo(`#${props.modelValue}`);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_anchor_link = index.ElAnchorLink;
+      const _component_el_anchor = index.ElAnchor;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = Vue.createElementVNode("div", { class: "anchor-title" }, [
+          Vue.createElementVNode("div", { class: "label-line" }),
+          Vue.createTextVNode(" 导航 ")
+        ], -1)),
+        Vue.createVNode(_component_el_anchor, {
+          type: "underline",
+          offset: 70,
+          ref_key: "anchorRef",
+          ref: anchorRef
+        }, {
+          default: Vue.withCtx(() => [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.links, (link) => {
+              return Vue.openBlock(), Vue.createBlock(_component_el_anchor_link, {
+                key: link.id,
+                href: `#${link.id}`,
+                onClick: Vue.withModifiers(($event) => handleClick($event, link), ["prevent"])
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(link.title) + " ", 1),
+                  link.count ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_2, "(" + Vue.toDisplayString(link.count) + ")", 1)) : Vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["href", "onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+};
+const RightAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a571766d"]]);
+exports.default = RightAnchorNav;

package/lib/packages/vue/src/components/forms/h2/H2.vue.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const Vue = require("vue");
 ;/* empty css         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-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" };
@@ -20,7 +20,10 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "fec-h2",
+        id: __props.config.id
+      }, [
         _cache[0] || (_cache[0] = Vue.createElementVNode("div", { class: "fec-label-line" }, null, -1)),
         Vue.createElementVNode("div", _hoisted_2, [
           Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(__props.config.label), 1),
@@ -34,9 +37,9 @@ const _sfc_main = {
             Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ])
-      ]);
+      ], 8, _hoisted_1);
     };
   }
 };
-const _H2 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-6852826d"]]);
+const _H2 = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-203f2333"]]);
 exports.default = _H2;

package/lib/packages/vue/src/components/forms/subTable/SubTable.vue.js

@@ -203,8 +203,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           initSearchData: Vue.unref(initSearchData),
           canLoadBySearchData: __props.config.reloadOnParamsChange,
           readonly: __props.config.isSubTableReadOnly || __props.formMode == "query",
-          btnRollbackEvent: Vue.unref(btnRollbackEvent)
-        }, null, 8, ["templateKey", "mode", "titleMode", "hasPagination", "heightMode", "height", "maxHeight", "tableData", "initSearchData", "canLoadBySearchData", "readonly", "btnRollbackEvent"])
+          btnRollbackEvent: Vue.unref(btnRollbackEvent),
+          subTableConfig: __props.config
+        }, null, 8, ["templateKey", "mode", "titleMode", "hasPagination", "heightMode", "height", "maxHeight", "tableData", "initSearchData", "canLoadBySearchData", "readonly", "btnRollbackEvent", "subTableConfig"])
       ], 64);
     };
   }