ui-process-h5 0.1.20 → 0.1.22

package/lib/design.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, ref as p, watch as b, onMounted as $, openBlock as f, createElementBlock as r, createElementVNode as k, Fragment as _, renderList as m, normalizeClass as T, toDisplayString as g, createCommentVNode as d, withDirectives as W, renderSlot as y, vShow as C } from "vue";
-const A = L({
+import { defineComponent as N, ref as _, watch as D, onMounted as O, openBlock as n, createElementBlock as r, createElementVNode as t, Fragment as g, renderList as S, normalizeClass as H, toDisplayString as v, createCommentVNode as m, withDirectives as R, renderSlot as k, vShow as Y, pushScopeId as W, popScopeId as z, normalizeStyle as A, computed as U, resolveComponent as F, createVNode as M, withCtx as P, createBlock as G, createTextVNode as q } from "vue";
+const K = N({
   name: "TopTab",
   props: {
     /**
@@ -21,7 +21,25 @@ const A = L({
     }
   },
   setup(e) {
-    const u = p(""), i = p([
+    const s = _(
+      "http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="
+    ), f = _([
+      {
+        actionName: "提交",
+        activityName: "部门负责人",
+        createDate: "2023-04-20 14:47:35",
+        createUser: "18ccbf63229f0c79f39940ae284c111e",
+        createUserName: "朱鸿飞",
+        customUniqueId: "",
+        departmentName: "测试部",
+        id: "88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",
+        metaAnnexList: null,
+        msg: "同意",
+        positionName: "测试部119147",
+        processInstId: "1f6e7196-e1ea-428e-b295-aa23a54a2402",
+        taskInstId: "38bbef1c-efbb-456d-bd79-08ed9d96b4b3"
+      }
+    ]), i = _(""), c = _([
       {
         label: "基本信息",
         key: "a",
@@ -40,7 +58,7 @@ const A = L({
         type: "default",
         slot: "tab3"
       }
-    ]), o = p([
+    ]), d = _([
       {
         label: "基本信息",
         key: "a",
@@ -59,26 +77,26 @@ const A = L({
         type: "default",
         slot: "tab3"
       }
-    ]), s = p(), h = (t, n) => {
-      t !== u.value && (u.value = t, a(n));
-    }, a = (t) => {
-      if (s.value.length) {
-        let n = document.getElementsByClassName("bottom-line")[0], l;
-        if (n.offsetWidth < s.value[t].offsetWidth - 10) {
-          let c = (s.value[t].offsetWidth - n.offsetWidth - 10) / 2;
-          l = `${s.value[t].offsetLeft + c}px`;
-        } else if (n.offsetWidth > s.value[t].offsetWidth - 10) {
-          let c = (n.offsetWidth - s.value[t].offsetWidth + 10) / 2;
-          l = `${s.value[t].offsetLeft - c}px`;
+    ]), a = _(), y = (l, b) => {
+      l !== i.value && (i.value = l, p(b));
+    }, p = (l) => {
+      if (a.value.length) {
+        let b = document.getElementsByClassName("bottom-line")[0], u;
+        if (b.offsetWidth < a.value[l].offsetWidth - 10) {
+          let h = (a.value[l].offsetWidth - b.offsetWidth - 10) / 2;
+          u = `${a.value[l].offsetLeft + h}px`;
+        } else if (b.offsetWidth > a.value[l].offsetWidth - 10) {
+          let h = (b.offsetWidth - a.value[l].offsetWidth + 10) / 2;
+          u = `${a.value[l].offsetLeft - h}px`;
         } else
-          l = `${s.value[t].offsetLeft}px`;
-        n.style.transition = ".3s", n.style.transform = `translateX(${l})`;
+          u = `${a.value[l].offsetLeft}px`;
+        b.style.transition = ".3s", b.style.transform = `translateX(${u})`;
       }
     };
-    return b(
+    return D(
       () => e.selfTapList,
-      (t, n) => {
-        t.length && (o.value = [].concat(t), u.value = o.value[0].key);
+      (l, b) => {
+        l.length && (d.value = [].concat(l), i.value = d.value[0].key);
       },
       {
         //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
@@ -87,12 +105,12 @@ const A = L({
         //这个参数代表监听对象时，可以监听深度嵌套的对象属性
         deep: !0
       }
-    ), b(
+    ), D(
       () => e.tapList,
-      (t, n) => {
-        e.selfTapList.length || (o.value = [].concat(i.value), t.length > 0 && t.forEach((l, c) => {
-          l.sort && l.sort > 1 ? o.value.splice(l.sort - 1, 0, l) : l.sort == 1 ? o.value.unshift(l) : o.value.push(l);
-        }), u.value = o.value[0].key);
+      (l, b) => {
+        e.selfTapList.length || (d.value = [].concat(c.value), l.length > 0 && l.forEach((u, h) => {
+          u.sort && u.sort > 1 ? d.value.splice(u.sort - 1, 0, u) : u.sort == 1 ? d.value.unshift(u) : d.value.push(u);
+        }), i.value = d.value[0].key);
       },
       {
         //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
@@ -101,63 +119,478 @@ const A = L({
         //这个参数代表监听对象时，可以监听深度嵌套的对象属性
         deep: !0
       }
-    ), $(() => {
-      a(0);
+    ), O(() => {
+      p(0);
     }), {
-      isTapList: o,
-      active: u,
-      handleActive: h,
-      label: s
+      isTapList: d,
+      active: i,
+      handleActive: y,
+      label: a,
+      taskCommentList: f,
+      trackUrl: s
     };
   }
 });
-const E = (e, u) => {
-  const i = e.__vccOpts || e;
-  for (const [o, s] of u)
-    i[o] = s;
-  return i;
-}, V = { class: "tops-tab" }, w = { class: "tops-tab-header" }, B = ["onClick"], N = {
+const w = (e, s) => {
+  const f = e.__vccOpts || e;
+  for (const [i, c] of s)
+    f[i] = c;
+  return f;
+}, $ = (e) => (W("data-v-baad7ff1"), e = e(), z(), e), X = { class: "tops-tab" }, J = { class: "tops-tab-header" }, Q = ["onClick"], Z = {
   key: 0,
   class: "bottom-line"
-}, S = { class: "tops-tab-body" };
-function D(e, u, i, o, s, h) {
-  return f(), r("div", V, [
-    k("div", w, [
-      (f(!0), r(_, null, m(e.isTapList, (a, t) => (f(), r("div", {
-        class: T(["tops-tab-header-items", [a.key === e.active ? "active" : ""]]),
-        onClick: (n) => e.handleActive(a.key, t),
+}, x = { class: "tops-tab-body" }, ee = ["src"], te = {
+  key: 1,
+  class: "textnone"
+}, se = { class: "seal-list__item--option" }, ae = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "节点名称", -1)), oe = { class: "seal-list__item--option" }, ne = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批人", -1)), le = { class: "seal-list__item--option" }, ue = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批操作", -1)), re = { class: "seal-list__item--option" }, ie = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批意见", -1)), ce = ["innerHTML"], de = { class: "seal-list__item--option" }, pe = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "审批时间", -1)), fe = {
+  key: 0,
+  class: "seal-list__item--attch"
+}, me = /* @__PURE__ */ $(() => /* @__PURE__ */ t("span", null, "查看附件", -1)), be = [
+  me
+], _e = {
+  key: 1,
+  class: "textnone"
+};
+function ve(e, s, f, i, c, d) {
+  return n(), r("div", X, [
+    t("div", J, [
+      (n(!0), r(g, null, S(e.isTapList, (a, y) => (n(), r("div", {
+        class: H(["tops-tab-header-items", [a.key === e.active ? "active" : ""]]),
+        onClick: (p) => e.handleActive(a.key, y),
         ref_for: !0,
         ref: "label"
-      }, g(a.label), 11, B))), 256)),
-      e.isTapList.length ? (f(), r("div", N)) : d("", !0)
+      }, v(a.label), 11, Q))), 256)),
+      e.isTapList.length ? (n(), r("div", Z)) : m("", !0)
     ]),
-    k("div", S, [
-      (f(!0), r(_, null, m(e.isTapList, (a) => W((f(), r("div", {
+    t("div", x, [
+      (n(!0), r(g, null, S(e.isTapList, (a) => R((n(), r("div", {
         key: a.key,
-        style: { height: "100%" }
+        style: { height: "calc(100% - 45px)" }
       }, [
-        a.key === "a" && a.type === "default" ? y(e.$slots, "default", { key: 0 }, void 0, !0) : d("", !0),
-        a.key === "tab2" && a.type === "default" ? y(e.$slots, "default", { key: 1 }, void 0, !0) : d("", !0),
-        a.key === "tab3" && a.type === "default" ? y(e.$slots, "default", { key: 2 }, void 0, !0) : d("", !0),
-        a.type == "slot" ? y(e.$slots, a.slot, { key: 3 }, void 0, !0) : d("", !0)
+        a.key === "a" && a.type === "default" ? k(e.$slots, "default", { key: 0 }, void 0, !0) : m("", !0),
+        a.key === "b" && a.type === "default" ? k(e.$slots, a.slot, { key: 1 }, () => [
+          e.trackUrl ? (n(), r("iframe", {
+            key: 0,
+            src: e.trackUrl,
+            style: { width: "100%", "min-height": "500px", border: "none" },
+            scrolling: "no",
+            frameborder: "0"
+          }, null, 8, ee)) : (n(), r("div", te, " 暂无流程图 "))
+        ], !0) : m("", !0),
+        a.key === "c" && a.type === "default" ? k(e.$slots, a.slot, { key: 2 }, () => {
+          var y;
+          return [
+            ((y = e.taskCommentList) == null ? void 0 : y.length) > 0 ? (n(!0), r(g, { key: 0 }, S(e.taskCommentList, (p, l) => (n(), r("div", {
+              key: p.id,
+              class: "seal-list__item"
+            }, [
+              t("div", null, [
+                t("div", se, [
+                  ae,
+                  t("span", null, v(p.activityName), 1)
+                ]),
+                t("div", oe, [
+                  ne,
+                  t("span", null, v(p.createUserName), 1)
+                ]),
+                t("div", le, [
+                  ue,
+                  t("span", null, v(p.actionName), 1)
+                ]),
+                t("div", re, [
+                  ie,
+                  t("span", {
+                    innerHTML: p.msg
+                  }, null, 8, ce)
+                ]),
+                t("div", de, [
+                  pe,
+                  t("span", null, v(p.createDate), 1)
+                ]),
+                p.metaAnnexList && p.metaAnnexList.length ? (n(), r("div", fe, be)) : m("", !0)
+              ])
+            ]))), 128)) : (n(), r("div", _e, "暂无数据"))
+          ];
+        }, !0) : m("", !0),
+        a.type == "slot" ? k(e.$slots, a.slot, { key: 3 }, void 0, !0) : m("", !0)
       ])), [
-        [C, e.active === a.key]
+        [Y, e.active === a.key]
       ])), 128))
     ])
   ]);
 }
-const v = /* @__PURE__ */ E(A, [["render", D], ["__scopeId", "data-v-a3457e59"]]);
-v.install = function(e) {
-  return e.component(v.name, v), e;
+const B = /* @__PURE__ */ w(K, [["render", ve], ["__scopeId", "data-v-baad7ff1"]]);
+B.install = function(e) {
+  return e.component(B.name, B), e;
+};
+const he = N({
+  name: "TopPopup",
+  props: {
+    titleText: { default: "top-popup", type: String },
+    cancelText: { default: "取消", type: String },
+    comfigText: { default: "确定", type: String },
+    comfig: { default: null, type: Function },
+    cancel: { default: null, type: Function },
+    isMask: { require: !1, default: !0, type: Boolean },
+    isMaskClose: { require: !1, default: !0, type: Boolean }
+  },
+  setup(e) {
+    const s = _(!1), f = () => {
+      s.value = !0;
+    }, i = () => {
+      typeof e.cancel == "function" && e.cancel(), d();
+    }, c = () => {
+      typeof e.comfig == "function" && e.comfig();
+    }, d = () => {
+      s.value = !1;
+    };
+    return O(() => {
+      document.querySelector("body");
+    }), {
+      handleOpen: f,
+      handleCancel: i,
+      handleComfig: c,
+      handleClose: d,
+      show: s
+    };
+  }
+});
+const ye = { class: "top-popup-header" }, ke = { class: "header-title" }, ge = { class: "top-popup-body" };
+function $e(e, s, f, i, c, d) {
+  return n(), r(g, null, [
+    t("div", {
+      class: "top-popup",
+      style: A(
+        e.show ? "transform: translateY(0)" : "transform: translateY(100%)"
+      )
+    }, [
+      t("div", ye, [
+        t("div", {
+          class: "header-cancel",
+          onClick: s[0] || (s[0] = (...a) => e.handleCancel && e.handleCancel(...a))
+        }, v(e.cancelText), 1),
+        t("div", ke, v(e.titleText), 1),
+        t("div", {
+          class: "header-comfig",
+          onClick: s[1] || (s[1] = (...a) => e.handleComfig && e.handleComfig(...a))
+        }, v(e.comfigText), 1)
+      ]),
+      t("div", ge, [
+        k(e.$slots, "default", {}, void 0, !0)
+      ])
+    ], 4),
+    e.show && e.isMask ? (n(), r("div", {
+      key: 0,
+      class: "top-popup-mask",
+      onClick: s[2] || (s[2] = (a) => e.isMaskClose && e.handleClose())
+    })) : m("", !0)
+  ], 64);
+}
+const T = /* @__PURE__ */ w(he, [["render", $e], ["__scopeId", "data-v-474e328a"]]);
+T.install = function(e) {
+  return console.log("TopPopup.install", e), e.mount(T), e.component(T.name, T), e;
+};
+const Ce = N({
+  name: "TopButton",
+  props: {
+    type: { default: "default", type: String }
+  },
+  setup(e) {
+    const s = _({
+      textColor: "#fff",
+      bckColor: "3c9cff"
+    });
+    switch (e.type) {
+      case "primary":
+        s.value.textColor = "#fff", s.value.bckColor = "#3c9cff";
+        break;
+      case "danger":
+        s.value.textColor = "rgb(255, 96, 96)", s.value.bckColor = "rgb(255, 230, 230)";
+        break;
+      case "default":
+        s.value.textColor = "rgb(51, 51, 51)", s.value.bckColor = "rgb(241, 241, 241)";
+        break;
+    }
+    return {
+      style: s
+    };
+  }
+});
+function Te(e, s, f, i, c, d) {
+  return n(), r("div", {
+    class: "top-button",
+    style: A(`background-color:${e.style.bckColor};color:${e.style.textColor}`)
+  }, [
+    k(e.$slots, "default", {}, void 0, !0)
+  ], 4);
+}
+const L = /* @__PURE__ */ w(Ce, [["render", Te], ["__scopeId", "data-v-156a54e6"]]);
+L.install = function(e) {
+  return e.component(L.name, L), e;
+};
+const Be = N({
+  name: "TopProcess",
+  components: {
+    TopTab: B,
+    TopPopup: T,
+    TopButton: L
+  },
+  props: {
+    tapList: { require: !1, default: () => [], type: Array },
+    processId: { require: !0, default: "", type: String },
+    processDefId: { require: !0, default: "", type: String },
+    taskId: { require: !0, default: "", type: String },
+    isAdditional: { require: !1, default: !1, type: Boolean },
+    isView: { default: !1, type: Boolean }
+  },
+  setup(e) {
+    const s = _({}), f = _(), i = _([
+      {
+        taskId: "ecd82a93-4a62-42a7-b7bd-df38d2f1609a",
+        taskState: 1,
+        nodeId: "obj_026aac284c1a4303854f978b674be4b9",
+        customUniqueId: "",
+        nodeName: "部门负责人"
+      }
+    ]), c = _({
+      id: "obj_026aac284c1a4303854f978b674be4b9",
+      name: "部门负责人",
+      no: "1",
+      buttons: [],
+      ccTaskButtonLabel: "",
+      ccTaskButtonAnnex: null,
+      completeButtonLabel: "同意",
+      completeButtonAnnex: null,
+      delegateTaskButtonLabel: "转办",
+      delegateTaskButtonAnnex: null,
+      printFormButtonLabel: "",
+      supplyUnusualTransferButtonLabel: "",
+      readingOfficeLabel: "",
+      readingOfficeButtonAnnex: null,
+      jointlySignLabel: "",
+      jointlySignButtonAnnex: null,
+      counterSignLabel: "加签",
+      counterSignButtonAnnex: null,
+      coordinationLabel: "",
+      coordinationButtonAnnex: null,
+      otherButtonAnnexList: null,
+      humanPerformer: {
+        id: "obj_2bd3494ae5c54309b7f2ea452921790b",
+        name: "任意指定",
+        resourceAssignmentExpressionModel: {
+          formalExpression: ""
+        }
+      },
+      commentModels: [
+        {
+          actionName: "提交",
+          isDefault: !0
+        },
+        {
+          actionName: "作废",
+          isDefault: !1
+        }
+      ],
+      routeTxt: {
+        departmentIds: null,
+        companyIds: null,
+        teamList: null,
+        routeType: "DynamicUsers"
+      },
+      loopCardinality: 1,
+      isHistoryRoute: !1,
+      participantList: null,
+      historyRoute: !1
+    });
+    D(
+      () => e.processId,
+      (u, h) => {
+        u && (s.value = {
+          status: "审批中",
+          createUid: "18ccbf63229f0c79f39940ae284c111e",
+          createTopUserId: "128ec9c9b7f26135272596fe01c57690",
+          createTime: "2023-04-20 15:01:48",
+          currUserName: "朱鸿飞",
+          allUserNames: ["朱鸿飞"],
+          userNodeGroup: {
+            分管领导: ["朱鸿飞"]
+          },
+          appId: "com.awspaas.user.apps.top.study.project",
+          statusCode: "1",
+          statusName: "审批中",
+          bizStatusName: "审批中",
+          taskState: 1
+        });
+      },
+      {
+        //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
+        //那么首次执行，val为默认值,preVal为undefined
+        immediate: !0,
+        //这个参数代表监听对象时，可以监听深度嵌套的对象属性
+        deep: !0
+      }
+    ), console.log("asd", i.value[0].taskState);
+    const d = U(() => {
+      var j, V;
+      let u = [], h = i.value && i.value[0] && i.value[0].taskState != 4;
+      if (h && !e.isView && c.value.completeButtonLabel) {
+        let o = {};
+        o.name = c.value.completeButtonLabel, o.btnProps = { type: "primary" }, u.push(o);
+      }
+      if (h && !e.isView && s.value.currUserName) {
+        let o = {};
+        o.name = "拒绝", o.btnProps = { type: "danger" }, u.push(o);
+      }
+      if (h && !e.isView && c.value.buttons && c.value.buttons.length && c.value.buttons.forEach((o) => {
+        if (o.label === "退回") {
+          let E = {};
+          E.name = o.label, E.btnProps = { type: "danger" }, u.push(E);
+        }
+      }), h && !e.isView && c.value.delegateTaskButtonLabel) {
+        let o = {};
+        o.name = c.value.delegateTaskButtonLabel, o.btnProps = { type: "default" }, u.push(o);
+      }
+      if (e.processId && s.value.createTopUserId == e.userId && ((j = i.value[0]) == null ? void 0 : j.taskState) != 2 && s.value.status !== "已驳回" && s.value.status !== "已撤销") {
+        let o = {};
+        o.name = "催办", o.btnProps = { type: "default" }, u.push(o);
+      }
+      if (e.processId && s.value.createTopUserId == e.userId && ((V = i.value[0]) == null ? void 0 : V.taskState) != 2 && s.value.status !== "已驳回" && s.value.status !== "已撤销") {
+        let o = {};
+        o.name = "撤销", o.btnProps = { type: "default" }, u.push(o);
+      }
+      if (h && !e.isView && c.value.counterSignLabel) {
+        let o = {};
+        o.name = c.value.counterSignLabel, o.btnProps = { type: "primary" }, u.push(o);
+      }
+      return u;
+    }), a = U(() => d.value.length > 3 ? d.value.slice(3) : []), y = () => {
+      console.log("handleCancel");
+    }, p = () => {
+      console.log("handleComfig", "确定按钮"), f.value.handleClose();
+    }, l = U(() => "calc(100vh - 205px)");
+    return {
+      processStatus: s,
+      processCardHeight: l,
+      handleTest: () => {
+        f.value.handleOpen();
+      },
+      TopPopup1: f,
+      handleCancel: y,
+      handleComfig: p,
+      operBtn: d,
+      actionBtn: a
+    };
+  },
+  methods: {
+    getColor(e) {
+      return e == "审核中" ? "#FFA52D" : e == "已驳回" ? "#F14B4C" : e == "已撤销" ? "#CECECE" : e == "已完成" ? "#6DC743" : "#1389FF";
+    }
+  }
+});
+const C = (e) => (W("data-v-41bcbb23"), e = e(), z(), e), Se = { class: "process-warp" }, Le = {
+  key: 0,
+  class: "process-main"
+}, Ie = { class: "process-ml-item border" }, Ae = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "流程状态", -1)), Ne = { class: "process-mli-value" }, we = { class: "process-ml-item border" }, Ee = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "流程发起时间", -1)), Ue = { class: "process-mli-value" }, Fe = {
+  key: 0,
+  class: "process-ml-item"
+}, Pe = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "process-mli-name" }, "审批节点", -1)), De = { class: "process-mli-value" }, je = { class: "process-mliv-jd" }, Ve = {
+  key: 1,
+  class: "process-foot"
+}, Me = { class: "footBtnRow" }, qe = { class: "process-btn" }, Oe = {
+  key: 1,
+  class: "elips"
+}, We = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), ze = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), He = /* @__PURE__ */ C(() => /* @__PURE__ */ t("div", { class: "circle" }, null, -1)), Re = [
+  We,
+  ze,
+  He
+];
+function Ye(e, s, f, i, c, d) {
+  const a = F("TopTab"), y = F("TopButton"), p = F("TopPopup");
+  return n(), r(g, null, [
+    t("div", Se, [
+      e.processStatus.status ? (n(), r("div", Le, [
+        t("div", Ie, [
+          Ae,
+          t("div", Ne, [
+            e.processStatus.status || e.processStatus.bizStatusName ? (n(), r("div", {
+              key: 0,
+              class: "process-mliv-dd",
+              style: A({ background: e.getColor(e.processStatus.status) })
+            }, v(e.processStatus.bizStatusName ? e.processStatus.bizStatusName : e.processStatus.status), 5)) : m("", !0)
+          ])
+        ]),
+        t("div", we, [
+          Ee,
+          t("div", Ue, [
+            t("span", null, v(e.processStatus.createTime), 1)
+          ])
+        ]),
+        e.processStatus.allUserNames && e.processStatus.allUserNames.length ? (n(), r("div", Fe, [
+          Pe,
+          t("div", De, [
+            t("span", je, v(`${e.processStatus.taskState == 4 ? e.processStatus.currUserName : e.processStatus.allUserNames.toString()}审批中`), 1)
+          ])
+        ])) : m("", !0)
+      ])) : m("", !0),
+      t("div", {
+        class: "process-card",
+        style: A({ height: e.processCardHeight })
+      }, [
+        M(a, { tapList: e.tapList }, {
+          default: P(() => [
+            k(e.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["tapList"])
+      ], 4),
+      e.isAdditional ? (n(), r("div", Ve, [
+        t("div", Me, [
+          k(e.$slots, "btn", {}, void 0, !0)
+        ])
+      ])) : m("", !0),
+      t("div", qe, [
+        e.processStatus.status != "已完成" ? (n(!0), r(g, { key: 0 }, S(e.operBtn, (l, b) => (n(), r(g, {
+          key: l.name
+        }, [
+          b < 3 ? (n(), G(y, {
+            key: 0,
+            onClick: e.handleTest,
+            type: l.btnProps.type
+          }, {
+            default: P(() => [
+              q(v(l.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick", "type"])) : m("", !0)
+        ], 64))), 128)) : m("", !0),
+        e.operBtn.length > 3 ? (n(), r("div", Oe, Re)) : m("", !0)
+      ])
+    ]),
+    M(p, {
+      ref: "TopPopup1",
+      cancel: e.handleCancel,
+      comfig: e.handleComfig
+    }, {
+      default: P(() => [
+        q(" csaasd1 ")
+      ]),
+      _: 1
+    }, 8, ["cancel", "comfig"])
+  ], 64);
+}
+const I = /* @__PURE__ */ w(Be, [["render", Ye], ["__scopeId", "data-v-41bcbb23"]]);
+I.install = function(e) {
+  return e.component(I.name, I), e;
 };
-const z = [v], F = function(e) {
-  z.forEach((u) => {
-    e.use(u);
+const Ge = [B, I], Ke = function(e) {
+  Ge.forEach((s) => {
+    e.use(s);
   });
-}, M = {
-  install: F
+}, Je = {
+  install: Ke
 };
 export {
-  v as TopTab,
-  M as default
+  I as TopProcess,
+  B as TopTab,
+  Je as default
 };