super-page-runtime 2.2.26 → 2.2.29-tmp2

package/dist/es/components/runtime/views/assemblys/object-render.vue.js

@@ -1,144 +1,283 @@
-import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, onUnmounted as s, resolveDirective as r, withDirectives as u, createCommentVNode as l, unref as p, createBlock as a, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as v } from "vue";
-import C from "./error-render.vue.js";
-import { getRuntimeComponentByName as b } from "../../utils/assemblys-config.js";
-import { PageDimensions as x } from "../../utils/interfaces/page-design-types.js";
-import { addComponentRef as h, addComponentRefByCode as y } from "../../utils/global-refs.js";
-import { getPermissionCodes as w, packageFormRules as j, controlObjectRenderState as _ } from "../../utils/page-init-util.js";
-import { caculateShowCondition as N, getFormPropName as P, getSizeConfig as B } from "../../utils/page-helper-util.js";
-import { isWorkflowPage as L, getPropClassName as O, isNumber as R } from "../../utils/common-util.js";
-import { isShowMobileEvent as S, isShowComponent as M } from "../../utils/events/event-util.js";
-import { usePageContextStore as T } from "../../utils/page-store.js";
-const $ = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
-  var _a, _b;
-  const $2 = e2;
-  null == $2.configure.style && ($2.configure.style = {});
-  const E = w($2.configure, $2.pageContext);
-  $2.configure && $2.configure.props && $2.configure.props.base && ($2.configure.props.base.functionCode = E), j($2.pageContext, $2.configure);
-  let H = o(true), k = o(true), F = o("");
-  if ($2.configure && $2.configure.props) {
-    let e3 = [];
-    ((_a = $2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof $2.configure.props.base.showConditions ? JSON.parse($2.configure.props.base.showConditions) : $2.configure.props.base.showConditions), k = t(() => {
-      var _a2;
-      let o2 = true;
-      if (H.value) if (S($2.pageContext, $2.configure)) if (e3 && e3.length > 0) o2 = N($2.pageContext, e3);
-      else {
-        const e4 = (_a2 = $2.configure.props.base) == null ? void 0 : _a2.state;
-        e4 && "hidden" === e4 && (o2 = false);
-      }
-      else o2 = false;
-      else o2 = false;
-      return o2;
-    });
-    if ($2.configure._dynamicShowFlag = k, (_b = $2.configure.props.base) == null ? void 0 : _b.editConditions) {
-      const e4 = $2.configure.props.base.editConditions;
-      if (e4.length > 0) {
-        const o2 = $2.configure.runtime ? $2.configure.runtime : {}, n2 = o2.props ? o2.props : {};
-        if (n2.rawSate = n2.state, L($2.pageContext) && $2.pageContext.fieldPermissionMap) {
-          const e5 = $2.pageContext.fieldPermissionMap.get("all_fields");
-          if (false === (e5 == null ? void 0 : e5.canEdit)) F.value = "disabled";
-          else {
-            const e6 = $2.configure.props.base;
-            if (e6 && e6.prop) {
-              let o3 = e6.prop;
-              o3 = P(o3);
-              const t2 = $2.pageContext.fieldPermissionMap.get(o3);
-              t2 && false === t2.canEdit && (F.value = "disabled");
+import { defineComponent, ref, computed, markRaw, onMounted, onUnmounted, resolveDirective, withDirectives, createCommentVNode, unref, createBlock, openBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, vShow, nextTick } from "vue";
+import _sfc_main$1 from "./error-render.vue.js";
+import { getRuntimeComponentByName } from "../../utils/assemblys-config.js";
+import { PageDimensions } from "../../utils/interfaces/page-design-types.js";
+import { addComponentRef, addComponentRefByCode } from "../../utils/global-refs.js";
+import { getPermissionCodes, packageFormRules, controlObjectRenderState } from "../../utils/page-init-util.js";
+import { caculateShowCondition, getFormPropName, getSizeConfig } from "../../utils/page-helper-util.js";
+import { isWorkflowPage, getPropClassName, isNumber } from "../../utils/common-util.js";
+import { isShowMobileEvent, isShowComponent } from "../../utils/events/event-util.js";
+import { usePageContextStore } from "../../utils/page-store.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "object-render",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    var _a, _b;
+    const props = __props;
+    if (props.configure.style == void 0) {
+      props.configure.style = {};
+    }
+    const permissionCodes = getPermissionCodes(props.configure, props.pageContext);
+    if (props.configure && props.configure.props && props.configure.props.base) {
+      props.configure.props.base.functionCode = permissionCodes;
+    }
+    packageFormRules(props.pageContext, props.configure);
+    let handleShowFlag = ref(true);
+    let showFlag = ref(true);
+    let editFlag = ref("");
+    if (props.configure && props.configure.props) {
+      let showConditions = [];
+      if ((_a = props.configure.props.base) == null ? void 0 : _a.showConditions) {
+        if (typeof props.configure.props.base.showConditions === "string") {
+          showConditions = JSON.parse(props.configure.props.base.showConditions);
+        } else {
+          showConditions = props.configure.props.base.showConditions;
+        }
+      }
+      showFlag = computed(() => {
+        var _a2;
+        let dynamicShowFlag = true;
+        if (!handleShowFlag.value) {
+          dynamicShowFlag = false;
+        } else {
+          if (!isShowMobileEvent(props.pageContext, props.configure)) {
+            dynamicShowFlag = false;
+          } else {
+            if (showConditions && showConditions.length > 0) {
+              dynamicShowFlag = caculateShowCondition(props.pageContext, showConditions);
+            } else {
+              const state = (_a2 = props.configure.props.base) == null ? void 0 : _a2.state;
+              if (state && state === "hidden") {
+                dynamicShowFlag = false;
+              }
             }
           }
         }
-        n2.state = t({ get() {
-          if ("disabled" === F.value) return F.value;
-          return N($2.pageContext, e4) ? "" : "disabled";
-        }, set() {
-        } });
+        return dynamicShowFlag;
+      });
+      const propConfigure = props.configure;
+      propConfigure._dynamicShowFlag = showFlag;
+      if ((_b = props.configure.props.base) == null ? void 0 : _b.editConditions) {
+        const editConditions = props.configure.props.base.editConditions;
+        if (editConditions.length > 0) {
+          const runtime = props.configure.runtime ? props.configure.runtime : {};
+          const property = runtime.props ? runtime.props : {};
+          property.rawSate = property.state;
+          if (isWorkflowPage(props.pageContext) && props.pageContext.fieldPermissionMap) {
+            const allFields = props.pageContext.fieldPermissionMap.get("all_fields");
+            if ((allFields == null ? void 0 : allFields["canEdit"]) === false) {
+              editFlag.value = "disabled";
+            } else {
+              const propsBase = props.configure.props.base;
+              if (propsBase && propsBase.prop) {
+                let propName = propsBase.prop;
+                propName = getFormPropName(propName);
+                const propEditPermission = props.pageContext.fieldPermissionMap.get(propName);
+                if (propEditPermission) {
+                  if (propEditPermission["canEdit"] === false) {
+                    editFlag.value = "disabled";
+                  }
+                }
+              }
+            }
+          }
+          property.state = computed({
+            get() {
+              if (editFlag.value === "disabled") {
+                return editFlag.value;
+              }
+              const canEdit = caculateShowCondition(props.pageContext, editConditions);
+              return canEdit ? "" : "disabled";
+            },
+            set() {
+            }
+          });
+        }
       }
     }
-  }
-  const J = o({});
-  J.value = n(b($2.configure.name));
-  const W = o(true);
-  null == J.value && (J.value = C, W.value = false);
-  const q = o(null), z = o({}), A = o(""), D = O($2.configure);
-  D && (A.value = D);
-  const G = $2.configure.runtime && $2.configure.runtime.common ? $2.configure.runtime.common : {};
-  if (G.class && (A.value += " " + G.class), G.style) {
-    Object.assign(z.value, G.style);
-    const e3 = $2.pageContext && $2.pageContext.dimensions ? $2.pageContext.dimensions : x.PC, o2 = G.style[e3 + "_style"];
-    o2 && Object.assign(z.value, o2);
-    const t2 = G.style[e3 + "_class"];
-    t2 && (A.value += " " + t2);
-  }
-  const I = T();
-  function K(e3) {
-    if (q.value = e3, e3 && !e3.show && (e3.show = function() {
-      H.value = true;
-    }), e3 && !e3.hide && (e3.hide = function() {
-      H.value = false;
-    }), e3 && !e3.getConfigure && (e3.getConfigure = function() {
-      return $2.configure;
-    }), $2.configure.uuid && h($2.pageContext, $2.configure.uuid, q), $2.configure.code) y($2.pageContext, $2.configure.code, q);
-    else if ($2.configure.props && $2.configure.props.base) {
-      const e4 = $2.configure.props.base;
-      if (e4.prop) {
-        let o3 = e4.prop;
-        o3.startsWith("${") && (o3 = o3.substring(2, o3.length - 1)), o3.includes(".") && (o3 = o3.substring(o3.indexOf(".") + 1)), y($2.pageContext, o3, q);
+    const dynamicComponent = ref({});
+    dynamicComponent.value = markRaw(getRuntimeComponentByName(props.configure.name));
+    const showCopy = ref(true);
+    if (dynamicComponent.value == null) {
+      dynamicComponent.value = _sfc_main$1;
+      showCopy.value = false;
+    }
+    const thisRef = ref(null);
+    const runtimeStyle = ref({});
+    const runtimeClass = ref("");
+    const propClassName = getPropClassName(props.configure);
+    if (propClassName) {
+      runtimeClass.value = propClassName;
+    }
+    const commonRuntime = props.configure.runtime && props.configure.runtime.common ? props.configure.runtime.common : {};
+    if (commonRuntime.class) {
+      runtimeClass.value += " " + commonRuntime.class;
+    }
+    if (commonRuntime.style) {
+      Object.assign(runtimeStyle.value, commonRuntime.style);
+      const pageDimensions = props.pageContext && props.pageContext.dimensions ? props.pageContext.dimensions : PageDimensions.PC;
+      const sizeStyle = commonRuntime.style[pageDimensions + "_style"];
+      if (sizeStyle) {
+        Object.assign(runtimeStyle.value, sizeStyle);
+      }
+      const sizeClass = commonRuntime.style[pageDimensions + "_class"];
+      if (sizeClass) {
+        runtimeClass.value += " " + sizeClass;
       }
     }
-    const o2 = $2.configure.props ? $2.configure.props.base : null;
-    if (o2 && o2.prop) {
-      let e4 = o2.prop;
-      e4 = P(e4), _($2.pageContext, e4);
+    const pageContextUtil = usePageContextStore();
+    function setComponentRef(el) {
+      thisRef.value = el;
+      if (el && !el.show) {
+        el.show = function() {
+          handleShowFlag.value = true;
+        };
+      }
+      if (el && !el.hide) {
+        el.hide = function() {
+          handleShowFlag.value = false;
+        };
+      }
+      if (el && !el.getConfigure) {
+        el.getConfigure = function() {
+          return props.configure;
+        };
+      }
+      if (props.configure.uuid) {
+        addComponentRef(props.pageContext, props.configure.uuid, thisRef);
+      }
+      if (props.configure.code) {
+        addComponentRefByCode(props.pageContext, props.configure.code, thisRef);
+      } else if (props.configure.props && props.configure.props.base) {
+        const propsBase2 = props.configure.props.base;
+        if (propsBase2.prop) {
+          let propName = propsBase2.prop;
+          if (propName.startsWith("${")) {
+            propName = propName.substring(2, propName.length - 1);
+          }
+          if (propName.includes(".")) {
+            propName = propName.substring(propName.indexOf(".") + 1);
+          }
+          addComponentRefByCode(props.pageContext, propName, thisRef);
+        }
+      }
+      const propsBase = props.configure.props ? props.configure.props.base : null;
+      if (propsBase && propsBase.prop) {
+        let propName = propsBase.prop;
+        propName = getFormPropName(propName);
+        controlObjectRenderState(props.pageContext, propName);
+      }
+      setComponentHeight();
     }
-    !function() {
-      if (!q.value) return;
-      const e4 = B($2.pageContext, $2.configure);
-      "table" !== $2.configure.name && e4 && e4.isCalcHeight && v(() => {
-        let e5 = q.value.$el;
-        e5 || (e5 = q.value);
-        const o3 = e5.parentNode;
-        if (!e5 || !o3) return;
-        const t2 = e5.getBoundingClientRect();
-        let n2 = window.innerHeight - t2.y - 80, i2 = n2 + "";
-        R(n2) && (i2 = n2 + "px"), z.value.height = i2, z.value["overflow-y"] = "auto", z.value["overflow-x"] = "hidden", $2.configure.sytle || ($2.configure.sytle = {}), $2.configure.sytle._heightStyle = i2;
-      });
-    }();
-  }
-  let Q;
-  i(() => {
-    U(), I.countComponentsLoadedNumber(), Q = setTimeout(() => {
-      I.componentsTotalNmber !== I.componentsLoadedNumber || I.pageComponentsLoaded || I.setPageComponentsLoaded(true);
-    }, 100);
-  }), s(() => {
-    Q && clearTimeout(Q);
-  });
-  const U = () => {
-    if (!q.value) return;
-    let e3 = q.value.$el;
-    e3 || (e3 = q.value);
-    const o2 = e3.parentNode;
-    if (!e3 || !o2) return;
-    const t2 = $2.configure.props ? $2.configure.props : {}, n2 = $2.configure.style ? $2.configure.style : {}, i2 = t2.position;
-    if ("top" == i2 || "bottom" == i2) {
-      const t3 = [o2];
-      if (t3 && t3.length > 0) {
-        const e4 = t3[0].getBoundingClientRect();
-        "top" == i2 && (z.value.top = e4.top + "px"), "bottom" == i2 && (z.value.bottom = "10px");
-      }
-      const n3 = e3.getBoundingClientRect();
-      z.value.width = n3.width + "px";
-    } else if (n2.position && (z.value.position = n2.position, "relative" != z.value.position)) {
-      if (!z.value.width) {
-        const o3 = e3.getBoundingClientRect();
-        z.value.width = o3.width + "px";
-      }
-      n2.left && (z.value.left = n2.left + "px"), n2.top && (z.value.top = n2.top + "px");
+    let timer;
+    onMounted(() => {
+      dynamicallyCalculatePosition();
+      pageContextUtil.countComponentsLoadedNumber();
+      timer = setTimeout(() => {
+        if (pageContextUtil.componentsTotalNmber === pageContextUtil.componentsLoadedNumber && !pageContextUtil.pageComponentsLoaded) {
+          pageContextUtil.setPageComponentsLoaded(true);
+        }
+      }, 100);
+    });
+    onUnmounted(() => {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    });
+    function setComponentHeight() {
+      if (!thisRef.value) {
+        return;
+      }
+      const sizeConfig = getSizeConfig(props.pageContext, props.configure);
+      if (props.configure.name !== "table" && sizeConfig && sizeConfig["isCalcHeight"]) {
+        nextTick(() => {
+          let thisRefDom = thisRef.value.$el;
+          if (!thisRefDom) {
+            thisRefDom = thisRef.value;
+          }
+          const parentNode = thisRefDom.parentNode;
+          if (!thisRefDom || !parentNode) {
+            return;
+          }
+          const rect = thisRefDom.getBoundingClientRect();
+          let contentHeight = window.innerHeight - rect.y - 80;
+          let heightStyle = contentHeight + "";
+          if (isNumber(contentHeight)) {
+            heightStyle = contentHeight + "px";
+          }
+          runtimeStyle.value["height"] = heightStyle;
+          runtimeStyle.value["overflow-y"] = "auto";
+          runtimeStyle.value["overflow-x"] = "hidden";
+          if (!props.configure.sytle) {
+            props.configure.sytle = {};
+          }
+          props.configure.sytle._heightStyle = heightStyle;
+        });
+      }
     }
-  };
-  return (e3, o2) => {
-    const t2 = r("permission");
-    return p(M)(e3.configure) ? u((c(), a(g(J.value), { key: 0, ref: K, style: d(z.value), class: f(A.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[m, p(k)], [t2, p(E) ? p(E) : "true"]]) : l("", true);
-  };
-} });
+    const dynamicallyCalculatePosition = () => {
+      if (!thisRef.value) {
+        return;
+      }
+      let thisRefDom = thisRef.value.$el;
+      if (!thisRefDom) {
+        thisRefDom = thisRef.value;
+      }
+      const parentNode = thisRefDom.parentNode;
+      if (!thisRefDom || !parentNode) {
+        return;
+      }
+      const thisProps = props.configure.props ? props.configure.props : {};
+      const thisStyle = props.configure.style ? props.configure.style : {};
+      const position = thisProps.position;
+      if (position == "top" || position == "bottom") {
+        const contentObj = [parentNode];
+        if (contentObj && contentObj.length > 0) {
+          const contentRec = contentObj[0].getBoundingClientRect();
+          if (position == "top") {
+            runtimeStyle.value["top"] = contentRec.top + "px";
+          }
+          if (position == "bottom") {
+            runtimeStyle.value["bottom"] = "10px";
+          }
+        }
+        const thisRec = thisRefDom.getBoundingClientRect();
+        runtimeStyle.value["width"] = thisRec.width + "px";
+      } else if (thisStyle.position) {
+        runtimeStyle.value["position"] = thisStyle.position;
+        if (runtimeStyle.value.position != "relative") {
+          if (!runtimeStyle.value["width"]) {
+            const thisRec = thisRefDom.getBoundingClientRect();
+            runtimeStyle.value["width"] = thisRec.width + "px";
+          }
+          if (thisStyle.left) {
+            runtimeStyle.value["left"] = thisStyle.left + "px";
+          }
+          if (thisStyle.top) {
+            runtimeStyle.value["top"] = thisStyle.top + "px";
+          }
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _directive_permission = resolveDirective("permission");
+      return unref(isShowComponent)(_ctx.configure) ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(dynamicComponent.value), {
+        key: 0,
+        ref: setComponentRef,
+        style: normalizeStyle(runtimeStyle.value),
+        class: normalizeClass(runtimeClass.value),
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["style", "class", "configure", "pageContext"])), [
+        [vShow, unref(showFlag)],
+        [_directive_permission, unref(permissionCodes) ? unref(permissionCodes) : "true"]
+      ]) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  $ as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/object-render.vue2.js

@@ -1,4 +1,4 @@
-import e from "./object-render.vue.js";
+import _sfc_main from "./object-render.vue.js";
 export {
-  e as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-runtime.vue.js

@@ -1,4 +1,4 @@
-import e from "./pictureflow-runtime.vue2.js";
+import _sfc_main from "./pictureflow-runtime.vue2.js";
 export {
-  e as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-runtime.vue2.js

@@ -1,20 +1,48 @@
-import { defineComponent as e, ref as t, watch as n, resolveComponent as o, createElementBlock as i, createBlock as r, unref as s, openBlock as a, toDisplayString as l, normalizeStyle as u } from "vue";
-import { getWorkflowId as p } from "../../../../utils/common-util.js";
-const f = { key: 0 }, g = e({ __name: "pictureflow-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  var _a;
-  const g2 = e2, m = t(null), x = (_a = g2.configure.sytle) == null ? void 0 : _a._heightStyle;
-  if (x && (x + "").indexOf("px") > 0) {
-    const e3 = x.substring(0, x.lastIndexOf("px"));
-    m.value = Number(e3) - 20;
-  } else m.value = window.innerHeight - 120;
-  const y = t(null), c = p(g2.pageContext);
-  return g2.pageContext.entity && g2.pageContext.entity.task && n(g2.pageContext.entity.task.id, () => {
-    c && y.value && y.value.refresh();
-  }, { immediate: true }), (e3, t2) => {
-    const n2 = o("workflow-history");
-    return s(c) ? (a(), r(n2, { key: 1, id: s(c), ref_key: "historyGraphRef", ref: y, style: u({ maxHeight: m.value + "px" }) }, null, 8, ["id", "style"])) : (a(), i("span", f, l(e3.$t("superPageRuntimeMessage.flowNotStart")), 1));
-  };
-} });
+import { defineComponent, ref, watch, resolveComponent, createElementBlock, createBlock, unref, openBlock, toDisplayString, normalizeStyle } from "vue";
+import { getWorkflowId } from "../../../../utils/common-util.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pictureflow-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const maxHeight = ref(null);
+    const heightStyle = (_a = props.configure.sytle) == null ? void 0 : _a._heightStyle;
+    if (heightStyle && (heightStyle + "").indexOf("px") > 0) {
+      const contentHeight = heightStyle.substring(0, heightStyle.lastIndexOf("px"));
+      maxHeight.value = Number(contentHeight) - 20;
+    } else {
+      maxHeight.value = window.innerHeight - 120;
+    }
+    const historyGraphRef = ref(null);
+    const workflowId = getWorkflowId(props.pageContext);
+    if (props.pageContext.entity && props.pageContext.entity.task) {
+      watch(
+        props.pageContext.entity.task.id,
+        () => {
+          if (workflowId && historyGraphRef.value) {
+            historyGraphRef.value.refresh();
+          }
+        },
+        { immediate: true }
+      );
+    }
+    return (_ctx, _cache) => {
+      const _component_workflow_history = resolveComponent("workflow-history");
+      return !unref(workflowId) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.$t("superPageRuntimeMessage.flowNotStart")), 1)) : (openBlock(), createBlock(_component_workflow_history, {
+        key: 1,
+        id: unref(workflowId),
+        ref_key: "historyGraphRef",
+        ref: historyGraphRef,
+        style: normalizeStyle({ maxHeight: maxHeight.value + "px" })
+      }, null, 8, ["id", "style"]));
+    };
+  }
+});
 export {
-  g as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/text-history/textflow-runtime.vue.js

@@ -1,4 +1,4 @@
-import t from "./textflow-runtime.vue2.js";
+import _sfc_main from "./textflow-runtime.vue2.js";
 export {
-  t as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/text-history/textflow-runtime.vue2.js

@@ -1,23 +1,51 @@
-import { defineComponent as e, ref as t, watch as n, resolveComponent as o, createElementBlock as i, createBlock as s, unref as r, openBlock as l, toDisplayString as a, normalizeStyle as u } from "vue";
-import { getWorkflowId as p } from "../../../../utils/common-util.js";
-const f = { key: 0 }, g = e({ __name: "textflow-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  var _a;
-  const g2 = e2, x = t(null), m = (_a = g2.configure.sytle) == null ? void 0 : _a._heightStyle;
-  if (m && (m + "").indexOf("px") > 0) {
-    const e3 = m.substring(0, m.lastIndexOf("px"));
-    x.value = Number(e3) - 20;
-  } else x.value = window.innerHeight - 120;
-  const y = t(null), w = p(g2.pageContext);
-  return g2.pageContext.entity && g2.pageContext.entity.task && n(() => {
-    var _a2;
-    return (_a2 = g2.pageContext.entity.task) == null ? void 0 : _a2.id;
-  }, () => {
-    w && y.value && g2.pageContext.entity.task && y.value.refresh();
-  }, { immediate: true }), (e3, t2) => {
-    const n2 = o("workflow-history-list");
-    return r(w) ? (l(), s(n2, { key: 1, ref_key: "historyList", ref: y, "workflow-id": r(w), style: u({ maxHeight: x.value + "px" }) }, null, 8, ["workflow-id", "style"])) : (l(), i("span", f, a(e3.$t("superPageRuntimeMessage.flowNotStart")), 1));
-  };
-} });
+import { defineComponent, ref, watch, resolveComponent, createElementBlock, createBlock, unref, openBlock, toDisplayString, normalizeStyle } from "vue";
+import { getWorkflowId } from "../../../../utils/common-util.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "textflow-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const maxHeight = ref(null);
+    const heightStyle = (_a = props.configure.sytle) == null ? void 0 : _a._heightStyle;
+    if (heightStyle && (heightStyle + "").indexOf("px") > 0) {
+      const contentHeight = heightStyle.substring(0, heightStyle.lastIndexOf("px"));
+      maxHeight.value = Number(contentHeight) - 20;
+    } else {
+      maxHeight.value = window.innerHeight - 120;
+    }
+    const historyList = ref(null);
+    const workflowId = getWorkflowId(props.pageContext);
+    if (props.pageContext.entity && props.pageContext.entity.task) {
+      watch(
+        () => {
+          var _a2;
+          return (_a2 = props.pageContext.entity.task) == null ? void 0 : _a2.id;
+        },
+        () => {
+          if (workflowId && historyList.value && props.pageContext.entity.task) {
+            historyList.value.refresh();
+          }
+        },
+        { immediate: true }
+      );
+    }
+    return (_ctx, _cache) => {
+      const _component_workflow_history_list = resolveComponent("workflow-history-list");
+      return !unref(workflowId) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.$t("superPageRuntimeMessage.flowNotStart")), 1)) : (openBlock(), createBlock(_component_workflow_history_list, {
+        key: 1,
+        ref_key: "historyList",
+        ref: historyList,
+        "workflow-id": unref(workflowId),
+        style: normalizeStyle({ maxHeight: maxHeight.value + "px" })
+      }, null, 8, ["workflow-id", "style"]));
+    };
+  }
+});
 export {
-  g as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/workflow-button/workflowbutton-runtime.vue.js

@@ -1,4 +1,4 @@
-import o from "./workflowbutton-runtime.vue2.js";
+import _sfc_main from "./workflowbutton-runtime.vue2.js";
 export {
-  o as default
+  _sfc_main as default
 };