@fecp/designer 5.6.23 → 5.6.26

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

@@ -0,0 +1,113 @@
+"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 = { 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"
+};
+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 formAnchorRef = 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) {
+      var _a2;
+      e.preventDefault();
+      emit("update:modelValue", link.id);
+      emit("change", link);
+      const fecForm = (_a2 = formAnchorRef.value) == null ? void 0 : _a2.closest(".fec-form");
+      const element = fecForm == null ? void 0 : fecForm.querySelector(`#comp_${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", {
+        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,
+              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_3, [
+                Vue.createTextVNode(Vue.toDisplayString(link.title) + " ", 1),
+                link.count ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4, "(" + Vue.toDisplayString(link.count) + ")", 1)) : Vue.createCommentVNode("", true)
+              ])
+            ], 10, _hoisted_2);
+          }), 128))
+        ])
+      ], 512)) : Vue.createCommentVNode("", true);
+    };
+  }
+};
+const FormAnchorNav = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1a0c9e5c"]]);
+exports.default = FormAnchorNav;

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

@@ -0,0 +1,128 @@
+"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) {
+      var _a2, _b;
+      e.preventDefault();
+      emit("update:modelValue", link.id);
+      emit("change", link);
+      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" });
+        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-298a5455"]]);
+exports.default = RightAnchorNav;

package/lib/packages/vue/src/components/forms/text/Text.vue.js

@@ -162,6 +162,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       fields: fieldsList,
       instance: {
         instance: {
+          ...instance,
           proxy: formCtx
         }
       },
@@ -267,5 +268,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Text = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-750b92ed"]]);
+const _Text = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-632db1b4"]]);
 exports.default = _Text;

package/lib/packages/vue/src/components/table/Table.vue.js

@@ -25,8 +25,6 @@ const common = require("../../utils/common.js");
 ;/* empty css                                                                  */
 require("../../utils/formulajs/functionCore.js");
 const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
-require("./index.js");
-require("../forms/form/index.js");
 ;/* empty css                                                                 */
 ;/* empty css                                                                   */
 ;/* empty css                            */
@@ -1030,5 +1028,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-28ff595c"]]);
-exports.default = Table;
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-28ff595c"]]);
+exports.default = _Table;

package/lib/packages/vue/src/components/table/TableColumn.vue.js

@@ -15,8 +15,6 @@ const common = require("../../utils/common.js");
 ;/* empty css                                                                  */
 require("../../utils/formulajs/functionCore.js");
 const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
-require("./index.js");
-require("../forms/form/index.js");
 ;/* empty css                            */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
 ;/* empty css                                                  */

package/lib/packages/vue/src/composables/usePageEvents.js

@@ -9,8 +9,6 @@ const Vue = require("vue");
 ;/* empty css                                                               */
 require("../utils/formulajs/functionCore.js");
 const eventFlowHandler = require("../utils/eventFlow/eventFlowHandler.js");
-require("../components/table/index.js");
-require("../components/forms/form/index.js");
 ;/* empty css                                       */
 ;/* empty css                                               */
 ;/* empty css                                                     */

package/lib/packages/vue/src/utils/eventFlowParser.js

@@ -293,19 +293,22 @@ class EventFlowParser {
    * 执行动作
    */
   async executeAction(node) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const handler = this.actionHandlers[node.actionType];
     if (!handler) {
       throw new Error(`未找到动作处理器: ${node.actionType}`);
     }
+    const rawInstance = (_a = this.options) == null ? void 0 : _a.instance;
+    const isWrapped = rawInstance && !rawInstance.appContext && rawInstance.instance;
+    const instance = isWrapped ? rawInstance.instance : rawInstance;
     const context = {
       parser: this,
-      instance: (_a = this.options) == null ? void 0 : _a.instance,
-      ctx: (_c = (_b = this.options) == null ? void 0 : _b.instance) == null ? void 0 : _c.proxy,
-      customActions: (_d = this.options) == null ? void 0 : _d.customActions,
-      localConfig: (_e = this.options) == null ? void 0 : _e.localConfig,
+      instance,
+      ctx: (rawInstance == null ? void 0 : rawInstance.proxy) ?? (instance == null ? void 0 : instance.proxy),
+      customActions: (_b = this.options) == null ? void 0 : _b.customActions,
+      localConfig: (_c = this.options) == null ? void 0 : _c.localConfig,
       components: this.components,
-      metadata: (_f = this.options) == null ? void 0 : _f.metadata
+      metadata: (_d = this.options) == null ? void 0 : _d.metadata
     };
     return await handler(node, this.data, this.fields, context);
   }

package/package.json

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