super-page-runtime 2.3.20-sit2 → 2.3.21-tmp1

package/dist/lib/components/runtime/views/assemblys/container/fixed/FixedBox.vue.js

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./FixedBox.vue2.js");
+;/* empty css               */
+const r = require("../../../../../../_virtual/_plugin-vue_export-helper.js")(e, [["__scopeId", "data-v-9b488f43"]]);
+module.exports = r;

package/dist/lib/components/runtime/views/assemblys/container/fixed/FixedBox.vue2.js

@@ -0,0 +1,27 @@
+"use strict";
+const e = require("vue"), t = e.defineComponent({ __name: "FixedBox", props: { isFixed: { type: Boolean, default: true }, position: { type: String, default: "top" }, offset: { type: Number, default: 0 } }, setup(t2) {
+  const i = t2, n = e.ref(null), o = e.ref(null), s = e.ref({}), l = e.ref({}), d = [], r = () => {
+    (() => {
+      var _a, _b;
+      if (o.value) {
+        const e2 = (_b = (_a = n.value) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a), t3 = o.value.getBoundingClientRect();
+        s.value = { width: "100%", height: `${t3.height}px` }, l.value = { width: `${(e2 == null ? void 0 : e2.width) ?? t3.width}px`, position: i.isFixed ? "fixed" : "static", [i.position]: `${i.offset}px`, left: `${(e2 == null ? void 0 : e2.left) ?? t3.left}px`, zIndex: 100, pointerEvents: "auto" };
+      } else s.value = {}, l.value = {};
+    })();
+  }, a = (e2) => {
+    e2 ? ((() => {
+      if (d.forEach((e3) => e3.disconnect()), d.length = 0, o.value) {
+        const e3 = new ResizeObserver(r);
+        e3.observe(o.value), d.push(e3);
+      }
+    })(), window.addEventListener("resize", r)) : (window.removeEventListener("resize", r), d.forEach((e3) => e3.disconnect())), r();
+  };
+  return e.onMounted(() => {
+    e.nextTick(() => {
+      a(i.isFixed);
+    });
+  }), e.onUnmounted(() => {
+    a(false);
+  }), e.watch(() => i.isFixed, a), (d2, r2) => (e.openBlock(), e.createElementBlock("div", { ref_key: "fixedMaxRef", ref: n, class: e.normalizeClass(["yx-fixed-box-main", { [`is-${t2.position}`]: true, "is-fixed": i.isFixed }]), style: e.normalizeStyle(s.value) }, [e.createElementVNode("div", { ref_key: "fixedRef", ref: o, class: "yx-fixed-box-container", style: e.normalizeStyle(l.value) }, [e.renderSlot(d2.$slots, "default", {}, void 0, true)], 4)], 6));
+} });
+module.exports = t;

package/dist/lib/components/runtime/views/assemblys/container/fixed/YxAffix.vue.js

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./YxAffix.vue2.js");
+;/* empty css              */
+const r = require("../../../../../../_virtual/_plugin-vue_export-helper.js")(e, [["__scopeId", "data-v-a994b02d"]]);
+module.exports = r;

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

@@ -0,0 +1,79 @@
+"use strict";
+const e = require("vue"), t = e.defineComponent({ __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(t2, { emit: o }) {
+  const n = t2, i = o, l = e.ref(null), r = e.ref(null), a = e.ref(false), s = e.ref({}), u = e.ref([]), f = e.ref(window), c = e.ref(0), d = e.ref(null), v = (e2) => {
+    e2.contentRect.height && (s.value.height = e2.contentRect.height);
+  }, p = () => {
+    try {
+      if (!r.value) return;
+      const e2 = r.value.getBoundingClientRect(), t3 = f.value;
+      if (t3 === window) {
+        const t4 = "top" === n.position ? e2.top <= n.offset : e2.bottom >= window.innerHeight - n.offset;
+        c.value = 0, m(t4, e2);
+      } else if (n.stickyInScrollContainer) {
+        const o2 = t3.getBoundingClientRect(), { isFixTop: i2, isFixBottom: r2, containerOffset: a2 } = ((e3) => {
+          const t4 = ["top"].includes(n.position), o3 = ["bottom"].includes(n.position);
+          if (!l.value) return { isTop: t4, isBottom: o3 };
+          const i3 = l.value.getBoundingClientRect(), r3 = i3.top - e3.top, a3 = i3.left - e3.left, s2 = e3.height - i3.height - r3, u2 = e3.top, f2 = window.innerHeight - e3.bottom;
+          return { isTop: t4, isBottom: o3, containerTop: u2, containerBottom: f2, containerOffset: t4 ? u2 : o3 ? f2 : 0, offsetTop: r3, offsetLeft: a3, offsetBottom: s2, isFixTop: t4 && r3 < 0, isFixBottom: o3 && s2 < 0 };
+        })(o2);
+        c.value = a2 ?? 0, m(i2 || r2 || false, e2);
+      }
+    } catch (e2) {
+      console.error(e2);
+    }
+  }, m = (e2, t3) => {
+    var _a;
+    t3.height && (e2 === a.value && ((_a = s.value) == null ? void 0 : _a.height) === `${t3.height}px` || (a.value = e2, i("change", e2), s.value = e2 ? { width: "100%", height: `${t3.height}px` } : {}));
+  }, h = () => {
+    requestAnimationFrame(p);
+  };
+  let g;
+  const w = () => {
+    a.value = false, clearTimeout(g), g = window.setTimeout(() => {
+      p();
+    }, 100);
+  };
+  e.onMounted(() => {
+    setTimeout(() => {
+      e.nextTick(() => {
+        try {
+          n.enableIntervalUpdate && (d.value = setInterval(h, n.enableIntervalTime));
+          const e2 = (() => {
+            if (n.autoDetectParentScroll && r.value) {
+              const e3 = [];
+              let t3 = r.value.parentElement;
+              for (; t3 && t3 !== document.body; ) {
+                const { overflowY: o2 } = window.getComputedStyle(t3);
+                /(auto|scroll)/.test(o2) && e3.push(t3), t3 = t3.parentElement;
+              }
+              return [...e3, window];
+            }
+            if ("string" == typeof n.target) {
+              const e3 = document.querySelector(n.target);
+              return [...e3 ? [e3] : [], window];
+            }
+            return [window];
+          })();
+          u.value = e2, f.value = e2[0], u.value.forEach((e3) => e3.addEventListener("scroll", h)), window.addEventListener("resize", w), p();
+        } catch (e2) {
+          console.error(e2);
+        }
+      });
+    }, 100);
+  }), e.onUnmounted(() => {
+    f.value && u.value.forEach((e2) => e2.removeEventListener("scroll", h)), window.removeEventListener("resize", w), clearTimeout(g), d.value && clearInterval(d.value);
+  }), e.watchEffect(() => {
+    e.nextTick(() => {
+      h();
+    });
+  });
+  const x = e.computed(() => {
+    var _a, _b;
+    return a.value && ((_a = r.value) == null ? void 0 : _a.offsetWidth) ? { position: "fixed", width: `${(_b = r.value) == null ? void 0 : _b.offsetWidth}px`, zIndex: n.zIndex, [n.position]: `${n.offset + c.value}px` } : { position: "relative" };
+  });
+  return (t3, o2) => {
+    const i2 = e.resolveDirective("resize");
+    return e.openBlock(), e.createElementBlock("div", { ref_key: "affixMainRef", ref: l, class: "yx-affix", style: e.normalizeStyle({ height: a.value ? s.value.height : void 0 }) }, [e.withDirectives((e.openBlock(), e.createElementBlock("div", { ref_key: "affixRef", ref: r, style: e.normalizeStyle(x.value), class: e.normalizeClass([{ "is-fixed": a.value, "is-top": "top" === n.position, "is-bottom": "bottom" === n.position }, "yx-affix-content"]) }, [e.renderSlot(t3.$slots, "default", {}, void 0, true)], 6)), [[i2, v]])], 4);
+  };
+} });
+module.exports = t;

package/dist/lib/components/runtime/views/assemblys/container/flex/flex-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./flex-runtime.vue2.js");
+module.exports = e;

package/dist/lib/components/runtime/views/assemblys/container/flex/flex-runtime.vue2.js

@@ -0,0 +1,20 @@
+"use strict";
+const e = require("vue"), t = require("../../object-render.vue.js"), n = require("../../../../utils/interfaces/page-design-types.js"), l = require("../../../../utils/events/event-util.js"), o = e.defineComponent({ __name: "flex-runtime", props: { pageContext: {}, configure: {} }, setup(o2) {
+  const i = o2, s = e.ref(null), r = i.configure.runtime ? i.configure.runtime : {}, a = r.style, u = r.class, c = e.ref(r.props ? r.props : {});
+  if (i.configure.items) {
+    const e2 = i.pageContext && i.pageContext.dimensions ? i.pageContext.dimensions : n.PageDimensions.PC;
+    for (let t2 of i.configure.items) {
+      const n2 = t2.runtime && t2.runtime.common ? t2.runtime.common : {}, l2 = n2.style ? n2.style[e2 + "_style"] : void 0, o3 = {};
+      l2 && (t2.flexSpan = l2.flexSpan ? l2.flexSpan : -2, Object.assign(o3, l2), delete o3.height, delete l2.width), t2.itemStyle = o3, n2.style && (n2.style[e2 + "_class"] = "");
+    }
+  }
+  return e.onMounted(() => {
+    e.nextTick(() => {
+      l.handleAfterInitEvent(null, i.pageContext, i.configure, { componentRef: s.value, entity: i.pageContext.entity.data, pageData: i.pageContext.entity.page });
+    });
+  }), (n2, l2) => {
+    const o3 = e.resolveComponent("el-col"), i2 = e.resolveComponent("el-row");
+    return e.openBlock(), e.createBlock(i2, { ref_key: "thisRef", ref: s, justify: c.value.flexJustify, gutter: c.value.flexGutter, align: c.value.alignItems, style: e.normalizeStyle([{ display: "flex" }, e.unref(a)]), class: e.normalizeClass(e.unref(u)) }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(n2.configure.items, (l3, i3) => e.withDirectives((e.openBlock(), e.createBlock(o3, { key: l3.uuid, style: e.normalizeStyle(l3.itemStyle), span: l3.flexSpan }, { default: e.withCtx(() => [e.createVNode(t, { pageContext: n2.pageContext, configure: l3 }, null, 8, ["pageContext", "configure"])]), _: 2 }, 1032, ["style", "span"])), [[e.vShow, l3._dynamicShowFlag]])), 128))]), _: 1 }, 8, ["justify", "gutter", "align", "style", "class"]);
+  };
+} });
+module.exports = o;

package/dist/lib/components/runtime/views/assemblys/container/form/form-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./form-runtime.vue2.js");
+module.exports = e;

package/dist/lib/components/runtime/views/assemblys/container/form/form-runtime.vue2.js

@@ -0,0 +1,15 @@
+"use strict";
+const e = require("vue"), t = require("../../object-render.vue.js"), n = require("../../../../utils/interfaces/page-design-types.js"), o = require("../../../../utils/events/event-util.js"), l = e.defineComponent({ __name: "form-runtime", props: { pageContext: {}, configure: {} }, setup(l2) {
+  const i = l2;
+  i.configure.items || (i.configure.items = []);
+  const r = i.configure.runtime ? i.configure.runtime : {}, s = r.props ? r.props : {}, a = e.ref(r.style ? r.style : {}), u = r.class, c = e.ref(r.titleStyle ? r.titleStyle : {}), p = e.ref(s.labelPosition), m = e.ref(null), f = i.pageContext && i.pageContext.dimensions ? i.pageContext.dimensions : n.PageDimensions.PC;
+  return f && f === n.PageDimensions.PHONE && (p.value = "top"), e.onMounted(() => {
+    e.nextTick(() => {
+      o.handleFormEvent(null, i.pageContext, i.configure, "afterFormLoad", { componentRef: m.value, entity: i.pageContext.entity.data, pageData: i.pageContext.entity.page });
+    });
+  }), (n2, o2) => {
+    const l3 = e.resolveComponent("el-form");
+    return e.openBlock(), e.createElementBlock("div", null, [e.createVNode(l3, { ref_key: "thisRef", ref: m, "label-width": e.unref(s).labelWidth, "label-position": p.value, size: e.unref(s).componentSize, style: e.normalizeStyle(a.value), class: e.normalizeClass(e.unref(u)) }, { default: e.withCtx(() => [e.unref(s).formTitle ? (e.openBlock(), e.createElementBlock("div", { key: 0, class: "amb-widget-form-title", style: e.normalizeStyle(c.value) }, e.toDisplayString(e.unref(s).formTitle), 5)) : e.createCommentVNode("", true), (e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(n2.configure.items, (o3, l4) => (e.openBlock(), e.createBlock(t, { key: o3.uuid, pageContext: n2.pageContext, configure: o3 }, null, 8, ["pageContext", "configure"]))), 128))]), _: 1 }, 8, ["label-width", "label-position", "size", "style", "class"])]);
+  };
+} });
+module.exports = l;

package/dist/lib/components/runtime/views/assemblys/container/iframe/iframe-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./iframe-runtime.vue2.js");
+module.exports = e;

package/dist/lib/components/runtime/views/assemblys/container/iframe/iframe-runtime.vue2.js

@@ -0,0 +1,12 @@
+"use strict";
+const e = require("vue");
+require("../../../../utils/global-refs.js");
+const t = require("../../../../utils/events/event-util.js"), n = ["src"], r = e.defineComponent({ __name: "iframe-runtime", props: { pageContext: {}, configure: {}, indexObj: {}, selectWidget: {} }, setup(r2) {
+  const i = r2, o = e.ref(null), s = i.configure.runtime ? i.configure.runtime : {}, l = s.style, u = s.class;
+  return e.onMounted(() => {
+    e.nextTick(() => {
+      t.handleAfterInitEvent(null, i.pageContext, i.configure, { componentRef: o.value, entity: i.pageContext.entity.data, pageData: i.pageContext.entity.page });
+    });
+  }), (t2, r3) => (e.openBlock(), e.createElementBlock("iframe", { ref_key: "thisRef", ref: o, src: t2.configure.props.src, class: e.normalizeClass(["amb-widget-container-iframe", e.unref(u)]), style: e.normalizeStyle(e.unref(l)) }, null, 14, n));
+} });
+module.exports = r;

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

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./tabs-runtime.vue2.js");
+;/* empty css                   */
+const r = require("../../../../../../_virtual/_plugin-vue_export-helper.js")(e, [["__scopeId", "data-v-df9efce2"]]);
+module.exports = r;

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

@@ -0,0 +1,88 @@
+"use strict";
+const e = require("vue"), n = require("element-plus"), t = require("../../object-render.vue.js"), o = require("agilebuilder-ui"), a = require("../../../../utils/events/event-util.js"), c = require("../../../../utils/i18n-util.js"), i = require("../../../../utils/page-helper-util.js"), l = e.defineComponent({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(l2, { expose: r }) {
+  const u = l2, s = e.ref(""), p = e.ref([]);
+  u.configure.items.forEach((e2) => {
+    e2.code || (e2.code = e2.index);
+  }), s.value = u.configure.props.defaultOpen ? u.configure.props.defaultOpen : 1;
+  const f = e.ref(null), d = u.configure.runtime ? u.configure.runtime : {}, g = d.style, m = d.class, b = d.headerStyle;
+  function h(e2, n2) {
+    return a.handleEvent(e2, u.pageContext, u.configure, "before-leave", { activeName: e2, oldActiveName: n2 }) ?? true;
+  }
+  function y(e2, n2) {
+    const t2 = { pane: e2, ev: n2 }, o2 = e2.paneName;
+    return u.pageContext.activeTab = o2, u.pageContext.activeLabel = t2.label, a.handleEvent(o2, u.pageContext, u.configure, "tab-click", t2);
+  }
+  function v(e2) {
+    const n2 = { paneName: e2 };
+    return u.pageContext.activeTab = e2, a.handleEvent(e2, u.pageContext, u.configure, "tab-change", n2);
+  }
+  function C(e2) {
+    const n2 = { paneName: e2 }, t2 = a.handleEvent(e2, u.pageContext, u.configure, "tab-remove", n2);
+    i.isPromise(t2) ? t2.then((n3) => {
+      false !== n3 && x(e2);
+    }) : false !== t2 && x(e2);
+  }
+  function x(e2) {
+    s.value === e2 && u.configure.items.forEach((n2, t2) => {
+      if (n2.code === e2) {
+        const e3 = u.configure.items[t2 + 1] || u.configure.items[t2 - 1];
+        e3 && void 0 !== e3.code && (s.value = e3.code);
+      }
+    }), p.value.includes(e2) || p.value.push(e2);
+  }
+  function k() {
+    return a.handleEvent(null, u.pageContext, u.configure, "tab-add");
+  }
+  function E(e2, n2) {
+    const t2 = { paneName: e2, action: n2 };
+    return a.handleEvent(e2, u.pageContext, u.configure, "edit", t2);
+  }
+  function T() {
+    const e2 = a.handleEvent(u.configure.items, u.pageContext, u.configure, "tab-reset");
+    i.isPromise(e2) ? e2.then((e3) => {
+      p.value = [];
+    }) : false !== e2 && (p.value = []);
+  }
+  return e.watch(p, (e2) => {
+    e2 && e2.length > 0 ? e2.forEach((e3) => {
+      const n2 = document.getElementById("tab-" + e3);
+      n2 && (n2.style.display = "none");
+    }) : u.configure.items.forEach((e3) => {
+      const n2 = document.getElementById("tab-" + e3.code);
+      n2 && (n2.style.display = "");
+    });
+  }, { deep: true }), e.onMounted(() => {
+    e.nextTick(() => {
+      let e2 = [];
+      u.configure.items.forEach((n2) => {
+        n2.code && e2.push(document.getElementById("tab-" + n2.code));
+      }), a.handleAfterInitEvent(null, u.pageContext, u.configure, { componentRef: f.value, tabsDom: e2, entity: u.pageContext.entity.data, pageData: u.pageContext.entity.page });
+    });
+  }), r({ thisRef: f, activeName: s, hiddenPanes: p, resetTab: T, hiddenTabPanes: function(e2) {
+    if (Array.isArray(e2)) {
+      const n2 = [];
+      e2.forEach((e3) => {
+        p.value.includes(e3) || n2.push(e3);
+      }), n2.length > 0 && p.value.push(...n2);
+    }
+  }, showTabPanes: function(e2) {
+    Array.isArray(e2) && e2.forEach((e3) => {
+      const n2 = p.value.indexOf(e3);
+      n2 > -1 && p.value.splice(n2, 1);
+    });
+  }, showTabPanesOnly: function(e2) {
+    const n2 = [];
+    u.configure.items.forEach((t2) => {
+      e2.includes(t2.code) || n2.push(t2.code);
+    }), p.value = [...new Set(n2)];
+  }, hiddenTabPanesOnly: function(e2) {
+    const n2 = [];
+    u.configure.items.forEach((t2) => {
+      e2.includes(t2.code) && n2.push(t2.code);
+    }), p.value = [...new Set(n2)];
+  } }), (a2, i2) => {
+    const l3 = e.resolveComponent("el-button");
+    return e.openBlock(), e.createBlock(e.unref(n.ElTabs), { ref_key: "thisRef", ref: f, modelValue: s.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => s.value = e2), type: a2.configure.props.cardType, "tab-position": a2.configure.props.tabPosition, style: e.normalizeStyle(e.unref(g)), class: e.normalizeClass([e.unref(m), "runtime-page-container-tabs-view"]), closable: a2.configure.props.closable, "before-leave": h, onTabClick: y, onTabChange: v, onTabRemove: C, onTabAdd: k, onEdit: E }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(u.configure.items, (i3, l4) => (e.openBlock(), e.createBlock(e.unref(n.ElTabPane), { key: l4, label: i3.label, name: i3.code, lazy: !!a2.configure.props.lazy }, { label: e.withCtx(() => [i3.iconType && i3.iconValue ? (e.openBlock(), e.createBlock(e.unref(o.SuperIcon), { key: 0, iconType: i3.iconType, iconValue: i3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : e.createCommentVNode("", true), e.createElementVNode("span", { style: e.normalizeStyle(e.unref(b)) }, e.toDisplayString(e.unref(c.$t)(i3.label)), 5)]), default: e.withCtx(() => [(a2.configure.props.isFullyRendered ?? 1) || i3.code === s.value ? (e.openBlock(true), e.createElementBlock(e.Fragment, { key: 0 }, e.renderList(i3.items, (n2) => (e.openBlock(), e.createBlock(t, { key: n2.uuid, pageContext: a2.pageContext, configure: n2 }, null, 8, ["pageContext", "configure"]))), 128)) : e.createCommentVNode("", true)]), _: 2 }, 1032, ["label", "name", "lazy"]))), 128)), a2.configure.props.resetable ? (e.openBlock(), e.createBlock(e.unref(n.ElTabPane), { key: 0, disabled: "", name: "-1" }, { label: e.withCtx(() => [a2.configure.props.resetable ? (e.openBlock(), e.createBlock(l3, { key: 0, type: "text", circle: "", onClick: e.withModifiers(T, ["stop"]) }, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(a2.configure.props.resetButtonName || "重置"), 1)]), _: 1 })) : e.createCommentVNode("", true)]), _: 1 })) : e.createCommentVNode("", true)]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class", "closable"]);
+  };
+} });
+module.exports = l;

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

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./tools-runtime.vue2.js");
+;/* empty css                    */
+const r = require("../../../../../../_virtual/_plugin-vue_export-helper.js")(e, [["__scopeId", "data-v-a9801c3f"]]);
+module.exports = r;

package/dist/lib/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -0,0 +1,43 @@
+"use strict";
+const e = require("vue"), t = require("../../object-render.vue.js"), o = require("../../../../utils/events/event-util.js");
+;/* empty css                     */
+const n = require("../fixed/FixedBox.vue.js"), l = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, a = { ref: "affixRef", "data-v": "1.0.0", class: "amb-widget-tools-parent" }, i = { key: 2, "data-v": "1.0.0", class: "amb-widget-tools-parent" }, r = e.defineComponent({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(r2) {
+  const u = r2, c = e.ref(null), s = u.configure.runtime ?? {}, f = s.class, d = e.ref(null), p = e.ref(0);
+  let v = null;
+  const m = e.computed(() => u.configure.props), g = e.computed(() => {
+    var _a, _b;
+    return !!((_b = (_a = u.configure) == null ? void 0 : _a.items) == null ? void 0 : _b.length);
+  }), k = e.computed(() => {
+    const { gap: e2 } = m.value ?? {};
+    return { backgroundColor: "#fff", ...e2 ? { gap: `${e2}px` } : {}, ...s.style ?? {} };
+  }), x = e.computed(() => {
+    var _a, _b, _c;
+    return !![(_a = m.value) == null ? void 0 : _a.isAffix, (_b = m.value) == null ? void 0 : _b.isFixed].every((e2) => void 0 === e2) || ((_c = m.value) == null ? void 0 : _c.isAffix);
+  }), C = e.computed(() => {
+    var _a;
+    return (_a = m.value) == null ? void 0 : _a.isFixed;
+  }), B = e.computed(() => {
+    var _a, _b;
+    return ["top"].includes((_a = m.value) == null ? void 0 : _a.position) ? "top" : ["bottom"].includes((_b = m.value) == null ? void 0 : _b.position) ? "bottom" : void 0;
+  });
+  return e.onMounted(() => {
+    if (e.nextTick(() => {
+      o.handleAfterInitEvent(null, u.pageContext, u.configure, { componentRef: c.value, entity: u.pageContext.entity.data, pageData: u.pageContext.entity.page });
+    }), v = new ResizeObserver(() => {
+      if (d.value) {
+        const e2 = d.value.getBoundingClientRect();
+        p.value = e2.top;
+      }
+    }), d.value) {
+      v.observe(d.value);
+      const e2 = d.value.getBoundingClientRect();
+      p.value = e2.top;
+    }
+  }), e.onUnmounted(() => {
+    v && d.value && (v.unobserve(d.value), v.disconnect());
+  }), (o2, r3) => {
+    const s2 = e.resolveComponent("el-affix");
+    return e.openBlock(), e.createElementBlock("div", null, [e.createElementVNode("div", { ref_key: "referenceDivRef", ref: d, style: { height: "0" } }, null, 512), C.value && g.value ? (e.openBlock(), e.createBlock(n, { key: 0, position: B.value, offset: p.value }, { default: e.withCtx(() => [e.createElementVNode("div", l, [e.createElementVNode("div", { class: e.normalizeClass(["amb-widget-container-tool amb-widget-tools", e.unref(f)]), style: e.normalizeStyle(k.value), ref_key: "thisRef", ref: c }, [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(u.configure.items, (o3) => (e.openBlock(), e.createBlock(t, { pageContext: u.pageContext, configure: o3, key: o3.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : x.value && g.value ? (e.openBlock(), e.createBlock(s2, { key: 1, position: B.value, offset: p.value }, { default: e.withCtx(() => [e.createElementVNode("div", a, [e.createElementVNode("div", { class: e.normalizeClass(["amb-widget-container-tool amb-widget-tools", e.unref(f)]), style: e.normalizeStyle(k.value), ref_key: "thisRef", ref: c }, [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(u.configure.items, (o3) => (e.openBlock(), e.createBlock(t, { pageContext: u.pageContext, configure: o3, key: o3.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)], 512)]), _: 1 }, 8, ["position", "offset"])) : g.value ? (e.openBlock(), e.createElementBlock("div", i, [e.createElementVNode("div", { class: e.normalizeClass(["amb-widget-container-tool amb-widget-tools", e.unref(f)]), style: e.normalizeStyle(k.value), ref_key: "thisRef", ref: c }, [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(u.configure.items, (o3) => (e.openBlock(), e.createBlock(t, { pageContext: u.pageContext, configure: o3, key: o3.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])) : e.createCommentVNode("", true)]);
+  };
+} });
+module.exports = r;

package/dist/lib/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./barcode-runtime.vue2.js");
+module.exports = e;

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

@@ -0,0 +1,59 @@
+"use strict";
+const e = require("vue"), t = require("qrcode"), r = require("jsbarcode"), a = require("../../../../utils/page-init-util.js"), l = require("../../../../utils/barcode-util.js"), o = require("../../../../utils/page-helper-util.js"), n = require("../../../../utils/events/event-util.js"), u = require("agilebuilder-ui/src/utils/request"), i = require("../../../../utils/i18n-util.js"), c = ["src"], s = e.defineComponent({ __name: "barcode-runtime", props: { pageContext: {}, configure: {} }, setup(s2, { expose: p }) {
+  const d = s2, g = d.pageContext.entity ? d.pageContext.entity : {};
+  let f = a.getFormModelFields(d.pageContext, d.configure);
+  const v = e.computed({ get: () => o.getVariableValue(g, f), set(e2) {
+    o.setVariableValue(g, f, e2);
+  } }), m = d.configure.runtime ? d.configure.runtime : {}, y = e.ref(m.props ? m.props : {}), b = m.style, h = m.class, C = m.headerStyle, x = e.ref(""), q = e.ref(null), k = e.ref(y.value.brCodeFormat ?? "CODE128"), w = e.ref([]);
+  function V(e2) {
+    return o.setVariableValue(g, f, e2);
+  }
+  function B(e2) {
+    R(e2), V(e2), n.handleEvent(e2, d.pageContext, d.configure, "change", { entity: g });
+  }
+  function R(e2) {
+    var a2;
+    "QR-code" === y.value.type ? (a2 = e2, t.toDataURL(a2, (e3, t2) => {
+      e3 ? console.error(e3) : x.value = t2;
+    })) : function(e3) {
+      try {
+        r(q.value, e3, { format: k.value });
+      } catch (e4) {
+        console.error("生成条形码时发生错误:", e4);
+      }
+    }(e2);
+  }
+  return e.onMounted(() => {
+    y.value.generateRule && ("fixed" === y.value.generateRuleType ? (w.value = Array.from(y.value.generateRule.matchAll(/\$\{(\w+)\}/g), (e2) => e2[1]), w.value.forEach((t2) => {
+      e.watch(() => d.pageContext.entity.data[t2], (e2, t3) => {
+        null != e2 && function() {
+          let e3 = true;
+          w.value.forEach((t4) => {
+            d.pageContext.entity.data[t4] || (e3 = false);
+          }), e3 && B(function(e4, t4) {
+            const r2 = /\$\{(\w+)\}/g;
+            return e4.replace(r2, (e5, r3) => t4.hasOwnProperty(r3) ? t4[r3] : e5);
+          }(y.value.generateRule, d.pageContext.entity.data));
+        }();
+      });
+    })) : u.get(window.$vueApp.config.globalProperties.baseAPI + "/dc/setting-barcode-models/by-code/" + y.value.generateRule).then((t2) => {
+      const r2 = JSON.parse(t2.barcodeModelItems);
+      r2.forEach((t3) => {
+        "-1" !== t3.propDbName && -1 !== t3.propDbName && (w.value.push(t3.propDbName), e.watch(() => d.pageContext.entity.data[t3.propDbName], (e2, t4) => {
+          if (null != e2) {
+            const e3 = l.generateCodeByRule(r2, d.pageContext.entity.data);
+            e3 && B(e3);
+          }
+        }));
+      });
+    }).catch((e2) => {
+      console.error("获取条码规则失败:", e2);
+    })), v.value && R(v.value);
+  }), p({ getValue: function() {
+    return o.getVariableValue(g, f);
+  }, setValue: V }), (t2, r2) => {
+    const a2 = e.resolveComponent("el-form-item");
+    return e.openBlock(), e.createBlock(a2, { required: !!y.value.required, class: e.normalizeClass(e.unref(h)), "label-width": y.value.labelWidth, style: e.normalizeStyle(e.unref(b)) }, { label: e.withCtx(() => [y.value.tittleShow ? (e.openBlock(), e.createElementBlock("div", { key: 0, style: e.normalizeStyle({ ...e.unref(C) }) }, e.toDisplayString(e.unref(i.$t)(y.value.title)), 5)) : e.createCommentVNode("", true)]), default: e.withCtx(() => ["QR-code" === y.value.type ? (e.openBlock(), e.createElementBlock("img", { key: 0, src: x.value }, null, 8, c)) : (e.openBlock(), e.createElementBlock("canvas", { key: 1, ref_key: "barcode", ref: q }, null, 512))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+  };
+} });
+module.exports = s;