@fecp/designer 5.5.74 → 5.5.76

package/es/designer/package.json.mjs

@@ -1,4 +1,4 @@
-const version = "5.5.74";
+const version = "5.5.76";
 const packageJson = {
   version
 };

package/es/designer.css

@@ -6160,12 +6160,13 @@ body,
   display: flex;
   align-items: flex-end;
 }
-.fec-el-main[data-v-0d3ae9b5] {
+.fec-el-main[data-v-a59457ae] {
   padding: 0;
   background-color: #fff;
-  display: flex;
+  display: flex;
+  overflow: hidden;
 }
-[data-v-0d3ae9b5] .el-scrollbar__bar.is-horizontal {
+[data-v-a59457ae] .el-scrollbar__bar.is-horizontal {
   display: none !important;
 }
 
@@ -6184,11 +6185,11 @@ body,
   width: 80px;
   font-size: var(--el-font-size-extra-small);
 }
-.fec-form-nav[data-v-fe427ccb] {
+.fec-form-nav[data-v-9a61a028] {
   background: #fff;
   padding: 0 20px;
 }
-.fec-form-nav .fec-form-links[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links[data-v-9a61a028] {
   display: flex;
   flex-wrap: wrap;
   padding: 6px 0;
@@ -6196,12 +6197,12 @@ body,
   flex-direction: row;
   border-bottom: 1px solid #e4e7ed;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item[data-v-9a61a028] {
   padding: 0;
   text-decoration: none;
   flex-shrink: 0;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-9a61a028] {
   display: inline-flex;
   align-items: center;
   padding: 5px 12px;
@@ -6212,35 +6213,35 @@ body,
   cursor: pointer;
   white-space: nowrap;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-fe427ccb]:hover {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-9a61a028]:hover {
   color: #303133;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content:hover .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content:hover .tab-count[data-v-9a61a028] {
   color: inherit;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .tab-count[data-v-9a61a028] {
   margin-left: 2px;
   font-size: 12px;
   color: #c0c4cc;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item.is-active .fec-form-link-content[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item.is-active .fec-form-link-content[data-v-9a61a028] {
   color: var(--el-color-primary);
   background: #ecf5ff;
   font-weight: 500;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item.is-active .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item.is-active .tab-count[data-v-9a61a028] {
   color: var(--el-color-primary);
-}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-hover-color:var(--el-text-color-regular);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);opacity:0;z-index:0;border-radius:4px;position:absolute}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;transition:top .25s ease-in-out,opacity .25s;top:8px;left:0}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{content:"";background-color:#0505050f;width:2px;height:100%;position:absolute;left:0}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{width:20px;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;bottom:0}.el-anchor.el-anchor--horizontal .el-anchor__list{padding-bottom:4px;display:flex}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{content:"";background-color:#0505050f;width:100%;height:2px;position:absolute;bottom:0}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{flex-direction:column;display:flex}.el-anchor__link{font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);color:var(--el-anchor-color);transition:color var(--el-transition-duration);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;max-width:100%;padding:4px 0;text-decoration:none;overflow:hidden}.el-anchor__link:hover,.el-anchor__link:focus{color:var(--el-hover-color)}.el-anchor__link:focus-visible{border-radius:var(--el-border-radius-base);outline:2px solid var(--el-color-primary)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}[data-v-8e0e370c] .el-anchor__link:focus {
+}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-hover-color:var(--el-text-color-regular);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);opacity:0;z-index:0;border-radius:4px;position:absolute}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;transition:top .25s ease-in-out,opacity .25s;top:8px;left:0}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{content:"";background-color:#0505050f;width:2px;height:100%;position:absolute;left:0}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{width:20px;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;bottom:0}.el-anchor.el-anchor--horizontal .el-anchor__list{padding-bottom:4px;display:flex}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{content:"";background-color:#0505050f;width:100%;height:2px;position:absolute;bottom:0}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{flex-direction:column;display:flex}.el-anchor__link{font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);color:var(--el-anchor-color);transition:color var(--el-transition-duration);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;max-width:100%;padding:4px 0;text-decoration:none;overflow:hidden}.el-anchor__link:hover,.el-anchor__link:focus{color:var(--el-hover-color)}.el-anchor__link:focus-visible{border-radius:var(--el-border-radius-base);outline:2px solid var(--el-color-primary)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}[data-v-298a5455] .el-anchor__link:focus {
   color: #909399;
 }
-[data-v-8e0e370c] .el-anchor__link:hover {
+[data-v-298a5455] .el-anchor__link:hover {
   color: #303133;
 }
-[data-v-8e0e370c] .el-anchor__link.is-active {
+[data-v-298a5455] .el-anchor__link.is-active {
   /* color: var(--el-anchor-color); */
   color: var(--el-color-primary);
 }
-.anchor-nav[data-v-8e0e370c] {
+.anchor-nav[data-v-298a5455] {
   background: #fff;
   border-radius: 4px;
   padding: 16px;
@@ -6248,7 +6249,7 @@ body,
   top: 0px;
   height: 100%;
 }
-.label-line[data-v-8e0e370c] {
+.label-line[data-v-298a5455] {
   width: 4px;
   height: 16px;
   background-color: var(--el-color-primary);
@@ -6256,7 +6257,7 @@ body,
   margin-right: 10px;
   border-radius: 2px;
 }
-.anchor-title[data-v-8e0e370c] {
+.anchor-title[data-v-298a5455] {
   font-size: 18px;
   font-weight: bold;
   color: #303133;
@@ -6266,14 +6267,15 @@ body,
   align-items: center;
   flex-wrap: nowrap;
 }
-.fec-form[data-v-318c562a] {
+.fec-form[data-v-a795a882] {
   height: 100%;
 }
-.fec-form.inMinApp[data-v-318c562a] {
+.fec-form.inMinApp[data-v-a795a882] {
   height: 0px;
   flex: 1;
+  padding: 8px;
 }
-.fec-form-col[data-v-318c562a] {
+.fec-form-col[data-v-a795a882] {
   padding: 0px !important;
   display: flex !important;
   flex-direction: column;
@@ -6282,22 +6284,22 @@ body,
   overflow: hidden;
   flex: auto !important;
 }
-[data-v-318c562a] .vgl-layout {
+[data-v-a795a882] .vgl-layout {
   position: relative;
 }
-[data-v-318c562a] .vgl-item {
+[data-v-a795a882] .vgl-item {
   transition: none;
 }
-[data-v-318c562a] .vgl-item > .el-form-item {
+[data-v-a795a882] .vgl-item > .el-form-item {
   width: 100%;
   padding: 6px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-318c562a] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-a795a882] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-318c562a] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-a795a882] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: inline-flex;
   align-items: center;
@@ -6311,107 +6313,107 @@ body,
   flex-shrink: 0;
   min-height: 45px;
 }
-[data-v-318c562a] .vgl-item > .el-form-item {
+[data-v-a795a882] .vgl-item > .el-form-item {
   /* .el-form-item__error {
     padding-top: 10px;
   } */
 }
-[data-v-318c562a] .vgl-item > .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item > .el-form-item .el-input__wrapper {
   padding: 1px 12px;
 }
-[data-v-318c562a] .vgl-item > .el-container {
+[data-v-a795a882] .vgl-item > .el-container {
   height: auto !important;
 }
 @media (min-width: 1720px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 160px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 6px 8px 0 8px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 12px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 12px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 12px !important;
 }
 }
 /* 标准 PC（1200px ~ 1439px）*/
 @media (min-width: 1366px) and (max-width: 1719px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 130px !important;
     padding-right: 6px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 6px 0 0 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 8px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 8px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 8px !important;
 }
 }
 /* 2. 标准 PC 992px ~ 1199px */
 @media (min-width: 992px) and (max-width: 1365px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 125px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 6px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 6px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }
 /* 3. 小屏 PC / 窄窗口 <992px（最小到768px）*/
 @media (max-width: 991px) and (min-width: 768px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 100px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 4px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 4px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }
 /* 超小屏 <768px */
 @media (max-width: 767px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 80px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 2px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 2px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }.table-pagination[data-v-142fdd35] {

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

@@ -52,7 +52,7 @@ const _sfc_main = {
     };
   }
 };
-const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d3ae9b5"]]);
+const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a59457ae"]]);
 export {
   component as default
 };

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

@@ -1229,7 +1229,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-318c562a"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a795a882"]]);
 export {
   _Form as default
 };

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

@@ -1,14 +1,10 @@
-import { watch, createElementBlock, createCommentVNode, openBlock, createElementVNode, Fragment, renderList, withModifiers, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { ref, 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 = {
+const _hoisted_1 = { class: "fec-form-links" };
+const _hoisted_2 = ["href", "onClick"];
+const _hoisted_3 = { class: "fec-form-link-content" };
+const _hoisted_4 = {
   key: 0,
   class: "tab-count"
 };
@@ -31,6 +27,7 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     var _a;
     const props = __props;
+    const formAnchorRef = ref();
     const emit = __emit;
     watch(
       () => props.links,
@@ -43,10 +40,12 @@ const _sfc_main = {
     );
     let isClickScrolling = false;
     function handleClick(e, link) {
+      var _a2, _b;
       e.preventDefault();
       emit("update:modelValue", link.id);
       emit("change", link);
-      const element = document.getElementById(`comp_${link.id}`);
+      const fecForm = (_b = (_a2 = formAnchorRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.closest(".fec-form");
+      const element = fecForm == null ? void 0 : fecForm.querySelector(`#comp_${link.id}`);
       if (element) {
         isClickScrolling = true;
         element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -83,8 +82,13 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      return __props.links.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
+      return __props.links.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "fec-form-nav",
+        ref_key: "formAnchorRef",
+        ref: formAnchorRef
+      }, [
+        createElementVNode("div", _hoisted_1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.links, (link) => {
             return openBlock(), createElementBlock("a", {
               key: link.id,
@@ -92,18 +96,18 @@ const _sfc_main = {
               class: normalizeClass(["fec-form-link-item", { "is-active": __props.modelValue == link.id }]),
               onClick: withModifiers(($event) => handleClick($event, link), ["prevent"])
             }, [
-              createElementVNode("span", _hoisted_4, [
+              createElementVNode("span", _hoisted_3, [
                 createTextVNode(toDisplayString(link.title) + " ", 1),
-                link.count ? (openBlock(), createElementBlock("span", _hoisted_5, "(" + toDisplayString(link.count) + ")", 1)) : createCommentVNode("", true)
+                link.count ? (openBlock(), createElementBlock("span", _hoisted_4, "(" + toDisplayString(link.count) + ")", 1)) : createCommentVNode("", true)
               ])
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_2);
           }), 128))
         ])
-      ])) : createCommentVNode("", true);
+      ], 512)) : createCommentVNode("", true);
     };
   }
 };
-const FormAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe427ccb"]]);
+const FormAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a61a028"]]);
 export {
   FormAnchorNav as default
 };

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

@@ -40,10 +40,12 @@ const _sfc_main = {
     );
     let isClickScrolling = false;
     function handleClick(e, link) {
+      var _a2, _b;
       e.preventDefault();
       emit("update:modelValue", link.id);
       emit("change", link);
-      const element = document.getElementById(`comp_${link.id}`);
+      const fecForm = (_b = (_a2 = anchorRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.closest(".fec-form");
+      const element = fecForm == null ? void 0 : fecForm.querySelector(`#comp_${link.id}`);
       if (element) {
         isClickScrolling = true;
         element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -120,7 +122,7 @@ const _sfc_main = {
     };
   }
 };
-const RightAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e0e370c"]]);
+const RightAnchorNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-298a5455"]]);
 export {
   RightAnchorNav as default
 };

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.5.74";
+const version = "5.5.76";
 const packageJson = {
   version
 };

package/lib/designer.css

@@ -6160,12 +6160,13 @@ body,
   display: flex;
   align-items: flex-end;
 }
-.fec-el-main[data-v-0d3ae9b5] {
+.fec-el-main[data-v-a59457ae] {
   padding: 0;
   background-color: #fff;
-  display: flex;
+  display: flex;
+  overflow: hidden;
 }
-[data-v-0d3ae9b5] .el-scrollbar__bar.is-horizontal {
+[data-v-a59457ae] .el-scrollbar__bar.is-horizontal {
   display: none !important;
 }
 
@@ -6184,11 +6185,11 @@ body,
   width: 80px;
   font-size: var(--el-font-size-extra-small);
 }
-.fec-form-nav[data-v-fe427ccb] {
+.fec-form-nav[data-v-9a61a028] {
   background: #fff;
   padding: 0 20px;
 }
-.fec-form-nav .fec-form-links[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links[data-v-9a61a028] {
   display: flex;
   flex-wrap: wrap;
   padding: 6px 0;
@@ -6196,12 +6197,12 @@ body,
   flex-direction: row;
   border-bottom: 1px solid #e4e7ed;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item[data-v-9a61a028] {
   padding: 0;
   text-decoration: none;
   flex-shrink: 0;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-9a61a028] {
   display: inline-flex;
   align-items: center;
   padding: 5px 12px;
@@ -6212,35 +6213,35 @@ body,
   cursor: pointer;
   white-space: nowrap;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-fe427ccb]:hover {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content[data-v-9a61a028]:hover {
   color: #303133;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content:hover .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .fec-form-link-content:hover .tab-count[data-v-9a61a028] {
   color: inherit;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item .tab-count[data-v-9a61a028] {
   margin-left: 2px;
   font-size: 12px;
   color: #c0c4cc;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item.is-active .fec-form-link-content[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item.is-active .fec-form-link-content[data-v-9a61a028] {
   color: var(--el-color-primary);
   background: #ecf5ff;
   font-weight: 500;
 }
-.fec-form-nav .fec-form-links .fec-form-link-item.is-active .tab-count[data-v-fe427ccb] {
+.fec-form-nav .fec-form-links .fec-form-link-item.is-active .tab-count[data-v-9a61a028] {
   color: var(--el-color-primary);
-}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-hover-color:var(--el-text-color-regular);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);opacity:0;z-index:0;border-radius:4px;position:absolute}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;transition:top .25s ease-in-out,opacity .25s;top:8px;left:0}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{content:"";background-color:#0505050f;width:2px;height:100%;position:absolute;left:0}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{width:20px;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;bottom:0}.el-anchor.el-anchor--horizontal .el-anchor__list{padding-bottom:4px;display:flex}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{content:"";background-color:#0505050f;width:100%;height:2px;position:absolute;bottom:0}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{flex-direction:column;display:flex}.el-anchor__link{font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);color:var(--el-anchor-color);transition:color var(--el-transition-duration);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;max-width:100%;padding:4px 0;text-decoration:none;overflow:hidden}.el-anchor__link:hover,.el-anchor__link:focus{color:var(--el-hover-color)}.el-anchor__link:focus-visible{border-radius:var(--el-border-radius-base);outline:2px solid var(--el-color-primary)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}[data-v-8e0e370c] .el-anchor__link:focus {
+}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-hover-color:var(--el-text-color-regular);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);opacity:0;z-index:0;border-radius:4px;position:absolute}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;transition:top .25s ease-in-out,opacity .25s;top:8px;left:0}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{content:"";background-color:#0505050f;width:2px;height:100%;position:absolute;left:0}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{width:20px;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;bottom:0}.el-anchor.el-anchor--horizontal .el-anchor__list{padding-bottom:4px;display:flex}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{content:"";background-color:#0505050f;width:100%;height:2px;position:absolute;bottom:0}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{flex-direction:column;display:flex}.el-anchor__link{font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);color:var(--el-anchor-color);transition:color var(--el-transition-duration);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;max-width:100%;padding:4px 0;text-decoration:none;overflow:hidden}.el-anchor__link:hover,.el-anchor__link:focus{color:var(--el-hover-color)}.el-anchor__link:focus-visible{border-radius:var(--el-border-radius-base);outline:2px solid var(--el-color-primary)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}[data-v-298a5455] .el-anchor__link:focus {
   color: #909399;
 }
-[data-v-8e0e370c] .el-anchor__link:hover {
+[data-v-298a5455] .el-anchor__link:hover {
   color: #303133;
 }
-[data-v-8e0e370c] .el-anchor__link.is-active {
+[data-v-298a5455] .el-anchor__link.is-active {
   /* color: var(--el-anchor-color); */
   color: var(--el-color-primary);
 }
-.anchor-nav[data-v-8e0e370c] {
+.anchor-nav[data-v-298a5455] {
   background: #fff;
   border-radius: 4px;
   padding: 16px;
@@ -6248,7 +6249,7 @@ body,
   top: 0px;
   height: 100%;
 }
-.label-line[data-v-8e0e370c] {
+.label-line[data-v-298a5455] {
   width: 4px;
   height: 16px;
   background-color: var(--el-color-primary);
@@ -6256,7 +6257,7 @@ body,
   margin-right: 10px;
   border-radius: 2px;
 }
-.anchor-title[data-v-8e0e370c] {
+.anchor-title[data-v-298a5455] {
   font-size: 18px;
   font-weight: bold;
   color: #303133;
@@ -6266,14 +6267,15 @@ body,
   align-items: center;
   flex-wrap: nowrap;
 }
-.fec-form[data-v-318c562a] {
+.fec-form[data-v-a795a882] {
   height: 100%;
 }
-.fec-form.inMinApp[data-v-318c562a] {
+.fec-form.inMinApp[data-v-a795a882] {
   height: 0px;
   flex: 1;
+  padding: 8px;
 }
-.fec-form-col[data-v-318c562a] {
+.fec-form-col[data-v-a795a882] {
   padding: 0px !important;
   display: flex !important;
   flex-direction: column;
@@ -6282,22 +6284,22 @@ body,
   overflow: hidden;
   flex: auto !important;
 }
-[data-v-318c562a] .vgl-layout {
+[data-v-a795a882] .vgl-layout {
   position: relative;
 }
-[data-v-318c562a] .vgl-item {
+[data-v-a795a882] .vgl-item {
   transition: none;
 }
-[data-v-318c562a] .vgl-item > .el-form-item {
+[data-v-a795a882] .vgl-item > .el-form-item {
   width: 100%;
   padding: 6px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-318c562a] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-a795a882] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-318c562a] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-a795a882] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: inline-flex;
   align-items: center;
@@ -6311,107 +6313,107 @@ body,
   flex-shrink: 0;
   min-height: 45px;
 }
-[data-v-318c562a] .vgl-item > .el-form-item {
+[data-v-a795a882] .vgl-item > .el-form-item {
   /* .el-form-item__error {
     padding-top: 10px;
   } */
 }
-[data-v-318c562a] .vgl-item > .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item > .el-form-item .el-input__wrapper {
   padding: 1px 12px;
 }
-[data-v-318c562a] .vgl-item > .el-container {
+[data-v-a795a882] .vgl-item > .el-container {
   height: auto !important;
 }
 @media (min-width: 1720px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 160px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 6px 8px 0 8px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 12px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 12px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 12px !important;
 }
 }
 /* 标准 PC（1200px ~ 1439px）*/
 @media (min-width: 1366px) and (max-width: 1719px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 130px !important;
     padding-right: 6px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 6px 0 0 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 8px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 8px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 8px !important;
 }
 }
 /* 2. 标准 PC 992px ~ 1199px */
 @media (min-width: 992px) and (max-width: 1365px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 125px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 6px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 6px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }
 /* 3. 小屏 PC / 窄窗口 <992px（最小到768px）*/
 @media (max-width: 991px) and (min-width: 768px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 100px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 4px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 4px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }
 /* 超小屏 <768px */
 @media (max-width: 767px) {
-[data-v-318c562a] .vgl-item .el-form-item__label {
+[data-v-a795a882] .vgl-item .el-form-item__label {
     max-width: 80px !important;
     padding-right: 4px !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item {
+[data-v-a795a882] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 2px;
 }
-[data-v-318c562a] .vgl-item .el-form-item .el-select__wrapper {
+[data-v-a795a882] .vgl-item .el-form-item .el-select__wrapper {
     padding: 8px 2px;
 }
-.fec-el-form[data-v-318c562a] {
+.fec-el-form[data-v-a795a882] {
     padding: 6px !important;
 }
 }.table-pagination[data-v-142fdd35] {

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

@@ -54,5 +54,5 @@ const _sfc_main = {
     };
   }
 };
-const component = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0d3ae9b5"]]);
+const component = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a59457ae"]]);
 exports.default = component;

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

@@ -1231,5 +1231,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-318c562a"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a795a882"]]);
 exports.default = _Form;

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

@@ -3,14 +3,10 @@ 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 = {
-  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 = {
+const _hoisted_1 = { class: "fec-form-links" };
+const _hoisted_2 = ["href", "onClick"];
+const _hoisted_3 = { class: "fec-form-link-content" };
+const _hoisted_4 = {
   key: 0,
   class: "tab-count"
 };
@@ -33,6 +29,7 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     var _a;
     const props = __props;
+    const formAnchorRef = Vue.ref();
     const emit = __emit;
     Vue.watch(
       () => props.links,
@@ -45,10 +42,12 @@ const _sfc_main = {
     );
     let isClickScrolling = false;
     function handleClick(e, link) {
+      var _a2, _b;
       e.preventDefault();
       emit("update:modelValue", link.id);
       emit("change", link);
-      const element = document.getElementById(`comp_${link.id}`);
+      const fecForm = (_b = (_a2 = formAnchorRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.closest(".fec-form");
+      const element = fecForm == null ? void 0 : fecForm.querySelector(`#comp_${link.id}`);
       if (element) {
         isClickScrolling = true;
         element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -85,8 +84,13 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      return __props.links.length ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createElementVNode("div", _hoisted_2, [
+      return __props.links.length ? (Vue.openBlock(), Vue.createElementBlock("div", {
+        key: 0,
+        class: "fec-form-nav",
+        ref_key: "formAnchorRef",
+        ref: formAnchorRef
+      }, [
+        Vue.createElementVNode("div", _hoisted_1, [
           (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.links, (link) => {
             return Vue.openBlock(), Vue.createElementBlock("a", {
               key: link.id,
@@ -94,16 +98,16 @@ const _sfc_main = {
               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.createElementVNode("span", _hoisted_3, [
                 Vue.createTextVNode(Vue.toDisplayString(link.title) + " ", 1),
-                link.count ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_5, "(" + Vue.toDisplayString(link.count) + ")", 1)) : Vue.createCommentVNode("", true)
+                link.count ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4, "(" + Vue.toDisplayString(link.count) + ")", 1)) : Vue.createCommentVNode("", true)
               ])
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_2);
           }), 128))
         ])
-      ])) : Vue.createCommentVNode("", true);
+      ], 512)) : Vue.createCommentVNode("", true);
     };
   }
 };
-const FormAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-fe427ccb"]]);
+const FormAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-9a61a028"]]);
 exports.default = FormAnchorNav;

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

@@ -42,10 +42,12 @@ const _sfc_main = {
     );
     let isClickScrolling = false;
     function handleClick(e, link) {
+      var _a2, _b;
       e.preventDefault();
       emit("update:modelValue", link.id);
       emit("change", link);
-      const element = document.getElementById(`comp_${link.id}`);
+      const fecForm = (_b = (_a2 = anchorRef.value) == null ? void 0 : _a2.$el) == null ? void 0 : _b.closest(".fec-form");
+      const element = fecForm == null ? void 0 : fecForm.querySelector(`#comp_${link.id}`);
       if (element) {
         isClickScrolling = true;
         element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -122,5 +124,5 @@ const _sfc_main = {
     };
   }
 };
-const RightAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8e0e370c"]]);
+const RightAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-298a5455"]]);
 exports.default = RightAnchorNav;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.5.74",
+  "version": "5.5.76",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [