super-page-runtime 2.3.37-sit4 → 2.3.37-sit5

package/dist/es/components/runtime/views/assemblys/page-bottom.vue.js

@@ -1,6 +1,9 @@
-import { defineComponent as o, createBlock as t, openBlock as e } from "vue";
+import { defineComponent as o, createBlock as e, createCommentVNode as t, openBlock as n } from "vue";
 import p from "./workflow/component/workflow-opinion-box.vue.js";
-const n = o({ __name: "page-bottom", props: { pageContext: {} }, setup: (o2) => (o3, n2) => (e(), t(p, { pageContext: o3.pageContext }, null, 8, ["pageContext"])) });
+const a = o({ __name: "page-bottom", props: { pageContext: {} }, setup: (o2) => (o3, a2) => {
+  var _a;
+  return ((_a = o3.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) ? (n(), e(p, { key: 0, pageContext: o3.pageContext }, null, 8, ["pageContext"])) : t("", true);
+} });
 export {
-  n as default
+  a as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/component/workflow-opinion-box.vue.js

@@ -1,7 +1,7 @@
 import o from "./workflow-opinion-box.vue2.js";
 /* empty css                          */
 import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = r(o, [["__scopeId", "data-v-39a9ecda"]]);
+const p = r(o, [["__scopeId", "data-v-8f093cc2"]]);
 export {
-  e as default
+  p as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/component/workflow-opinion-box.vue2.js

@@ -1,38 +1,47 @@
-import { defineComponent as e, ref as o, onMounted as n, onUnmounted as l, watch as i, nextTick as t, resolveComponent as a, createElementBlock as s, openBlock as p, Fragment as u, createElementVNode as r, createCommentVNode as f, createBlock as c, normalizeStyle as v, Teleport as d, createTextVNode as w, normalizeClass as m, createVNode as x } from "vue";
-import { addRequiredClassUtil as k } from "../../../../utils/common-util.js";
-const y = { class: "opinion-box-table-wrapper" }, g = { class: "opinion-table" }, O = { class: "opinion-label" }, C = { key: 0, class: "required-star" }, b = e({ __name: "workflow-opinion-box", props: { pageContext: {} }, setup(e2) {
-  const b2 = e2, h = o(""), R = o(), _ = o(""), B = o(null), I = o(null), S = o(null), V = o(0);
-  let q = null;
-  return n(() => {
+import { defineComponent as e, ref as n, computed as o, onMounted as l, onUnmounted as i, watch as t, nextTick as a, resolveComponent as u, createElementBlock as r, openBlock as s, Fragment as p, createElementVNode as d, createCommentVNode as f, createBlock as v, normalizeStyle as w, Teleport as c, createTextVNode as m, normalizeClass as x, createVNode as g } from "vue";
+import { addRequiredClassUtil as b } from "../../../../utils/common-util.js";
+const h = { class: "opinion-box-table-wrapper" }, k = { class: "opinion-table" }, y = { class: "opinion-label" }, O = { key: 0, class: "required-star" }, C = e({ __name: "workflow-opinion-box", props: { pageContext: {} }, setup(e2) {
+  const C2 = e2, R = n(""), E = n(), z = n(""), L = n(null), _ = n(null), B = n(0), H = n(null), I = n(null);
+  let V = null, q = null;
+  const j = o(() => {
+    const e3 = I.value;
+    return e3 ? { left: e3.left + "px", right: window.innerWidth - e3.right + "px", bottom: window.innerHeight - e3.bottom + "px" } : { left: "0", right: "0", bottom: "0" };
+  });
+  function S() {
+    H.value && (I.value = H.value.getBoundingClientRect());
+  }
+  function U(e3) {
+    H.value = e3, S(), q = new ResizeObserver(S), q.observe(e3), window.addEventListener("scroll", S, true), window.addEventListener("resize", S);
+  }
+  return l(() => {
     var _a;
-    let e3 = ((_a = B.value) == null ? void 0 : _a.parentElement) ?? null, o2 = null;
+    let e3 = ((_a = L.value) == null ? void 0 : _a.parentElement) ?? null;
     for (; e3; ) {
-      if (e3.classList.contains("el-dialog")) return "static" === getComputedStyle(e3).position && (e3.style.position = "relative"), void (S.value = e3);
-      e3.classList.contains("app-container") && (o2 = e3), e3 = e3.parentElement;
+      if (e3.classList.contains("el-dialog")) return void U(e3);
+      e3 = e3.parentElement;
     }
-    o2 && ("static" === getComputedStyle(o2).position && (o2.style.position = "relative"), S.value = o2);
-  }), l(() => {
-    q == null ? void 0 : q.disconnect(), q = null;
-  }), i(I, (e3) => {
-    q == null ? void 0 : q.disconnect(), q = null, e3 ? (V.value = e3.offsetHeight, q = new ResizeObserver(() => {
-      V.value = e3.offsetHeight;
-    }), q.observe(e3)) : V.value = 0;
   }), i(() => {
+    V == null ? void 0 : V.disconnect(), V = null, q == null ? void 0 : q.disconnect(), q = null, window.removeEventListener("scroll", S, true), window.removeEventListener("resize", S), H.value = null, I.value = null;
+  }), t(_, (e3) => {
+    V == null ? void 0 : V.disconnect(), V = null, e3 ? (B.value = e3.offsetHeight, V = new ResizeObserver(() => {
+      B.value = e3.offsetHeight;
+    }), V.observe(e3)) : B.value = 0;
+  }), t(() => {
     var _a;
-    return (_a = b2.pageContext.workflowOpinion) == null ? void 0 : _a.focusOpinionInput;
+    return (_a = C2.pageContext.workflowOpinion) == null ? void 0 : _a.focusOpinionInput;
   }, (e3) => {
-    e3 ? (_.value = k(), t(() => {
+    e3 ? (z.value = b(), a(() => {
       var _a;
-      ((_a = R.value) == null ? void 0 : _a.focus) && R.value.focus();
-    })) : _.value = "";
-  }, { immediate: true }), (e3, o2) => {
+      ((_a = E.value) == null ? void 0 : _a.focus) && E.value.focus();
+    })) : z.value = "";
+  }, { immediate: true }), (e3, n2) => {
     var _a, _b, _c;
-    const n2 = a("el-input");
-    return p(), s(u, null, [r("div", { ref_key: "sentinelRef", ref: B, style: { display: "none" }, id: "sentinelRef" }, null, 512), ((_a = e3.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) && S.value ? (p(), s("div", { key: 0, style: v({ height: V.value + "px", width: "100%", flexShrink: 0 }) }, null, 4)) : f("", true), S.value ? (p(), c(d, { key: 1, to: S.value }, [((_b = e3.pageContext.workflowOpinion) == null ? void 0 : _b.showOpinionBox) ? (p(), s("div", { key: 0, ref_key: "opinionBarRef", ref: I, class: "opinion-fixed-bar" }, [r("div", y, [r("table", g, [r("tbody", null, [r("tr", null, [r("td", O, [((_c = e3.pageContext.workflowOpinion) == null ? void 0 : _c.isRequired) ? (p(), s("span", C, "*")) : f("", true), o2[2] || (o2[2] = w(" 处理意见 "))]), r("td", { class: m(["opinion-input-cell", _.value]) }, [x(n2, { ref_key: "opinionInputRef", ref: R, modelValue: h.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e4) => h.value = e4), autosize: { minRows: 2, maxRows: 4 }, type: "textarea", placeholder: "请输入处理意见", onChange: o2[1] || (o2[1] = (e4) => {
-      b2.pageContext.workflowOpinion && (b2.pageContext.workflowOpinion.opinion = h.value.trim(), b2.pageContext.workflowOpinion.focusOpinionInput = false);
-    }), class: "opinion-input" }, null, 8, ["modelValue"])], 2)])])])])], 512)) : f("", true)], 8, ["to"])) : f("", true)], 64);
+    const o2 = u("el-input");
+    return s(), r(p, null, [d("div", { ref_key: "sentinelRef", ref: L, style: { display: "none" } }, null, 512), ((_a = e3.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) ? (s(), r("div", { key: 0, style: w({ height: B.value + "px", width: "100%", flexShrink: 0 }) }, null, 4)) : f("", true), (s(), v(c, { to: "body" }, [((_b = e3.pageContext.workflowOpinion) == null ? void 0 : _b.showOpinionBox) ? (s(), r("div", { key: 0, ref_key: "opinionBarRef", ref: _, class: "opinion-fixed-bar", style: w(j.value) }, [d("div", h, [d("table", k, [d("tbody", null, [d("tr", null, [d("td", y, [((_c = e3.pageContext.workflowOpinion) == null ? void 0 : _c.isRequired) ? (s(), r("span", O, "*")) : f("", true), n2[2] || (n2[2] = m(" 处理意见 "))]), d("td", { class: x(["opinion-input-cell", z.value]) }, [g(o2, { ref_key: "opinionInputRef", ref: E, modelValue: R.value, "onUpdate:modelValue": n2[0] || (n2[0] = (e4) => R.value = e4), autosize: { minRows: 2, maxRows: 4 }, type: "textarea", placeholder: "请输入处理意见", onChange: n2[1] || (n2[1] = (e4) => {
+      C2.pageContext.workflowOpinion && (C2.pageContext.workflowOpinion.opinion = R.value.trim(), C2.pageContext.workflowOpinion.focusOpinionInput = false);
+    }), class: "opinion-input" }, null, 8, ["modelValue"])], 2)])])])])], 4)) : f("", true)]))], 64);
   };
 } });
 export {
-  b as default
+  C as default
 };

package/dist/es/style.css

@@ -56,25 +56,25 @@
 .amb-super-page-runtime-drawer-view .el-drawer__body .runtime-page-container {
   max-height: calc(100vh - 40px - var(--el-drawer-padding-primary, 16px) * 2);
 }
-.opinion-fixed-bar[data-v-39a9ecda] {
-  position: absolute;
+.opinion-fixed-bar[data-v-8f093cc2] {
+  position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
-  z-index: 10;
+  z-index: 2100;
   background-color: #ffffff;
 }
-.opinion-box-table-wrapper[data-v-39a9ecda] {
+.opinion-box-table-wrapper[data-v-8f093cc2] {
   width: 100%;
   background: #f8fcff;
   padding: 0;
 }
-.opinion-table[data-v-39a9ecda] {
+.opinion-table[data-v-8f093cc2] {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
 }
-.opinion-label[data-v-39a9ecda] {
+.opinion-label[data-v-8f093cc2] {
   width: 120px;
   background: #ccddff;
   color: #0983ff;
@@ -89,20 +89,20 @@
   min-height: 60px;
   position: relative;
 }
-.required-star[data-v-39a9ecda] {
+.required-star[data-v-8f093cc2] {
   color: #f56c6c;
   margin-right: 2px;
   font-size: 16px;
   font-family: inherit;
   vertical-align: middle;
 }
-.opinion-input-cell[data-v-39a9ecda] {
+.opinion-input-cell[data-v-8f093cc2] {
   background: #f8fcff;
   border: 1px solid #5b85d3;
   border-left: none;
   padding: 5px;
 }
-.opinion-input[data-v-39a9ecda] .el-textarea__inner {
+.opinion-input[data-v-8f093cc2] .el-textarea__inner {
   border: 1px solid #b5d1e6 !important;
   background: #fff;
   min-height: 60px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.3.37-sit4",
+  "version": "2.3.37-sit5",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",