super-page-runtime 2.2.83 → 2.2.89

package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue2.js

@@ -1,76 +1,79 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, createElementBlock as r, openBlock as s, createCommentVNode as u, createElementVNode as f, normalizeStyle as c, normalizeClass as d, renderSlot as p } from "vue";
-const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: v2 }) {
-  const m = e2, w = v2, h = t(null), g = t(null), x = t(false), y = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = () => {
+import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, resolveDirective as r, createElementBlock as s, openBlock as u, normalizeStyle as f, withDirectives as c, normalizeClass as d, renderSlot as v } from "vue";
+const p = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change"], setup(e2, { emit: p2 }) {
+  const h = e2, m = p2, g = t(null), w = t(null), x = t(false), y = t({}), b = t([]), T = t(window), B = t(0), I = t(null), E = (e3) => {
+    e3.contentRect.height && (y.value.height = e3.contentRect.height);
+  }, S = () => {
     try {
-      if (!g.value) return;
-      const e3 = g.value.getBoundingClientRect(), t2 = T.value;
+      if (!w.value) return;
+      const e3 = w.value.getBoundingClientRect(), t2 = T.value;
       if (t2 === window) {
-        const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
-        B.value = 0, S(t3, e3);
-      } else if (m.stickyInScrollContainer) {
+        const t3 = "top" === h.position ? e3.top <= h.offset : e3.bottom >= window.innerHeight - h.offset;
+        B.value = 0, R(t3, e3);
+      } else if (h.stickyInScrollContainer) {
         const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
-          const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
-          if (!h.value) return { isTop: t3, isBottom: o3 };
-          const n3 = h.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
-          return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
+          const t3 = ["top"].includes(h.position), o3 = ["bottom"].includes(h.position);
+          if (!g.value) return { isTop: t3, isBottom: o3 };
+          const n3 = g.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, r2 = e4.top, s2 = window.innerHeight - e4.bottom;
+          return { isTop: t3, isBottom: o3, containerTop: r2, containerBottom: s2, containerOffset: t3 ? r2 : o3 ? s2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 < 0, isFixBottom: o3 && a2 < 0 };
         })(o2);
-        B.value = l2 ?? 0, S(n2 || i2 || false, e3);
+        B.value = l2 ?? 0, R(n2 || i2 || false, e3);
       }
     } catch (e3) {
-      console.error(e3);
     }
-  }, S = (e3, t2) => {
+  }, R = (e3, t2) => {
     var _a;
-    e3 === x.value && ((_a = y.value) == null ? void 0 : _a.height) === `${t2.height}px` || (x.value = e3, w("change", e3), y.value = e3 ? { width: "100%", height: `${t2.height}px` } : {});
-  }, C = () => {
-    requestAnimationFrame(E);
+    t2.height && (e3 === x.value && ((_a = y.value) == null ? void 0 : _a.height) === `${t2.height}px` || (x.value = e3, m("change", e3), y.value = e3 ? { width: "100%", height: `${t2.height}px` } : {}));
+  }, z = () => {
+    requestAnimationFrame(S);
   };
-  let L;
-  const k = () => {
-    x.value = false, clearTimeout(L), L = window.setTimeout(() => {
-      E();
+  let C;
+  const L = () => {
+    x.value = false, clearTimeout(C), C = window.setTimeout(() => {
+      S();
     }, 100);
   };
   o(() => {
     setTimeout(() => {
       n(() => {
         try {
-          m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
+          h.enableIntervalUpdate && (I.value = setInterval(z, h.enableIntervalTime));
           const e3 = (() => {
-            if (m.autoDetectParentScroll && g.value) {
+            if (h.autoDetectParentScroll && w.value) {
               const e4 = [];
-              let t2 = g.value.parentElement;
+              let t2 = w.value.parentElement;
               for (; t2 && t2 !== document.body; ) {
                 const { overflowY: o2 } = window.getComputedStyle(t2);
                 /(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
               }
               return [...e4, window];
             }
-            if ("string" == typeof m.target) {
-              const e4 = document.querySelector(m.target);
+            if ("string" == typeof h.target) {
+              const e4 = document.querySelector(h.target);
               return [...e4 ? [e4] : [], window];
             }
             return [window];
           })();
-          console.log("检测父级滚动节点", e3), b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E();
+          b.value = e3, T.value = e3[0], b.value.forEach((e4) => e4.addEventListener("scroll", z)), window.addEventListener("resize", L), S();
         } catch (e3) {
-          console.error(e3);
         }
       });
     }, 100);
   }), i(() => {
-    T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
+    T.value && b.value.forEach((e3) => e3.removeEventListener("scroll", z)), window.removeEventListener("resize", L), clearTimeout(C), I.value && clearInterval(I.value);
   }), l(() => {
     n(() => {
-      C();
+      z();
     });
   });
-  const z = a(() => {
-    var _a;
-    return x.value ? { position: "fixed", width: `${(_a = g.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + B.value}px` } : { position: "relative" };
+  const F = a(() => {
+    var _a, _b;
+    return x.value && ((_a = w.value) == null ? void 0 : _a.offsetWidth) ? { position: "fixed", width: `${(_b = w.value) == null ? void 0 : _b.offsetWidth}px`, zIndex: h.zIndex, [h.position]: `${h.offset + B.value}px` } : { position: "relative" };
   });
-  return (e3, t2) => (s(), r("div", { ref_key: "affixMainRef", ref: h, class: "yx-affix" }, [x.value ? (s(), r("div", { key: 0, style: c(y.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: g, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": x.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default", {}, void 0, true)], 6)], 512));
+  return (e3, t2) => {
+    const o2 = r("resize");
+    return u(), s("div", { ref_key: "affixMainRef", ref: g, class: "yx-affix", style: f({ height: x.value ? y.value.height : void 0 }) }, [c((u(), s("div", { ref_key: "affixRef", ref: w, style: f(F.value), class: d([{ "is-fixed": x.value, "is-top": "top" === h.position, "is-bottom": "bottom" === h.position }, "yx-affix-content"]) }, [v(e3.$slots, "default", {}, void 0, true)], 6)), [[o2, E]])], 4);
+  };
 } });
 export {
-  v as default
+  p as default
 };

package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue.js

@@ -1,7 +1,7 @@
 import t from "./tabs-runtime.vue2.js";
 /* empty css                  */
 import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = e(t, [["__scopeId", "data-v-3a587c94"]]);
+const r = e(t, [["__scopeId", "data-v-9d724974"]]);
 export {
   r as default
 };

package/dist/es/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js

@@ -1,13 +1,16 @@
-import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as p, createElementBlock as c, Fragment as s, renderList as g, createCommentVNode as f, createElementVNode as m, toDisplayString as d } from "vue";
-import { ElTabs as y, ElTabPane as b } from "element-plus";
-import x from "../../object-render.vue.js";
-import { SuperIcon as C } from "agilebuilder-ui";
-import { handleAfterInitEvent as v, handleEvent as T } from "../../../../utils/events/event-util.js";
+import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as f, createCommentVNode as g, createElementVNode as m, toDisplayString as d } from "vue";
+import { ElTabs as b, ElTabPane as y } from "element-plus";
+import v from "../../object-render.vue.js";
+import { SuperIcon as x } from "agilebuilder-ui";
+import { handleAfterInitEvent as C, handleEvent as T } from "../../../../utils/events/event-util.js";
 import { $t as h } from "../../../../utils/i18n-util.js";
 const k = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
   const k2 = e2, V = t(null);
   V.value = k2.configure.props.defaultOpen ? k2.configure.props.defaultOpen : 1;
-  const _ = t(null), j = k2.configure.runtime ? k2.configure.runtime : {}, N = j.style, R = j.class, z = j.headerStyle;
+  const N = t(null), _ = k2.configure.runtime ? k2.configure.runtime : {}, j = _.style, R = _.class, z = _.headerStyle;
+  function A(e3, t2) {
+    return T(e3, k2.pageContext, k2.configure, "before-leave", { activeName: e3, oldActiveName: t2 }) ?? true;
+  }
   function D(e3, t2) {
     const n2 = { pane: e3, ev: t2 }, o2 = e3.paneName;
     return k2.pageContext.activeTab = o2, k2.pageContext.activeLabel = n2.label, T(o2, k2.pageContext, k2.configure, "tab-click", n2);
@@ -32,9 +35,9 @@ const k = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} },
       let e3 = [];
       k2.configure.items.forEach((t2) => {
         t2.code && e3.push(document.querySelector("." + t2.code));
-      }), v(null, k2.pageContext, k2.configure, { componentRef: _.value, tabsDom: e3, entity: k2.pageContext.entity.data, pageData: k2.pageContext.entity.page });
+      }), C(null, k2.pageContext, k2.configure, { componentRef: N.value, tabsDom: e3, entity: k2.pageContext.entity.data, pageData: k2.pageContext.entity.page });
     });
-  }), (e3, t2) => (i(), a(l(y), { ref_key: "thisRef", ref: _, modelValue: V.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => V.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(N)), class: u([l(R), "runtime-page-container-tabs-view"]), onTabClick: D, onTabChange: E, onTabRemove: O, onTabAdd: S, onEdit: q }, { default: p(() => [(i(true), c(s, null, g(e3.configure.items, (t3, n2) => (i(), a(l(b), { key: n2, label: t3.label, name: t3.index, lazy: !!e3.configure.props.lazy }, { label: p(() => [m("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : f("", true), m("span", { style: r(l(z)) }, d(l(h)(t3.label)), 5)], 2)]), default: p(() => [(e3.configure.props.isFullyRendered ?? 1) || t3.index === V.value ? (i(true), c(s, { key: 0 }, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128)) : f("", true)]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
+  }), (e3, t2) => (i(), a(l(b), { ref_key: "thisRef", ref: N, modelValue: V.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => V.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(j)), class: u([l(R), "runtime-page-container-tabs-view"]), "before-leave": A, onTabClick: D, onTabChange: E, onTabRemove: O, onTabAdd: S, onEdit: q }, { default: c(() => [(i(true), p(s, null, f(e3.configure.items, (t3, n2) => (i(), a(l(y), { key: n2, label: t3.label, name: t3.index, lazy: !!e3.configure.props.lazy }, { label: c(() => [m("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(x), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : g("", true), m("span", { style: r(l(z)) }, d(l(h)(t3.label)), 5)], 2)]), default: c(() => [(e3.configure.props.isFullyRendered ?? 1) || t3.index === V.value ? (i(true), p(s, { key: 0 }, f(t3.items, (t4, n3) => (i(), a(v, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128)) : g("", true)]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
 } });
 export {
   k as default

package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue.js

@@ -1,7 +1,7 @@
 import o from "./tools-runtime.vue2.js";
 /* empty css                   */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = t(o, [["__scopeId", "data-v-445a411e"]]);
+const e = t(o, [["__scopeId", "data-v-03be39c3"]]);
 export {
   e as default
 };

package/dist/es/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, computed as t, ref as r, onMounted as a, watch as o, resolveComponent as l, createBlock as n, openBlock as u, normalizeStyle as i, normalizeClass as s, unref as c, withCtx as p, createElementBlock as m, createCommentVNode as f, toDisplayString as g } from "vue";
+import { defineComponent as e, computed as t, ref as a, onMounted as r, watch as l, resolveComponent as o, createBlock as u, openBlock as n, normalizeStyle as i, normalizeClass as s, unref as p, withCtx as c, createElementBlock as m, createCommentVNode as f, toDisplayString as g } from "vue";
 import d from "qrcode";
 import v from "jsbarcode";
 import { getFormModelFields as y } from "../../../../utils/page-init-util.js";
@@ -12,7 +12,7 @@ const j = ["src"], D = e({ __name: "barcode-runtime", props: { pageContext: {},
   let k = y(q.pageContext, q.configure);
   const A = t({ get: () => x(N, k), set(e3) {
     h(N, k, e3);
-  } }), E = q.configure.runtime ? q.configure.runtime : {}, _ = r(E.props ? E.props : {}), O = E.style, P = E.class, S = E.headerStyle, $ = r(""), I = r(null), Q = r(_.value.brCodeFormat ?? "CODE128"), V = r([]);
+  } }), E = q.configure.runtime ? q.configure.runtime : {}, _ = a(E.props ? E.props : {}), O = E.style, P = E.class, S = E.headerStyle, $ = a(""), I = a(null), Q = a(_.value.brCodeFormat ?? "CODE128"), V = a([]);
   function F(e3) {
     return h(N, k, e3);
   }
@@ -22,32 +22,31 @@ const j = ["src"], D = e({ __name: "barcode-runtime", props: { pageContext: {},
   function L(e3) {
     var t2;
     "QR-code" === _.value.type ? (t2 = e3, d.toDataURL(t2, (e4, t3) => {
-      e4 ? console.error(e4) : $.value = t3;
+      e4 || ($.value = t3);
     })) : function(e4) {
       try {
         v(I.value, e4, { format: Q.value });
       } catch (e5) {
-        console.error("生成条形码时发生错误:", e5);
       }
     }(e3);
   }
-  return a(() => {
+  return r(() => {
     _.value.generateRule && ("fixed" === _.value.generateRuleType ? (V.value = Array.from(_.value.generateRule.matchAll(/\$\{(\w+)\}/g), (e3) => e3[1]), V.value.forEach((e3) => {
-      o(() => q.pageContext.entity.data[e3], (e4, t2) => {
+      l(() => q.pageContext.entity.data[e3], (e4, t2) => {
         null != e4 && function() {
           let e5 = true;
           V.value.forEach((t3) => {
             q.pageContext.entity.data[t3] || (e5 = false);
           }), e5 && J(function(e6, t3) {
-            const r2 = /\$\{(\w+)\}/g;
-            return e6.replace(r2, (e7, r3) => t3.hasOwnProperty(r3) ? t3[r3] : e7);
+            const a2 = /\$\{(\w+)\}/g;
+            return e6.replace(a2, (e7, a3) => t3.hasOwnProperty(a3) ? t3[a3] : e7);
           }(_.value.generateRule, q.pageContext.entity.data));
         }();
       });
     })) : w.get(window.$vueApp.config.globalProperties.baseAPI + "/dc/setting-barcode-models/by-code/" + _.value.generateRule).then((e3) => {
       const t2 = JSON.parse(e3.barcodeModelItems);
       t2.forEach((e4) => {
-        "-1" !== e4.propDbName && -1 !== e4.propDbName && (V.value.push(e4.propDbName), o(() => q.pageContext.entity.data[e4.propDbName], (e5, r2) => {
+        "-1" !== e4.propDbName && -1 !== e4.propDbName && (V.value.push(e4.propDbName), l(() => q.pageContext.entity.data[e4.propDbName], (e5, a2) => {
           if (null != e5) {
             const e6 = b(t2, q.pageContext.entity.data);
             e6 && J(e6);
@@ -55,13 +54,12 @@ const j = ["src"], D = e({ __name: "barcode-runtime", props: { pageContext: {},
         }));
       });
     }).catch((e3) => {
-      console.error("获取条码规则失败:", e3);
     })), A.value && L(A.value);
   }), D2({ getValue: function() {
     return x(N, k);
   }, setValue: F }), (e3, t2) => {
-    const r2 = l("el-form-item");
-    return u(), n(r2, { required: !!_.value.required, class: s(c(P)), "label-width": _.value.labelWidth, style: i(c(O)) }, { label: p(() => [_.value.tittleShow ? (u(), m("div", { key: 0, style: i({ ...c(S) }) }, g(c(R)(_.value.title)), 5)) : f("", true)]), default: p(() => ["QR-code" === _.value.type ? (u(), m("img", { key: 0, src: $.value }, null, 8, j)) : (u(), m("canvas", { key: 1, ref_key: "barcode", ref: I }, null, 512))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    const a2 = o("el-form-item");
+    return n(), u(a2, { required: !!_.value.required, class: s(p(P)), "label-width": _.value.labelWidth, style: i(p(O)) }, { label: c(() => [_.value.tittleShow ? (n(), m("div", { key: 0, style: i({ ...p(S) }) }, g(p(R)(_.value.title)), 5)) : f("", true)]), default: c(() => ["QR-code" === _.value.type ? (n(), m("img", { key: 0, src: $.value }, null, 8, j)) : (n(), m("canvas", { key: 1, ref_key: "barcode", ref: I }, null, 512))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {