nbb-component-ui 1.4.8 → 1.5.0

package/dist/index.es.js

@@ -1,86 +1,649 @@
-import { defineComponent as y, ref as n, watch as k, resolveComponent as w, openBlock as C, createBlock as b, withCtx as q, createTextVNode as x } from "vue";
-import { ElMessage as i } from "element-plus";
-const P = (s) => _().get({
+import { defineComponent as dt, resolveComponent as Z, openBlock as I, createElementBlock as U, createElementVNode as Y, toDisplayString as m, unref as K, createCommentVNode as P, createVNode as R, withCtx as J, Fragment as ht, renderList as Mt, createBlock as lt, createTextVNode as tt, ref as X, watch as wt } from "vue";
+import { ElMessage as ct } from "element-plus";
+const Dt = (a) => yt().get({
   url: "/system/bpm/process-instance/get-approval-detail",
   params: {
-    processInstanceId: s
+    processInstanceId: a
   }
-}), T = (s) => _().get({
+}), bt = (a) => yt().get({
   url: "/system/bpm/task/list-by-process-instance-id",
   params: {
-    processInstanceId: s
+    processInstanceId: a
   }
-}), F = /* @__PURE__ */ y({
+});
+var pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function $t(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+}
+var gt = { exports: {} };
+(function(a, d) {
+  (function(l, v) {
+    a.exports = v();
+  })(pt, function() {
+    var l = 1e3, v = 6e4, g = 36e5, H = "millisecond", D = "second", y = "minute", f = "hour", x = "day", j = "week", b = "month", T = "quarter", r = "year", p = "date", o = "Invalid Date", k = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, N = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, L = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(i) {
+      var n = ["th", "st", "nd", "rd"], t = i % 100;
+      return "[" + i + (n[(t - 20) % 10] || n[t] || n[0]) + "]";
+    } }, O = function(i, n, t) {
+      var s = String(i);
+      return !s || s.length >= n ? i : "" + Array(n + 1 - s.length).join(t) + i;
+    }, z = { s: O, z: function(i) {
+      var n = -i.utcOffset(), t = Math.abs(n), s = Math.floor(t / 60), e = t % 60;
+      return (n <= 0 ? "+" : "-") + O(s, 2, "0") + ":" + O(e, 2, "0");
+    }, m: function i(n, t) {
+      if (n.date() < t.date())
+        return -i(t, n);
+      var s = 12 * (t.year() - n.year()) + (t.month() - n.month()), e = n.clone().add(s, b), c = t - e < 0, u = n.clone().add(s + (c ? -1 : 1), b);
+      return +(-(s + (t - e) / (c ? e - u : u - e)) || 0);
+    }, a: function(i) {
+      return i < 0 ? Math.ceil(i) || 0 : Math.floor(i);
+    }, p: function(i) {
+      return { M: b, y: r, w: j, d: x, D: p, h: f, m: y, s: D, ms: H, Q: T }[i] || String(i || "").toLowerCase().replace(/s$/, "");
+    }, u: function(i) {
+      return i === void 0;
+    } }, q = "en", W = {};
+    W[q] = L;
+    var G = "$isDayjsObject", et = function(i) {
+      return i instanceof rt || !(!i || !i[G]);
+    }, A = function i(n, t, s) {
+      var e;
+      if (!n)
+        return q;
+      if (typeof n == "string") {
+        var c = n.toLowerCase();
+        W[c] && (e = c), t && (W[c] = t, e = c);
+        var u = n.split("-");
+        if (!e && u.length > 1)
+          return i(u[0]);
+      } else {
+        var $ = n.name;
+        W[$] = n, e = $;
+      }
+      return !s && e && (q = e), e || !s && q;
+    }, M = function(i, n) {
+      if (et(i))
+        return i.clone();
+      var t = typeof n == "object" ? n : {};
+      return t.date = i, t.args = arguments, new rt(t);
+    }, h = z;
+    h.l = A, h.i = et, h.w = function(i, n) {
+      return M(i, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+    };
+    var rt = function() {
+      function i(t) {
+        this.$L = A(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[G] = !0;
+      }
+      var n = i.prototype;
+      return n.parse = function(t) {
+        this.$d = function(s) {
+          var e = s.date, c = s.utc;
+          if (e === null)
+            return /* @__PURE__ */ new Date(NaN);
+          if (h.u(e))
+            return /* @__PURE__ */ new Date();
+          if (e instanceof Date)
+            return new Date(e);
+          if (typeof e == "string" && !/Z$/i.test(e)) {
+            var u = e.match(k);
+            if (u) {
+              var $ = u[2] - 1 || 0, _ = (u[7] || "0").substring(0, 3);
+              return c ? new Date(Date.UTC(u[1], $, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, _)) : new Date(u[1], $, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, _);
+            }
+          }
+          return new Date(e);
+        }(t), this.init();
+      }, n.init = function() {
+        var t = this.$d;
+        this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
+      }, n.$utils = function() {
+        return h;
+      }, n.isValid = function() {
+        return this.$d.toString() !== o;
+      }, n.isSame = function(t, s) {
+        var e = M(t);
+        return this.startOf(s) <= e && e <= this.endOf(s);
+      }, n.isAfter = function(t, s) {
+        return M(t) < this.startOf(s);
+      }, n.isBefore = function(t, s) {
+        return this.endOf(s) < M(t);
+      }, n.$g = function(t, s, e) {
+        return h.u(t) ? this[s] : this.set(e, t);
+      }, n.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, n.valueOf = function() {
+        return this.$d.getTime();
+      }, n.startOf = function(t, s) {
+        var e = this, c = !!h.u(s) || s, u = h.p(t), $ = function(V, C) {
+          var E = h.w(e.$u ? Date.UTC(e.$y, C, V) : new Date(e.$y, C, V), e);
+          return c ? E : E.endOf(x);
+        }, _ = function(V, C) {
+          return h.w(e.toDate()[V].apply(e.toDate("s"), (c ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(C)), e);
+        }, w = this.$W, S = this.$M, F = this.$D, Q = "set" + (this.$u ? "UTC" : "");
+        switch (u) {
+          case r:
+            return c ? $(1, 0) : $(31, 11);
+          case b:
+            return c ? $(1, S) : $(0, S + 1);
+          case j:
+            var B = this.$locale().weekStart || 0, nt = (w < B ? w + 7 : w) - B;
+            return $(c ? F - nt : F + (6 - nt), S);
+          case x:
+          case p:
+            return _(Q + "Hours", 0);
+          case f:
+            return _(Q + "Minutes", 1);
+          case y:
+            return _(Q + "Seconds", 2);
+          case D:
+            return _(Q + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, n.endOf = function(t) {
+        return this.startOf(t, !1);
+      }, n.$set = function(t, s) {
+        var e, c = h.p(t), u = "set" + (this.$u ? "UTC" : ""), $ = (e = {}, e[x] = u + "Date", e[p] = u + "Date", e[b] = u + "Month", e[r] = u + "FullYear", e[f] = u + "Hours", e[y] = u + "Minutes", e[D] = u + "Seconds", e[H] = u + "Milliseconds", e)[c], _ = c === x ? this.$D + (s - this.$W) : s;
+        if (c === b || c === r) {
+          var w = this.clone().set(p, 1);
+          w.$d[$](_), w.init(), this.$d = w.set(p, Math.min(this.$D, w.daysInMonth())).$d;
+        } else
+          $ && this.$d[$](_);
+        return this.init(), this;
+      }, n.set = function(t, s) {
+        return this.clone().$set(t, s);
+      }, n.get = function(t) {
+        return this[h.p(t)]();
+      }, n.add = function(t, s) {
+        var e, c = this;
+        t = Number(t);
+        var u = h.p(s), $ = function(S) {
+          var F = M(c);
+          return h.w(F.date(F.date() + Math.round(S * t)), c);
+        };
+        if (u === b)
+          return this.set(b, this.$M + t);
+        if (u === r)
+          return this.set(r, this.$y + t);
+        if (u === x)
+          return $(1);
+        if (u === j)
+          return $(7);
+        var _ = (e = {}, e[y] = v, e[f] = g, e[D] = l, e)[u] || 1, w = this.$d.getTime() + t * _;
+        return h.w(w, this);
+      }, n.subtract = function(t, s) {
+        return this.add(-1 * t, s);
+      }, n.format = function(t) {
+        var s = this, e = this.$locale();
+        if (!this.isValid())
+          return e.invalidDate || o;
+        var c = t || "YYYY-MM-DDTHH:mm:ssZ", u = h.z(this), $ = this.$H, _ = this.$m, w = this.$M, S = e.weekdays, F = e.months, Q = e.meridiem, B = function(C, E, st, ot) {
+          return C && (C[E] || C(s, c)) || st[E].slice(0, ot);
+        }, nt = function(C) {
+          return h.s($ % 12 || 12, C, "0");
+        }, V = Q || function(C, E, st) {
+          var ot = C < 12 ? "AM" : "PM";
+          return st ? ot.toLowerCase() : ot;
+        };
+        return c.replace(N, function(C, E) {
+          return E || function(st) {
+            switch (st) {
+              case "YY":
+                return String(s.$y).slice(-2);
+              case "YYYY":
+                return h.s(s.$y, 4, "0");
+              case "M":
+                return w + 1;
+              case "MM":
+                return h.s(w + 1, 2, "0");
+              case "MMM":
+                return B(e.monthsShort, w, F, 3);
+              case "MMMM":
+                return B(F, w);
+              case "D":
+                return s.$D;
+              case "DD":
+                return h.s(s.$D, 2, "0");
+              case "d":
+                return String(s.$W);
+              case "dd":
+                return B(e.weekdaysMin, s.$W, S, 2);
+              case "ddd":
+                return B(e.weekdaysShort, s.$W, S, 3);
+              case "dddd":
+                return S[s.$W];
+              case "H":
+                return String($);
+              case "HH":
+                return h.s($, 2, "0");
+              case "h":
+                return nt(1);
+              case "hh":
+                return nt(2);
+              case "a":
+                return V($, _, !0);
+              case "A":
+                return V($, _, !1);
+              case "m":
+                return String(_);
+              case "mm":
+                return h.s(_, 2, "0");
+              case "s":
+                return String(s.$s);
+              case "ss":
+                return h.s(s.$s, 2, "0");
+              case "SSS":
+                return h.s(s.$ms, 3, "0");
+              case "Z":
+                return u;
+            }
+            return null;
+          }(C) || u.replace(":", "");
+        });
+      }, n.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, n.diff = function(t, s, e) {
+        var c, u = this, $ = h.p(s), _ = M(t), w = (_.utcOffset() - this.utcOffset()) * v, S = this - _, F = function() {
+          return h.m(u, _);
+        };
+        switch ($) {
+          case r:
+            c = F() / 12;
+            break;
+          case b:
+            c = F();
+            break;
+          case T:
+            c = F() / 3;
+            break;
+          case j:
+            c = (S - w) / 6048e5;
+            break;
+          case x:
+            c = (S - w) / 864e5;
+            break;
+          case f:
+            c = S / g;
+            break;
+          case y:
+            c = S / v;
+            break;
+          case D:
+            c = S / l;
+            break;
+          default:
+            c = S;
+        }
+        return e ? c : h.a(c);
+      }, n.daysInMonth = function() {
+        return this.endOf(b).$D;
+      }, n.$locale = function() {
+        return W[this.$L];
+      }, n.locale = function(t, s) {
+        if (!t)
+          return this.$L;
+        var e = this.clone(), c = A(t, s, !0);
+        return c && (e.$L = c), e;
+      }, n.clone = function() {
+        return h.w(this.$d, this);
+      }, n.toDate = function() {
+        return new Date(this.valueOf());
+      }, n.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, n.toISOString = function() {
+        return this.$d.toISOString();
+      }, n.toString = function() {
+        return this.$d.toUTCString();
+      }, i;
+    }(), ut = rt.prototype;
+    return M.prototype = ut, [["$ms", H], ["$s", D], ["$m", y], ["$H", f], ["$W", x], ["$M", b], ["$y", r], ["$D", p]].forEach(function(i) {
+      ut[i[1]] = function(n) {
+        return this.$g(n, i[0], i[1]);
+      };
+    }), M.extend = function(i, n) {
+      return i.$i || (i(n, rt, M), i.$i = !0), M;
+    }, M.locale = A, M.isDayjs = et, M.unix = function(i) {
+      return M(1e3 * i);
+    }, M.en = W[q], M.Ls = W, M.p = {}, M;
+  });
+})(gt);
+var Tt = gt.exports;
+const mt = /* @__PURE__ */ $t(Tt);
+var vt = { exports: {} };
+(function(a, d) {
+  (function(l, v) {
+    a.exports = v();
+  })(pt, function() {
+    var l = "minute", v = /[+-]\d\d(?::?\d\d)?/g, g = /([+-]|\d\d)/g;
+    return function(H, D, y) {
+      var f = D.prototype;
+      y.utc = function(o) {
+        var k = { date: o, utc: !0, args: arguments };
+        return new D(k);
+      }, f.utc = function(o) {
+        var k = y(this.toDate(), { locale: this.$L, utc: !0 });
+        return o ? k.add(this.utcOffset(), l) : k;
+      }, f.local = function() {
+        return y(this.toDate(), { locale: this.$L, utc: !1 });
+      };
+      var x = f.parse;
+      f.parse = function(o) {
+        o.utc && (this.$u = !0), this.$utils().u(o.$offset) || (this.$offset = o.$offset), x.call(this, o);
+      };
+      var j = f.init;
+      f.init = function() {
+        if (this.$u) {
+          var o = this.$d;
+          this.$y = o.getUTCFullYear(), this.$M = o.getUTCMonth(), this.$D = o.getUTCDate(), this.$W = o.getUTCDay(), this.$H = o.getUTCHours(), this.$m = o.getUTCMinutes(), this.$s = o.getUTCSeconds(), this.$ms = o.getUTCMilliseconds();
+        } else
+          j.call(this);
+      };
+      var b = f.utcOffset;
+      f.utcOffset = function(o, k) {
+        var N = this.$utils().u;
+        if (N(o))
+          return this.$u ? 0 : N(this.$offset) ? b.call(this) : this.$offset;
+        if (typeof o == "string" && (o = function(q) {
+          q === void 0 && (q = "");
+          var W = q.match(v);
+          if (!W)
+            return null;
+          var G = ("" + W[0]).match(g) || ["-", 0, 0], et = G[0], A = 60 * +G[1] + +G[2];
+          return A === 0 ? 0 : et === "+" ? A : -A;
+        }(o), o === null))
+          return this;
+        var L = Math.abs(o) <= 16 ? 60 * o : o;
+        if (L === 0)
+          return this.utc(k);
+        var O = this.clone();
+        if (k)
+          return O.$offset = L, O.$u = !1, O;
+        var z = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+        return (O = this.local().add(L + z, l)).$offset = L, O.$x.$localOffset = z, O;
+      };
+      var T = f.format;
+      f.format = function(o) {
+        var k = o || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return T.call(this, k);
+      }, f.valueOf = function() {
+        var o = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+        return this.$d.valueOf() - 6e4 * o;
+      }, f.isUTC = function() {
+        return !!this.$u;
+      }, f.toISOString = function() {
+        return this.toDate().toISOString();
+      }, f.toString = function() {
+        return this.toDate().toUTCString();
+      };
+      var r = f.toDate;
+      f.toDate = function(o) {
+        return o === "s" && this.$offset ? y(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : r.call(this);
+      };
+      var p = f.diff;
+      f.diff = function(o, k, N) {
+        if (o && this.$u === o.$u)
+          return p.call(this, o, k, N);
+        var L = this.local(), O = y(o).local();
+        return p.call(L, O, k, N);
+      };
+    };
+  });
+})(vt);
+var kt = vt.exports;
+const St = /* @__PURE__ */ $t(kt);
+mt.extend(St);
+function Ot() {
+  let a = (/* @__PURE__ */ new Date()).getTimezoneOffset();
+  const d = Math.abs(Math.floor(a / 60)), l = a < 0 ? "+" : "-";
+  return a = Math.abs(a % 60), l + d.toString().padStart(2, "0") + a.toString().padStart(2, "0");
+}
+function at(a, d, l) {
+  return a ? (d === void 0 && (d = "YYYY-MM-DD HH:mm:ss"), l || (l = Ot()), mt.utc(a).utcOffset(l).format(d)) : "";
+}
+const It = {
+  cn: {
+    seconds: "秒",
+    minutes: "分钟",
+    hours: "小时",
+    days: "天"
+  },
+  en: {
+    seconds: "s",
+    minutes: "m",
+    hours: "h",
+    days: "d"
+  }
+};
+function ft(a, d = "cn") {
+  const l = It[d], v = Math.floor(a / (24 * 60 * 60 * 1e3)), g = Math.floor(a / (60 * 60 * 1e3) - v * 24), H = Math.floor(a / (60 * 1e3) - v * 24 * 60 - g * 60), D = Math.floor(a / 1e3 - v * 24 * 60 * 60 - g * 60 * 60 - H * 60);
+  return v > 0 ? v + l.days + g + l.hours + H + l.minutes : g > 0 ? g + l.hours + H + l.minutes : H > 0 ? H + l.minutes : D > 0 ? D + l.seconds : 0 + l.seconds;
+}
+const xt = { class: "scroll-area" }, Ct = { class: "flow-header flex justify-between" }, Yt = { class: "text-18px font-bold" }, Ht = {
+  class: "text-14px font-bold",
+  style: { color: "#005aae" }
+}, Ut = { class: "flex items-center" }, Ft = { class: "flow-start" }, Lt = { key: 0 }, Pt = { class: "mt-30px block" }, jt = ["src"], Nt = { style: { "font-weight": "700" } }, Wt = {
+  key: 0,
+  style: { "margin-right": "30px", "font-weight": "normal" }
+}, qt = {
+  key: 1,
+  style: { "margin-right": "30px", "font-weight": "normal" }
+}, At = {
+  key: 0,
+  style: { "font-weight": "normal" }
+}, Et = {
+  key: 1,
+  style: { "font-weight": "normal", color: "#8a909c" }
+}, zt = {
+  key: 2,
+  style: { "font-weight": "normal" }
+}, Bt = {
+  key: 3,
+  style: { "font-weight": "normal", color: "#8a909c" }
+}, Vt = {
+  key: 4,
+  style: { "margin-left": "30px", "font-weight": "normal" }
+}, Zt = {
+  key: 5,
+  style: { "font-weight": "normal", color: "#8a909c" }
+}, Jt = { key: 2 }, Rt = /* @__PURE__ */ dt({
+  name: "BpmProcessInstanceTaskList",
+  __name: "CmcFlowList",
+  props: {
+    processInstance: {},
+    tasks: {}
+  },
+  setup(a) {
+    const d = (g) => g, l = {
+      1: "svg-icon:approvalPending",
+      // 审批中
+      2: "svg-icon:approvalPass",
+      // 通过
+      3: "svg-icon:approvalRejected",
+      // 拒绝
+      4: "svg-icon:approvalCanceled"
+      // 取消
+    }, v = (g) => [0, 1, 6, 7].includes(g.status) ? "primary" : g.status === 2 ? "success" : g.status === 3 ? "danger" : g.status === 4 ? "info" : g.status === 5 ? "warning" : "";
+    return (g, H) => {
+      var T;
+      const D = Z("Icon"), y = Z("dict-tag"), f = Z("el-tag"), x = Z("el-card"), j = Z("el-timeline-item"), b = Z("el-timeline");
+      return I(), U("div", xt, [
+        Y("div", Ct, [
+          Y("div", Yt, [
+            Y("span", null, m(d("processFlow.flow")), 1),
+            Y("span", null, m(a.processInstance.id), 1)
+          ]),
+          Y("div", Ht, [
+            Y("span", null, m(a.processInstance.name), 1)
+          ])
+        ]),
+        Y("div", Ut, [
+          Y("div", Ft, [
+            Y("p", null, m(d("processFlow.startTime")) + m(K(at)(a.processInstance.startTime)), 1),
+            Y("p", null, m(d("processFlow.endTime")) + m(K(at)(a.processInstance.endTime)), 1),
+            a.processInstance.durationInMillis ? (I(), U("p", Lt, m(d("processFlow.duration")) + m(K(ft)((T = a.processInstance) == null ? void 0 : T.durationInMillis)), 1)) : P("", !0)
+          ]),
+          R(D, {
+            size: 100,
+            icon: l[a.processInstance.status] || "svg-icon:approvalPending"
+          }, null, 8, ["icon"])
+        ]),
+        Y("div", Pt, [
+          R(b, null, {
+            default: J(() => [
+              (I(!0), U(ht, null, Mt(a.tasks, (r, p) => (I(), lt(j, {
+                key: p,
+                type: v(r) || "info"
+              }, {
+                dot: J(() => {
+                  var o;
+                  return [
+                    Y("img", {
+                      src: ((o = r == null ? void 0 : r.assigneeUser) == null ? void 0 : o.avatar) || "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
+                      class: "avatar-wrap"
+                    }, null, 8, jt)
+                  ];
+                }),
+                default: J(() => [
+                  Y("p", Nt, [
+                    tt(m(r.name) + " ", 1),
+                    r.status ? (I(), lt(y, {
+                      key: 0,
+                      type: "bpm_task_status",
+                      value: r.status || ""
+                    }, null, 8, ["value"])) : P("", !0)
+                  ]),
+                  R(x, { "body-style": { padding: "10px" } }, {
+                    default: J(() => {
+                      var o, k, N, L;
+                      return [
+                        p === 0 ? (I(), U("label", Wt, [
+                          tt(m(((o = r.assigneeUser) == null ? void 0 : o.nickname) || ((k = r.ownerUser) == null ? void 0 : k.nickname)) + " ", 1),
+                          R(f, {
+                            size: "small",
+                            type: "info",
+                            style: { "vertical-align": "1px" }
+                          }, {
+                            default: J(() => {
+                              var O, z;
+                              return [
+                                tt(m((z = (O = a.processInstance) == null ? void 0 : O.startUser) == null ? void 0 : z.deptName), 1)
+                              ];
+                            }),
+                            _: 1
+                          })
+                        ])) : P("", !0),
+                        r.assigneeUser ? (I(), U("label", qt, [
+                          tt(m(d("processFlow.approver")) + m(((N = r.assigneeUser) == null ? void 0 : N.nickname) || ((L = r.ownerUser) == null ? void 0 : L.nickname)) + " ", 1),
+                          R(f, {
+                            size: "small",
+                            type: "info",
+                            style: { "vertical-align": "1px" }
+                          }, {
+                            default: J(() => [
+                              tt(m(r.assigneeUser.deptName), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ])) : P("", !0),
+                        Y("div", null, [
+                          r.createTime && !r.endTime ? (I(), U("label", At, m(d("processFlow.createTime")), 1)) : P("", !0),
+                          r.createTime && !r.endTime ? (I(), U("label", Et, m(K(at)(r == null ? void 0 : r.createTime, "MM-DD HH:mm")), 1)) : P("", !0),
+                          r.endTime ? (I(), U("label", zt, m(d("processFlow.approvalTime")), 1)) : P("", !0),
+                          r.endTime ? (I(), U("label", Bt, m(K(at)(r == null ? void 0 : r.endTime, "MM-DD HH:mm")), 1)) : P("", !0),
+                          r.durationInMillis ? (I(), U("label", Vt, m(d("processFlow.duration")), 1)) : P("", !0),
+                          r.durationInMillis ? (I(), U("label", Zt, m(K(ft)(r == null ? void 0 : r.durationInMillis)), 1)) : P("", !0)
+                        ]),
+                        r.reason ? (I(), U("div", Jt, m(d("processFlow.approvalSuggestion")) + m(r.reason), 1)) : P("", !0)
+                      ];
+                    }),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["type"]))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+const _t = (a, d) => {
+  const l = a.__vccOpts || a;
+  for (const [v, g] of d)
+    l[v] = g;
+  return l;
+}, Gt = /* @__PURE__ */ _t(Rt, [["__scopeId", "data-v-f8ad04ec"]]), Qt = /* @__PURE__ */ dt({
   __name: "CmcProcessFlow",
   props: {
     processInstanceId: {},
     request: {}
   },
-  setup(s) {
-    const t = s, r = n(!1), p = n({}), u = n({}), m = n(""), f = n([]), a = n(""), v = (o) => {
-      a.value = o, d(), g();
-    }, d = async () => {
-      var o, c;
+  setup(a) {
+    const d = a, l = X(!1), v = X({}), g = X({}), H = X(""), D = X([]), y = X(""), f = (T) => {
+      y.value = T, x(), j();
+    }, x = async () => {
+      var T, r;
       try {
-        r.value = !0;
-        const e = await P(a.value);
-        if (!e) {
-          i.error("查询不到审批详情信息！");
+        l.value = !0;
+        const p = await Dt(y.value);
+        if (!p) {
+          ct.error("查询不到审批详情信息！");
           return;
         }
-        if (!e.processDefinition || !e.processInstance) {
-          i.error("查询不到流程信息！");
+        if (!p.processDefinition || !p.processInstance) {
+          ct.error("查询不到流程信息！");
           return;
         }
-        p.value = e == null ? void 0 : e.processInstance, m.value = (c = (o = e == null ? void 0 : e.processInstance) == null ? void 0 : o.formVariables) == null ? void 0 : c.applicationPrefix, u.value = e == null ? void 0 : e.todoTask;
+        v.value = p == null ? void 0 : p.processInstance, H.value = (r = (T = p == null ? void 0 : p.processInstance) == null ? void 0 : T.formVariables) == null ? void 0 : r.applicationPrefix, g.value = p == null ? void 0 : p.todoTask;
       } finally {
-        r.value = !1;
+        l.value = !1;
       }
-    }, g = async () => {
-      f.value = await T(a.value);
+    }, j = async () => {
+      D.value = await bt(y.value);
     };
-    k(
-      () => t.processInstanceId,
-      (o) => {
-        o && o !== a.value && v(o);
+    wt(
+      () => d.processInstanceId,
+      (T) => {
+        T && T !== y.value && f(T);
       },
       { immediate: !0, deep: !0 }
     );
-    const I = () => {
-      i.success("aaa!");
+    const b = () => {
+      ct.success("aaa!");
     };
-    return (o, c) => {
-      const e = w("el-button");
-      return C(), b(e, { onClick: I }, {
-        default: q(() => [...c[0] || (c[0] = [
-          x("测试按钮3", -1)
-        ])]),
-        _: 1
-      });
+    return (T, r) => {
+      const p = Z("el-button");
+      return I(), U(ht, null, [
+        R(p, { onClick: b }, {
+          default: J(() => [...r[0] || (r[0] = [
+            tt("测试按钮3", -1)
+          ])]),
+          _: 1
+        }),
+        R(Gt, {
+          "process-instance": v.value,
+          tasks: D.value
+        }, null, 8, ["process-instance", "tasks"])
+      ], 64);
     };
   }
 });
-const h = (s, t) => {
-  const r = s.__vccOpts || s;
-  for (const [p, u] of t)
-    r[p] = u;
-  return r;
-}, B = /* @__PURE__ */ h(F, [["__scopeId", "data-v-caaead34"]]);
-let l = null;
-const L = {
-  install(s, t) {
-    if (console.log("插件install执行，options:", t), !(t != null && t.request))
+const Kt = /* @__PURE__ */ _t(Qt, [["__scopeId", "data-v-c28ed26a"]]);
+let it = null;
+const ee = {
+  install(a, d) {
+    if (console.log("插件install执行，options:", d), !(d != null && d.request))
       throw new Error("请在 app.use(NbbComponentUi) 时传入 { request }");
-    l = t.request, s.component("CmcProcessFlow", B);
+    it = d.request, a.component("CmcProcessFlow", Kt);
   }
 };
-function _() {
-  if (console.log("getRequest", l), !l)
+function yt() {
+  if (console.log("getRequest", it), !it)
     throw new Error("没有_request对象");
-  return l;
+  return it;
 }
 export {
-  B as CmcProcessFlow,
-  L as default,
-  _ as getRequest
+  Kt as CmcProcessFlow,
+  ee as default,
+  yt as getRequest
 };