@xtctwins/tctwins-industry-engine 0.1.2 → 0.1.4

package/dist/CommentTool-BiNZ0gP0.mjs

@@ -0,0 +1,1573 @@
+import { defineComponent as ne, ref as o, openBlock as i, createElementBlock as c, createElementVNode as e, unref as s, toDisplayString as n, withModifiers as G, Fragment as V, renderList as Q, createCommentVNode as U, createVNode as X, withCtx as de, toRefs as Ue, onMounted as he, watch as _e, normalizeStyle as te, createTextVNode as pe, createBlock as ae, computed as De, withDirectives as $e, vShow as ye, onBeforeUnmount as Le, normalizeClass as me, nextTick as He } from "vue";
+import { P as L, M as ce, a5 as Me, F as re, K as xe, a6 as Oe, a7 as ze, a8 as Re, a9 as Ne, aa as Se, ab as Ce, ac as we, H, J as Pe, ad as Ee, a4 as We, ae as Ye, af as Je, ag as Ze, Z as Ge, $ as Ve, I as j, G as Be, ah as Ae, ai as je, aj as Xe, ak as qe } from "./index-DCtqSY0Q.mjs";
+import { T as Ke } from "./timer-DoTiGoWP.mjs";
+import { ElMessage as Qe } from "element-plus";
+const et = { class: "prompt_wrapper" }, tt = { class: "prompt_box" }, st = ["src"], ot = { class: "text" }, lt = /* @__PURE__ */ ne({
+  __name: "prompt",
+  props: ["text", "type"],
+  setup(W) {
+    const Y = W, N = o(Y.type), b = o(Y.text);
+    return (p, v) => (i(), c("div", et, [
+      e("div", tt, [
+        e("img", {
+          src: `${s(L)}/bim-viewer/prompt-${N.value}.svg`
+        }, null, 8, st),
+        e("div", ot, n(b.value), 1)
+      ])
+    ]));
+  }
+}), it = /* @__PURE__ */ ce(lt, [["__scopeId", "data-v-72fc7693"]]), at = {
+  key: 0,
+  class: "mobile-cmt-filter-container"
+}, nt = {
+  key: 0,
+  class: "search-container"
+}, ct = { class: "search-header" }, rt = { class: "title" }, ut = ["src"], dt = { class: "search-body" }, vt = { class: "search-list" }, mt = { class: "item-left" }, _t = { class: "title" }, pt = { class: "item-right" }, ht = { class: "item-value" }, ft = { class: "item-img" }, gt = ["src"], bt = { class: "item-left" }, kt = { class: "title" }, Ct = { class: "item-right" }, $t = { class: "item-value" }, yt = { class: "item-img" }, wt = ["src"], xt = { class: "item-left" }, It = { class: "title" }, Tt = { class: "item-right" }, Dt = { class: "item-value" }, St = { class: "item-img" }, Lt = ["src"], Mt = { class: "item-left" }, Pt = { class: "title" }, Bt = { class: "item-right" }, Et = { class: "item-value" }, Ot = { class: "item-img" }, zt = ["src"], Rt = { class: "item-left" }, Nt = { class: "title" }, At = { class: "item-right" }, Ft = { class: "item-tags" }, Ut = { class: "item-img" }, Ht = ["src"], Wt = { class: "search-footer" }, Yt = { class: "search-btn-group" }, Jt = {
+  key: 1,
+  class: "filter-container"
+}, Zt = { class: "filter-header" }, Gt = { class: "title" }, Vt = ["src"], jt = { class: "filter-body" }, Xt = {
+  key: 0,
+  class: "filter-list"
+}, qt = ["onClick"], Kt = { class: "item-left" }, Qt = { class: "title" }, es = { class: "item-right" }, ts = {
+  key: 0,
+  class: "check-selected"
+}, ss = ["src"], os = {
+  key: 1,
+  class: "check-select"
+}, ls = {
+  key: 1,
+  class: "filter-list"
+}, is = ["onClick"], as = { class: "item-left" }, ns = { class: "title" }, cs = { class: "item-right" }, rs = {
+  key: 0,
+  class: "check-selected"
+}, us = ["src"], ds = {
+  key: 1,
+  class: "check-select"
+}, vs = {
+  key: 2,
+  class: "filter-list"
+}, ms = ["onClick"], _s = { class: "item-left" }, ps = { class: "title" }, hs = { class: "item-right" }, fs = {
+  key: 0,
+  class: "check-selected"
+}, gs = ["src"], bs = {
+  key: 1,
+  class: "check-select"
+}, ks = { class: "filter-footer" }, Cs = /* @__PURE__ */ ne({
+  __name: "filter",
+  setup(W, { expose: Y }) {
+    const N = Me(), b = re(), p = o(!1), v = o(!0), w = o(!1), I = o(N.staffList), a = o({
+      cmt_priority: "",
+      cmt_status: "",
+      cmt_createDate: "",
+      cmt_authorId: {
+        key: "",
+        value: ""
+      },
+      cmt_tag: []
+    }), R = o({
+      confirm: (t) => {
+      }
+    }), M = o(), S = o(""), P = o(""), h = o(""), m = o([]), T = (t) => {
+      switch (S.value = t, t) {
+        case "priority":
+          P.value = b("mobileComments.filter.priority"), m.value = Ne, h.value = a.value.cmt_priority, v.value = !1, w.value = !0;
+          break;
+        case "status":
+          P.value = b("mobileComments.filter.status"), m.value = Re, h.value = a.value.cmt_status, v.value = !1, w.value = !0;
+          break;
+        case "createDate":
+          M.value.handleOpen();
+          break;
+        case "authorId":
+          P.value = b("mobileComments.filter.author"), m.value = I.value, h.value = a.value.cmt_authorId, v.value = !1, w.value = !0;
+          break;
+        case "tag":
+          P.value = b("mobileComments.filter.tag"), m.value = ze, h.value = a.value.cmt_tag, v.value = !1, w.value = !0;
+          break;
+      }
+    }, f = (t) => {
+      S.value === "tag" ? h.value.includes(t) ? h.value = h.value.filter((l) => l !== t) : h.value.push(t) : S.value === "authorId" ? h.value.key === t.userId ? h.value = { key: "", value: "" } : h.value = { key: t.userId, value: t.userName } : h.value !== t ? h.value = t : h.value = "";
+    }, Z = () => {
+      switch (S.value) {
+        case "priority":
+          a.value.cmt_priority = h.value;
+          break;
+        case "status":
+          a.value.cmt_status = h.value;
+          break;
+        case "createDate":
+          a.value.cmt_createDate = h.value;
+          break;
+        case "authorId":
+          a.value.cmt_authorId = h.value;
+          break;
+        case "tag":
+          a.value.cmt_tag = h.value;
+          break;
+      }
+      A();
+    }, A = () => {
+      w.value = !1, v.value = !0;
+    }, D = (t) => {
+      M.value.handleClose(), a.value.cmt_createDate = t, v.value = !0;
+    }, k = () => {
+      M.value.handleClose(), v.value = !0;
+    }, $ = () => {
+      O(), R.value.confirm(a.value);
+    }, C = () => {
+      a.value = {
+        cmt_priority: "",
+        cmt_status: "",
+        cmt_createDate: "",
+        cmt_authorId: {
+          key: "",
+          value: ""
+        },
+        cmt_tag: []
+      }, $();
+    }, E = (t) => {
+      R.value = t, p.value = !0;
+    }, O = () => {
+      p.value = !1;
+    };
+    return Y({
+      open: E,
+      close: O,
+      refresh: () => {
+        a.value = {
+          cmt_priority: "",
+          cmt_status: "",
+          cmt_createDate: "",
+          cmt_authorId: {
+            key: "",
+            value: ""
+          },
+          cmt_tag: []
+        };
+      }
+    }), (t, l) => {
+      const x = xe, z = Oe;
+      return p.value ? (i(), c("div", at, [
+        v.value ? (i(), c("div", nt, [
+          e("div", ct, [
+            e("div", rt, n(s(b)("mobileComments.filter.title")), 1),
+            e("div", {
+              class: "close-box",
+              onClick: G(O, ["stop"])
+            }, [
+              e("img", {
+                class: "close-img",
+                src: `${s(L)}/bim-viewer/close_black.png`,
+                alt: ""
+              }, null, 8, ut)
+            ])
+          ]),
+          e("div", dt, [
+            e("div", vt, [
+              e("div", {
+                class: "search-item",
+                onClick: l[0] || (l[0] = G((d) => T("priority"), ["stop"]))
+              }, [
+                e("div", mt, [
+                  e("div", _t, n(s(b)("bcf.priority")), 1)
+                ]),
+                e("div", pt, [
+                  e("div", ht, n(a.value.cmt_priority), 1),
+                  e("div", ft, [
+                    e("img", {
+                      class: "img",
+                      src: `${s(L)}/bim-viewer/bcf-images/back-right-gray.png`,
+                      alt: ""
+                    }, null, 8, gt)
+                  ])
+                ])
+              ]),
+              e("div", {
+                class: "search-item",
+                onClick: l[1] || (l[1] = G((d) => T("status"), ["stop"]))
+              }, [
+                e("div", bt, [
+                  e("div", kt, n(s(b)("bcf.status")), 1)
+                ]),
+                e("div", Ct, [
+                  e("div", $t, n(a.value.cmt_status), 1),
+                  e("div", yt, [
+                    e("img", {
+                      class: "img",
+                      src: `${s(L)}/bim-viewer/bcf-images/back-right-gray.png`,
+                      alt: ""
+                    }, null, 8, wt)
+                  ])
+                ])
+              ]),
+              e("div", {
+                class: "search-item",
+                onClick: l[2] || (l[2] = G((d) => T("createDate"), ["stop"]))
+              }, [
+                e("div", xt, [
+                  e("div", It, n(s(b)("bcf.createDate")), 1)
+                ]),
+                e("div", Tt, [
+                  e("div", Dt, n(a.value.cmt_createDate), 1),
+                  e("div", St, [
+                    e("img", {
+                      class: "img",
+                      src: `${s(L)}/bim-viewer/bcf-images/back-right-gray.png`,
+                      alt: ""
+                    }, null, 8, Lt)
+                  ])
+                ])
+              ]),
+              e("div", {
+                class: "search-item",
+                onClick: l[3] || (l[3] = G((d) => T("authorId"), ["stop"]))
+              }, [
+                e("div", Mt, [
+                  e("div", Pt, n(s(b)("bcf.creator")), 1)
+                ]),
+                e("div", Bt, [
+                  e("div", Et, n(a.value.cmt_authorId.value), 1),
+                  e("div", Ot, [
+                    e("img", {
+                      class: "img",
+                      src: `${s(L)}/bim-viewer/bcf-images/back-right-gray.png`,
+                      alt: ""
+                    }, null, 8, zt)
+                  ])
+                ])
+              ]),
+              e("div", {
+                class: "search-item",
+                onClick: l[4] || (l[4] = G((d) => T("tag"), ["stop"]))
+              }, [
+                e("div", Rt, [
+                  e("div", Nt, n(s(b)("bcf.labels")), 1)
+                ]),
+                e("div", At, [
+                  e("div", Ft, [
+                    (i(!0), c(V, null, Q(a.value.cmt_tag, (d, _) => (i(), c("div", {
+                      key: _,
+                      class: "tag"
+                    }, n(d), 1))), 128))
+                  ]),
+                  e("div", Ut, [
+                    e("img", {
+                      class: "img",
+                      src: `${s(L)}/bim-viewer/bcf-images/back-right-gray.png`,
+                      alt: ""
+                    }, null, 8, Ht)
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          e("div", Wt, [
+            e("div", Yt, [
+              e("div", {
+                class: "search-btn btn-cancel",
+                onClick: G(C, ["stop"])
+              }, n(s(b)("common.reset")), 1),
+              e("div", {
+                class: "search-btn btn-submit",
+                onClick: G($, ["stop"])
+              }, n(s(b)("common.search")), 1)
+            ])
+          ])
+        ])) : U("", !0),
+        w.value ? (i(), c("div", Jt, [
+          e("div", Zt, [
+            e("div", Gt, n(P.value), 1),
+            e("div", {
+              class: "close-box",
+              onClick: A
+            }, [
+              e("img", {
+                class: "close-img",
+                src: `${s(L)}/bim-viewer/close_black.png`,
+                alt: ""
+              }, null, 8, Vt)
+            ])
+          ]),
+          e("div", jt, [
+            X(x, null, {
+              default: de(() => [
+                S.value === "authorId" ? (i(), c("div", Xt, [
+                  (i(!0), c(V, null, Q(m.value, (d, _) => (i(), c("div", {
+                    key: _,
+                    class: "filter-item",
+                    onClick: G((y) => f(d), ["stop"])
+                  }, [
+                    e("div", Kt, [
+                      e("div", Qt, n(d.userName) + "(" + n(d.mobile) + ")", 1)
+                    ]),
+                    e("div", es, [
+                      d.userId === h.value.key ? (i(), c("div", ts, [
+                        e("img", {
+                          class: "select-img",
+                          src: `${s(L)}/bim-viewer/check-selected.png`,
+                          alt: ""
+                        }, null, 8, ss)
+                      ])) : (i(), c("div", os))
+                    ])
+                  ], 8, qt))), 128))
+                ])) : S.value === "tag" ? (i(), c("div", ls, [
+                  (i(!0), c(V, null, Q(m.value, (d, _) => (i(), c("div", {
+                    key: _,
+                    class: "filter-item",
+                    onClick: G((y) => f(d), ["stop"])
+                  }, [
+                    e("div", as, [
+                      e("div", ns, n(d), 1)
+                    ]),
+                    e("div", cs, [
+                      h.value.includes(d) ? (i(), c("div", rs, [
+                        e("img", {
+                          class: "select-img",
+                          src: `${s(L)}/bim-viewer/check-selected.png`,
+                          alt: ""
+                        }, null, 8, us)
+                      ])) : (i(), c("div", ds))
+                    ])
+                  ], 8, is))), 128))
+                ])) : (i(), c("div", vs, [
+                  (i(!0), c(V, null, Q(m.value, (d, _) => (i(), c("div", {
+                    key: _,
+                    class: "filter-item",
+                    onClick: G((y) => f(d), ["stop"])
+                  }, [
+                    e("div", _s, [
+                      e("div", ps, n(d), 1)
+                    ]),
+                    e("div", hs, [
+                      d === h.value ? (i(), c("div", fs, [
+                        e("img", {
+                          class: "select-img",
+                          src: `${s(L)}/bim-viewer/check-selected.png`,
+                          alt: ""
+                        }, null, 8, gs)
+                      ])) : (i(), c("div", bs))
+                    ])
+                  ], 8, ms))), 128))
+                ]))
+              ]),
+              _: 1
+            })
+          ]),
+          e("div", ks, [
+            e("div", {
+              class: "filter-btn",
+              onClick: G(Z, ["stop"])
+            }, n(s(b)("common.confirm")), 1)
+          ])
+        ])) : U("", !0),
+        X(z, {
+          ref_key: "cmtCreateDateRef",
+          ref: M,
+          modelValue: a.value.cmt_createDate,
+          "onUpdate:modelValue": l[5] || (l[5] = (d) => a.value.cmt_createDate = d),
+          "popper-class": "mobile_cmt_create_date",
+          type: "date",
+          placeholder: "Pick a day",
+          style: {
+            width: "100%",
+            display: "none"
+          },
+          format: "YYYY/MM/DD",
+          "value-format": "YYYY-MM-DD",
+          onBlur: k,
+          onChange: D
+        }, null, 8, ["modelValue"])
+      ])) : U("", !0);
+    };
+  }
+}), $s = /* @__PURE__ */ ce(Cs, [["__scopeId", "data-v-3f21c922"]]), ys = { class: "mobile_CMT_search" }, ws = { class: "search_icon" }, xs = ["src"], Is = { class: "mobile_CMT_table_list" }, Ts = { class: "table_list_title" }, Ds = { class: "sort_buttons" }, Ss = ["src"], Ls = ["src"], Ms = ["src"], Ps = { class: "sort_total" }, Bs = ["src"], Es = ["src"], Os = {
+  key: 0,
+  class: "table_list_content"
+}, zs = { class: "table_list" }, Rs = ["onClick"], Ns = { class: "CMT_img" }, As = { class: "CMT_info" }, Fs = { class: "CMT_info1" }, Us = { class: "title" }, Hs = { class: "CMT_info2" }, Ws = { class: "username" }, Ys = {
+  key: 1,
+  class: "empty_wrapper"
+}, Js = /* @__PURE__ */ ne({
+  __name: "list",
+  props: {
+    instruction: {},
+    CMTList: {}
+  },
+  emits: ["checkCmtDetail"],
+  setup(W, { emit: Y }) {
+    const N = Y, b = Me(), p = W, { CMTList: v } = Ue(p), w = re(), I = o([]), a = o(), R = {
+      indexSort: ["default", "down", "up"],
+      titleSort: ["default", "down", "up"],
+      timeSort: ["default", "down", "up"]
+    }, M = o(), S = o();
+    he(() => {
+      v.value && (I.value = v.value.slice().sort((t, l) => l.index - t.index), a.value = v.value.slice().sort((t, l) => l.index - t.index));
+    }), _e(
+      () => p,
+      (t) => {
+        t && t.CMTList && (I.value = t.CMTList.slice().sort((l, x) => x.index - l.index), O());
+      },
+      { deep: !0 }
+    );
+    const P = o(!0), h = o(""), m = o(0), T = o(0), f = o(0), Z = o(!0);
+    _e(
+      () => S.value,
+      (t) => {
+        var l;
+        t && (t != null && t.cmt_priority || t != null && t.cmt_status || t != null && t.cmt_createDate || (l = t == null ? void 0 : t.cmt_authorId) != null && l.key || t != null && t.cmt_tag && (t == null ? void 0 : t.cmt_tag.length) > 0) ? P.value = !0 : P.value = !1;
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const A = () => {
+      a.value = v.value.slice().sort((t, l) => l.index - t.index), I.value = v.value.slice().sort((t, l) => l.index - t.index), Z.value = !0;
+    }, D = () => {
+      h.value == "" ? A() : I.value = a.value.filter((t) => t.title.includes(h.value));
+    }, k = (t) => {
+      if (t > 2 && (m.value = 0), t == 1) {
+        let l = a.value.slice().sort((x, z) => z.index - x.index);
+        I.value = l, Z.value = !1;
+      } else if (t == 2) {
+        let l = a.value.slice().sort((x, z) => x.index - z.index);
+        I.value = l;
+      } else
+        A();
+      T.value = 0, f.value = 0;
+    }, $ = (t) => {
+      if (t > 2 && (T.value = 0), t == 1) {
+        let l = a.value.slice().sort((x, z) => z.title.localeCompare(x.title));
+        I.value = l;
+      } else if (t == 2) {
+        let l = a.value.slice().sort((x, z) => x.title.localeCompare(z.title));
+        I.value = l;
+      } else
+        A();
+      m.value = 0, f.value = 0;
+    }, C = (t) => {
+      if (t > 2 && (f.value = 0), t == 1) {
+        let l = a.value.slice().sort((x, z) => {
+          const d = new Date(x.createDate), _ = new Date(z.createDate);
+          return d < _ ? 1 : -1;
+        });
+        I.value = l;
+      } else if (t == 2) {
+        let l = a.value.slice().sort((x, z) => {
+          const d = new Date(x.createDate), _ = new Date(z.createDate);
+          return d > _ ? 1 : -1;
+        });
+        I.value = l;
+      } else
+        A();
+      m.value = 0, T.value = 0;
+    }, E = () => {
+      M.value.open({
+        confirm: (t) => {
+          S.value = t, O();
+        }
+      });
+    }, O = () => {
+      var l, x, z;
+      let t = S.value;
+      if (!t && !(t != null && t.cmt_priority) && !(t != null && t.cmt_status) && !(t != null && t.cmt_createDate) && !((l = t == null ? void 0 : t.cmt_authorId) != null && l.key) && (!(t != null && t.cmt_tag) || (t == null ? void 0 : t.cmt_tag.length) == 0))
+        A(), a.value = JSON.parse(JSON.stringify(v.value)).slice(), m.value + T.value + f.value != 0 && (m.value != 0 && k(m.value), T.value != 0 && $(T.value), f.value != 0 && C(f.value));
+      else {
+        let d = JSON.parse(JSON.stringify(v.value)).slice();
+        t.cmt_priority && (d = d.filter((_) => _.priority && Se(_.priority) == t.cmt_priority), console.log(d.filter((_) => _.priority && Se(_.priority) == t.cmt_priority))), (x = t.cmt_authorId) != null && x.key && (d = d.filter((_) => {
+          var y, g, F;
+          return typeof _.author == "string" ? Ce.getStaffId(_.author) == ((y = t.cmt_authorId) == null ? void 0 : y.key) || Ce.getStaffName((g = t.cmt_authorId) == null ? void 0 : g.key) == _.author : _.author == ((F = t.cmt_authorId) == null ? void 0 : F.key);
+        })), t.cmt_status && (d = d.filter((_) => _.status == t.cmt_status)), t.cmt_createDate && (d = d.filter((_) => we(_.createDate) == t.cmt_createDate)), (z = t.CMT_asignToId) != null && z.key && (d = d.filter((_) => {
+          var y, g, F;
+          return typeof _.assignedTo == "string" ? Ce.getStaffId(_.assignedTo) == ((y = t.CMT_asignToId) == null ? void 0 : y.key) || Ce.getStaffName((g = t.CMT_asignToId) == null ? void 0 : g.key) == _.assignedTo : _.assignedTo == ((F = t.CMT_asignToId) == null ? void 0 : F.key);
+        })), t.cmt_tag && t.cmt_tag.length > 0 && (d = d.filter((_) => !!(_.tags && _.tags.find((y) => {
+          var g;
+          return (g = t.cmt_tag) == null ? void 0 : g.includes(y);
+        })))), a.value = d, m.value + T.value + f.value != 0 ? (m.value != 0 && k(m.value), T.value != 0 && $(T.value), f.value != 0 && C(f.value)) : I.value = a.value.slice().sort((_, y) => y.index - _.index);
+      }
+    }, q = (t) => {
+      N("checkCmtDetail", t);
+    };
+    return (t, l) => {
+      const x = Pe, z = xe, d = We, _ = $s;
+      return i(), c("div", {
+        class: "cmt_wrapper",
+        style: te({ top: `${(s(H)("topHeight") + 52) / 50}rem` })
+      }, [
+        e("div", ys, [
+          e("div", ws, [
+            e("img", {
+              src: s(L) + "/bim-viewer/search.png",
+              alt: ""
+            }, null, 8, xs)
+          ]),
+          X(x, {
+            modelValue: h.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (y) => h.value = y),
+            placeholder: s(w)("common.placeholder_search"),
+            onInput: D,
+            onChange: D
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        e("div", Is, [
+          e("div", Ts, [
+            e("div", Ds, [
+              e("div", {
+                class: "sort_button",
+                onClick: l[1] || (l[1] = (y) => k(m.value += 1))
+              }, [
+                e("span", null, n(s(w)("bcf.index")), 1),
+                e("img", {
+                  class: "order_icon",
+                  src: `${s(L)}/bim-viewer/bcf-images/order-${R.indexSort[m.value]}.png`,
+                  alt: ""
+                }, null, 8, Ss)
+              ]),
+              e("div", {
+                class: "sort_button",
+                onClick: l[2] || (l[2] = (y) => $(T.value += 1))
+              }, [
+                e("span", null, n(s(w)("bcf.title")), 1),
+                e("img", {
+                  class: "order_icon",
+                  src: `${s(L)}/bim-viewer/bcf-images/order-${R.titleSort[T.value]}.png`,
+                  alt: ""
+                }, null, 8, Ls)
+              ]),
+              e("div", {
+                class: "sort_button",
+                onClick: l[3] || (l[3] = (y) => C(f.value += 1))
+              }, [
+                e("span", null, n(s(w)("bcf.time")), 1),
+                e("img", {
+                  class: "order_icon",
+                  src: `${s(L)}/bim-viewer/bcf-images/order-${R.timeSort[f.value]}.png`,
+                  alt: ""
+                }, null, 8, Ms)
+              ])
+            ]),
+            e("div", Ps, [
+              e("div", {
+                class: "sort_button",
+                onClick: G(E, ["stop"])
+              }, [
+                P.value ? (i(), c("img", {
+                  key: 1,
+                  class: "order_filter_icon",
+                  src: `${s(L)}/bim-viewer/bcf-images/order-active-mobile.png`,
+                  alt: ""
+                }, null, 8, Es)) : (i(), c("img", {
+                  key: 0,
+                  class: "order_filter_icon",
+                  src: `${s(L)}/bim-viewer/bcf-images/order-default-mobile.png`,
+                  alt: ""
+                }, null, 8, Bs)),
+                e("span", null, n(s(w)("mobileComments.filter.title")), 1)
+              ])
+            ])
+          ]),
+          I.value && I.value.length > 0 ? (i(), c("div", Os, [
+            X(z, null, {
+              default: de(() => [
+                e("div", zs, [
+                  (i(!0), c(V, null, Q(I.value, (y, g) => (i(), c("div", {
+                    key: g,
+                    class: "CMT_card",
+                    onClick: G((F) => q(y._id), ["stop"])
+                  }, [
+                    e("div", Ns, [
+                      e("div", {
+                        style: te({
+                          width: "100%",
+                          height: "100%",
+                          backgroundImage: `url(
+											data:image/png;base64,${y.imgData ? y.imgData : ""}
+										)`,
+                          backgroundSize: "cover",
+                          backgroundPosition: "center",
+                          borderRadius: "0.12rem"
+                        })
+                      }, null, 4)
+                    ]),
+                    e("div", As, [
+                      e("div", Fs, [
+                        e("span", {
+                          style: te({ color: y.priority ? s(Ee)(y.priority) : s(Ee)("low") }),
+                          class: "index"
+                        }, " #" + n(y.index), 5),
+                        e("span", Us, n(y.title), 1)
+                      ]),
+                      e("div", Hs, [
+                        e("span", Ws, n(typeof y.author == "string" && y.author != "" ? y.author : s(b).getStuffName(y.userId)), 1),
+                        e("span", null, n(y.createDate ? s(we)(y.createDate) : ""), 1)
+                      ])
+                    ])
+                  ], 8, Rs))), 128))
+                ])
+              ]),
+              _: 1
+            })
+          ])) : (i(), c("div", Ys, [
+            X(d, {
+              title: s(w)("mobileComments.empty"),
+              type: "model"
+            }, null, 8, ["title"])
+          ]))
+        ]),
+        X(_, {
+          ref_key: "CMTFilterRef",
+          ref: M
+        }, null, 512)
+      ], 4);
+    };
+  }
+}), Zs = /* @__PURE__ */ ce(Js, [["__scopeId", "data-v-d96084d8"]]), Gs = ["src"], Vs = /* @__PURE__ */ ne({
+  __name: "zoomIn",
+  props: {
+    imgContent: {}
+  },
+  emits: ["closeImg"],
+  setup(W, { emit: Y }) {
+    const N = Y, p = o(W.imgContent), v = re(), w = () => {
+      N("closeImg");
+    };
+    return (I, a) => (i(), c("div", {
+      class: "image_zoomin_wrapper",
+      onClick: w
+    }, [
+      e("div", {
+        class: "back_btn",
+        onClick: w
+      }, n(s(v)("common.back")), 1),
+      e("div", {
+        class: "img_wrapper",
+        onClick: w
+      }, [
+        e("img", { src: p.value }, null, 8, Gs)
+      ])
+    ]));
+  }
+}), Fe = /* @__PURE__ */ ce(Vs, [["__scopeId", "data-v-0a31700d"]]), js = { class: "content_scrollbar" }, Xs = { class: "cmt_detail_content" }, qs = { class: "cmt_id_time" }, Ks = { class: "snpshot_wrapper" }, Qs = { class: "snapshot_container" }, eo = ["src"], to = ["src"], so = ["src"], oo = { class: "cmt_content" }, lo = { class: "content" }, io = { class: "select_item" }, ao = { class: "item_title" }, no = { class: "select_wrapper" }, co = { class: "select_item" }, ro = { class: "item_title" }, uo = { class: "select_item" }, vo = { class: "item_title" }, mo = { class: "select_wrapper" }, _o = { class: "select_item" }, po = { class: "item_title" }, ho = {
+  key: 0,
+  class: "tag_list"
+}, fo = { class: "tag_span" }, go = {
+  key: 1,
+  class: "select_wrapper"
+}, bo = { class: "select_item_descript" }, ko = { class: "item_title" }, Co = { class: "descript" }, $o = { class: "bottom_buttons" }, yo = { class: "btns" }, wo = /* @__PURE__ */ ne({
+  __name: "detail",
+  props: {
+    cmtContent: {}
+  },
+  emits: ["delete", "back"],
+  setup(W, { emit: Y }) {
+    const N = Y, b = W, p = o(b.cmtContent), v = o(""), w = o(!1), I = () => {
+      w.value = !0;
+    }, a = o(), R = o(), M = o(), S = o(), P = o(), h = o(), m = o(), T = o(), f = re();
+    he(() => {
+      const D = /* @__PURE__ */ new Date();
+      let k = D.getDate(), $ = D.getFullYear(), C = D.getMonth();
+      v.value = `${$}-${C + 1}-${k}`, p.value || console.log("no cmtContent!"), Z();
+    }), _e(
+      () => b.cmtContent,
+      (D) => {
+        D && (p.value = JSON.parse(JSON.stringify(D)), Z());
+      }
+    );
+    const Z = () => {
+      a.value = p.value.index, R.value = p.value.title, M.value = p.value.priority ? Se(p.value.priority) : "", S.value = p.value.status ? p.value.status : "", P.value = p.value.deadline ? we(p.value.deadline) : "", h.value = p.value.description ? p.value.description : "", m.value = p.value.tags ? p.value.tags : [], T.value = p.value.imgData;
+    }, A = () => {
+      N("delete", p.value.guid);
+    };
+    return (D, k) => {
+      const $ = xe, C = Fe;
+      return i(), c(V, null, [
+        e("div", {
+          class: "cmt_detail_wrapper",
+          style: te({ top: `${(s(H)("topHeight") + 52) / 50}rem` })
+        }, [
+          e("div", js, [
+            X($, null, {
+              default: de(() => [
+                e("div", Xs, [
+                  e("div", qs, [
+                    e("div", {
+                      style: te({ backgroundColor: s(Ye)(p.value && p.value.priority ? p.value.priority : "low"), color: "#fff" })
+                    }, n(a.value), 5),
+                    e("div", null, [
+                      pe(n(p.value && p.value.createDate && s(we)(p.value.createDate)) + " ", 1),
+                      e("span", null, n(s(f)("common.created")), 1)
+                    ])
+                  ]),
+                  e("div", Ks, [
+                    e("div", Qs, [
+                      e("img", {
+                        class: "cmt_img",
+                        src: `data:image/png;base64,${T.value}`
+                      }, null, 8, eo),
+                      S.value ? (i(), c("div", {
+                        key: 0,
+                        class: "stage",
+                        style: te({ backgroundColor: s(Je)(S.value) })
+                      }, [
+                        e("img", {
+                          src: s(L) + "/bim-viewer/bcf-images/bulb.png"
+                        }, null, 8, to),
+                        e("span", null, n(S.value), 1)
+                      ], 4)) : U("", !0),
+                      e("div", {
+                        class: "zoomIn",
+                        onClick: I
+                      }, [
+                        e("img", {
+                          src: s(L) + "/bim-viewer/annotations/zoomin.svg"
+                        }, null, 8, so),
+                        pe(" " + n(s(f)("common.view")), 1)
+                      ])
+                    ])
+                  ]),
+                  e("div", oo, [
+                    e("div", lo, [
+                      e("div", io, [
+                        e("span", ao, n(s(f)("bcf.status")), 1),
+                        k[2] || (k[2] = e("span", null, "：", -1)),
+                        e("div", no, n(S.value), 1)
+                      ]),
+                      e("div", co, [
+                        e("span", ro, n(s(f)("bcf.priority")), 1),
+                        k[3] || (k[3] = e("span", null, "：", -1)),
+                        e("div", {
+                          class: "select_wrapper",
+                          style: te({ color: s(Ze)(M.value) })
+                        }, n(M.value), 5)
+                      ]),
+                      e("div", uo, [
+                        e("span", vo, n(s(f)("bcf.dueDate")), 1),
+                        k[4] || (k[4] = e("span", null, "：", -1)),
+                        e("div", mo, n(P.value), 1)
+                      ]),
+                      e("div", _o, [
+                        e("span", po, n(s(f)("bcf.labels")), 1),
+                        k[5] || (k[5] = e("span", null, "：", -1)),
+                        m.value && m.value.length > 0 ? (i(), c("div", ho, [
+                          (i(!0), c(V, null, Q(m.value, (E, O) => (i(), c("div", {
+                            key: O,
+                            class: "tag"
+                          }, [
+                            e("span", fo, n(E), 1)
+                          ]))), 128))
+                        ])) : (i(), c("div", go))
+                      ]),
+                      e("div", bo, [
+                        e("span", ko, n(s(f)("bcf.description")), 1),
+                        k[6] || (k[6] = e("span", null, "：", -1)),
+                        e("div", Co, n(h.value), 1)
+                      ])
+                    ])
+                  ])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          e("div", $o, [
+            k[7] || (k[7] = e("div", { class: "split" }, null, -1)),
+            e("div", yo, [
+              e("div", {
+                class: "backModel",
+                onClick: k[0] || (k[0] = (E) => N("back"))
+              }, n(s(f)("mobileComments.backToModel")), 1),
+              s(H)("editPrivilege") == 0 ? (i(), c("div", {
+                key: 0,
+                class: "delete",
+                onClick: A
+              }, n(s(f)("mobileComments.deleteComment")), 1)) : U("", !0)
+            ])
+          ])
+        ], 4),
+        w.value ? (i(), ae(C, {
+          key: 0,
+          "img-content": `data:image/png;base64,${T.value}`,
+          onCloseImg: k[1] || (k[1] = () => {
+            w.value = !1;
+          })
+        }, null, 8, ["img-content"])) : U("", !0)
+      ], 64);
+    };
+  }
+}), xo = /* @__PURE__ */ ce(wo, [["__scopeId", "data-v-18a6bb74"]]), Io = { class: "image" }, To = { class: "fill" }, Do = { class: "screenshot" }, So = ["src"], Lo = ["src"], Mo = ["src"], Po = { class: "content" }, Bo = { class: "select_item" }, Eo = { class: "select_wrapper" }, Oo = { class: "select_item" }, zo = { class: "select_wrapper" }, Ro = { class: "select_item" }, No = { class: "select_wrapper" }, Ao = { class: "select_item" }, Fo = { class: "select_wrapper" }, Uo = { class: "select_item" }, Ho = { class: "select_wrapper" }, Wo = { class: "select_item" }, Yo = { class: "select_wrapper" }, Jo = { class: "bottom" }, Zo = /* @__PURE__ */ ne({
+  __name: "add",
+  props: {
+    imageData: {},
+    userId: {}
+  },
+  emits: ["cancel", "emitHandler", "createNew"],
+  setup(W, { emit: Y }) {
+    const N = Y, b = W, p = o(b.imageData), v = re(), w = o(!1), I = o(""), a = o(""), R = o(""), M = o(""), S = o(), P = o(""), h = o([]), m = De(() => Ne()), T = De(() => Re()), f = De(() => ze());
+    he(() => {
+      const k = /* @__PURE__ */ new Date();
+      let $ = k.getDate(), C = k.getFullYear(), E = k.getMonth();
+      I.value = `${C}-${E + 1}-${$}`;
+    });
+    const Z = () => {
+      N("cancel");
+    }, A = () => {
+      w.value = !0;
+    }, D = () => {
+      a.value === "" ? j.emit("prompt", { type: "warn", text: v("bcf.messages.pleaseInputTitle") }) : N("createNew", {
+        author: b.userId,
+        title: a.value,
+        priority: R.value,
+        status: M.value,
+        deadline: S.value,
+        createDate: (/* @__PURE__ */ new Date()).toISOString(),
+        description: P.value,
+        imgData: p.value,
+        tags: h.value
+      });
+    };
+    return (k, $) => {
+      const C = Pe, E = Ve, O = Ge, q = Oe, t = Fe;
+      return i(), c(V, null, [
+        e("div", {
+          class: "comment_add",
+          style: te({ top: `${(s(H)("topHeight") + 52) / 50}rem` })
+        }, [
+          e("div", Io, [
+            e("div", To, [
+              e("div", Do, [
+                e("img", {
+                  src: `data:image/png;base64,${p.value}`
+                }, null, 8, So)
+              ]),
+              e("div", {
+                class: "del",
+                onClick: Z
+              }, [
+                e("img", {
+                  src: s(L) + "/bim-viewer/delete-white.svg"
+                }, null, 8, Lo),
+                pe(" " + n(s(v)("common.edit")), 1)
+              ]),
+              e("div", {
+                class: "zoomIn",
+                onClick: A
+              }, [
+                e("img", {
+                  src: s(L) + "/bim-viewer/annotations/zoomin.svg"
+                }, null, 8, Mo),
+                pe(" " + n(s(v)("common.view")), 1)
+              ])
+            ])
+          ]),
+          e("div", Po, [
+            e("div", Bo, [
+              e("div", null, [
+                pe(n(s(v)("common.title")) + " ", 1),
+                $[7] || ($[7] = e("span", { style: { color: "#f54d4d" } }, "*", -1))
+              ]),
+              e("div", Eo, [
+                X(C, {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": $[0] || ($[0] = (l) => a.value = l),
+                  placeholder: s(v)("common.placeholder_input")
+                }, null, 8, ["modelValue", "placeholder"])
+              ])
+            ]),
+            e("div", Oo, [
+              e("span", null, n(s(v)("bcf.priority")), 1),
+              e("div", zo, [
+                X(O, {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": $[1] || ($[1] = (l) => R.value = l),
+                  clearable: "",
+                  placeholder: s(v)("common.placeholder_select")
+                }, {
+                  default: de(() => [
+                    (i(!0), c(V, null, Q(m.value, (l, x) => (i(), ae(E, {
+                      key: x,
+                      value: l
+                    }, null, 8, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ])
+            ]),
+            e("div", Ro, [
+              e("span", null, n(s(v)("bcf.status")), 1),
+              e("div", No, [
+                X(O, {
+                  modelValue: M.value,
+                  "onUpdate:modelValue": $[2] || ($[2] = (l) => M.value = l),
+                  clearable: "",
+                  placeholder: s(v)("common.placeholder_select")
+                }, {
+                  default: de(() => [
+                    (i(!0), c(V, null, Q(T.value, (l, x) => (i(), ae(E, {
+                      key: x,
+                      value: l
+                    }, null, 8, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ])
+            ]),
+            e("div", Ao, [
+              e("span", null, n(s(v)("bcf.dueDate")), 1),
+              e("div", Fo, [
+                $e(X(q, {
+                  modelValue: S.value,
+                  "onUpdate:modelValue": $[3] || ($[3] = (l) => S.value = l),
+                  type: "datetime",
+                  placeholder: s(v)("common.placeholder_date"),
+                  editable: !1
+                }, null, 8, ["modelValue", "placeholder"]), [
+                  [ye, !1]
+                ])
+              ])
+            ]),
+            e("div", Uo, [
+              e("span", null, n(s(v)("bcf.description")), 1),
+              e("div", Ho, [
+                X(C, {
+                  modelValue: P.value,
+                  "onUpdate:modelValue": $[4] || ($[4] = (l) => P.value = l),
+                  type: "textarea",
+                  placeholder: s(v)("common.placeholder_input")
+                }, null, 8, ["modelValue", "placeholder"])
+              ])
+            ]),
+            e("div", Wo, [
+              e("span", null, n(s(v)("bcf.labels")), 1),
+              e("div", Yo, [
+                X(O, {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": $[5] || ($[5] = (l) => h.value = l),
+                  multiple: "",
+                  placeholder: s(v)("common.placeholder_select")
+                }, {
+                  default: de(() => [
+                    (i(!0), c(V, null, Q(f.value, (l, x) => (i(), ae(E, {
+                      key: x,
+                      value: l
+                    }, null, 8, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ])
+            ])
+          ]),
+          e("div", Jo, [
+            $[8] || ($[8] = e("div", { class: "line" }, null, -1)),
+            e("div", {
+              class: "create",
+              onClick: D
+            }, n(s(v)("bcf.createNow")), 1)
+          ])
+        ], 4),
+        w.value ? (i(), ae(t, {
+          key: 0,
+          "img-content": `data:image/png;base64,${p.value}`,
+          onCloseImg: $[6] || ($[6] = () => {
+            w.value = !1;
+          })
+        }, null, 8, ["img-content"])) : U("", !0)
+      ], 64);
+    };
+  }
+}), Go = /* @__PURE__ */ ce(Zo, [["__scopeId", "data-v-d4ddf289"]]), Vo = { class: "mobile_comments_toolbar" }, jo = { class: "enter" }, Xo = { class: "comment_toolbar" }, qo = { class: "comment-list" }, Ko = ["onClick"], Qo = { class: "comment-icon" }, el = ["src"], tl = { class: "comment-name" }, sl = { class: "comment-icon" }, ol = ["src"], ll = {
+  class: "comment-name",
+  style: { color: "#df1c1c" }
+}, il = { class: "buttons" }, al = {
+  key: 0,
+  class: "comment_create_text_box"
+}, nl = { class: "label-text-edit" }, cl = { class: "text-edit-head" }, rl = ["src"], ul = { class: "text-edit-title" }, dl = { class: "text-edit-body" }, vl = { class: "text-edit-input" }, ml = /* @__PURE__ */ ne({
+  __name: "draw",
+  props: ["componentId"],
+  emits: ["emitHandler", "cancel", "confirm"],
+  setup(W, { expose: Y, emit: N }) {
+    const b = re(), p = Be(), v = W;
+    he(() => {
+      p.setReadyById(v.componentId);
+    });
+    let w, I;
+    const a = o(0), R = o(1), M = o(1), S = o(), P = o(!1), h = o(!1), m = o(!1), T = o(!1), f = o(""), Z = o(), A = o({
+      show: !1,
+      // 是否显示
+      title: b("mobileComments.notice.title"),
+      // 弹窗标题
+      content: "",
+      // 弹窗内容
+      submitName: b("common.confirm"),
+      // 弹窗按钮
+      confirm: () => {
+        console.log("点击了确认"), A.value.show = !1;
+      },
+      close: () => {
+        console.log("点击了关闭"), A.value.show = !1;
+      }
+    }), D = () => {
+      w = window.bimViewer.commentTool, I = window.bimViewer.eventTrigger, _(""), I.on("createNew", () => {
+        a.value = 0, _("");
+      }), I.on("newState", () => {
+        P.value = !0, h.value = !1;
+      }), I.on("noPreviousState", () => {
+        P.value = !1;
+      }), I.on("noNewState", () => {
+        h.value = !1;
+      }), I.on("choseTarget", (g) => {
+        m.value = !0, a.value = 0, _("");
+      });
+    };
+    j.on("BimViewer", D), Le(() => {
+      j.off("BimViewer", D);
+    });
+    const k = N, $ = () => {
+      a.value = 1, _("path"), setTimeout(() => {
+        var g;
+        (g = document.getElementById("svgImage")) == null || g.addEventListener("touchstart", E);
+      }, 200);
+    }, C = () => {
+      var g;
+      (g = document.getElementById("svgImage")) == null || g.removeEventListener("touchstart", E);
+    }, E = (g) => {
+      g.target.tagName == "image" && (a.value === 5 ? (f.value = "", Z.value = g, T.value = !0) : m.value = !1);
+    }, O = () => {
+      f.value ? (w.clickCreateText(Z.value, f.value), T.value = !1) : q(b("mobileComments.pleaseInputContent"));
+    }, q = (g, F) => {
+      A.value = {
+        show: !0,
+        // 是否显示
+        title: b("common.info"),
+        // 弹窗标题
+        content: g,
+        // 弹窗内容
+        submitName: b("common.confirm"),
+        // 弹窗按钮
+        confirm: () => {
+          console.log("点击了确认"), A.value.show = !1;
+        },
+        close: () => {
+          console.log("点击了关闭"), A.value.show = !1;
+        }
+      };
+    }, t = (g) => {
+      a.value === g.id && (a.value = 0), R.value = 1, M.value = 1, S.value = g.buttontype, a.value = g.id, _(g.buttontype);
+    }, l = o(), x = new Ke(0.1), z = () => {
+      w.saveComments();
+      const g = document.getElementById("svgImage");
+      if (g) {
+        const F = new XMLSerializer().serializeToString(g), ie = document.createElement("canvas"), oe = ie.getContext("2d"), J = window.devicePixelRatio || 1, le = new Image();
+        le.onload = function() {
+          ie.width = g.clientWidth * J, ie.height = g.clientHeight * J, oe && (oe.scale(J, J), oe.drawImage(le, 0, 0)), l.value = ie.toDataURL("image/png").split(",")[1], u();
+          function u() {
+            l.value ? k("confirm", l.value) : x.start(() => {
+              u();
+            });
+          }
+        }, le.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(F)}`;
+      }
+    }, d = () => {
+      window.bimViewer.commentTool.deleteCurrentComments(), m.value = !1;
+    }, _ = (g) => {
+      w.setCurrentMode(g);
+    }, y = () => {
+      k("cancel");
+    };
+    return Y({ handleOpen: $, handleClose: C }), (g, F) => {
+      const ie = xe, oe = Pe;
+      return i(), c(V, null, [
+        e("div", Vo, [
+          e("div", jo, [
+            e("div", Xo, [
+              X(ie, null, {
+                default: de(() => [
+                  e("div", qo, [
+                    (i(!0), c(V, null, Q(s(Ae), (J, le) => (i(), c("div", {
+                      key: le,
+                      class: me(["comment-item", {
+                        "comment-item-active": a.value === J.id
+                      }]),
+                      onClick: (u) => t(J)
+                    }, [
+                      e("div", Qo, [
+                        e("img", {
+                          src: s(L) + `/industry-viewer/comment-bar/${a.value === J.id ? J.svgActive : J.svg}.svg`
+                        }, null, 8, el),
+                        e("div", tl, n(s(b)(J.label)), 1)
+                      ])
+                    ], 10, Ko))), 128)),
+                    m.value ? (i(), c("div", {
+                      key: 0,
+                      class: "comment-item",
+                      onClick: d
+                    }, [
+                      e("div", sl, [
+                        e("img", {
+                          src: s(L) + "/industry-viewer/delete.svg"
+                        }, null, 8, ol),
+                        e("div", ll, n(s(b)("common.delete")), 1)
+                      ])
+                    ])) : U("", !0)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            e("div", il, [
+              e("div", {
+                class: "cancel",
+                onClick: y
+              }, n(s(b)("common.cancel")), 1),
+              e("div", {
+                class: "add",
+                onClick: z
+              }, n(s(b)("bcf.addComment")), 1)
+            ])
+          ])
+        ]),
+        T.value ? (i(), c("div", al, [
+          e("div", nl, [
+            e("div", cl, [
+              e("img", {
+                class: "text-edit-back",
+                src: s(L) + "/bim-viewer/back_gray.svg",
+                onClick: F[0] || (F[0] = (J) => T.value = !1)
+              }, null, 8, rl),
+              e("div", ul, n(s(b)("mobileComments.createText")), 1),
+              e("div", {
+                class: "text-edit-finish",
+                onClick: O
+              }, n(s(b)("common.done")), 1)
+            ]),
+            e("div", dl, [
+              e("div", vl, [
+                X(oe, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": F[1] || (F[1] = (J) => f.value = J),
+                  type: "textarea",
+                  placeholder: s(b)("common.placeholder_input"),
+                  autosize: { minRows: 2 }
+                }, null, 8, ["modelValue", "placeholder"])
+              ])
+            ])
+          ])
+        ])) : U("", !0)
+      ], 64);
+    };
+  }
+}), _l = /* @__PURE__ */ ce(ml, [["__scopeId", "data-v-bb8e86c8"]]), pl = {
+  id: "comments_toolbar",
+  class: "comments_toolbar"
+}, hl = { class: "comments_toolbar_wrapper" }, fl = { class: "comments_toolbar_content" }, gl = { class: "comments_toolbar_group" }, bl = ["onClick"], kl = ["src"], Cl = {
+  key: 0,
+  class: "edit-tips"
+}, $l = { class: "edit_tips_content" }, yl = {
+  key: 0,
+  class: "tips-weight"
+}, wl = ["onClick"], xl = {
+  key: 1,
+  class: "tips-weight"
+}, Il = ["onClick"], Tl = { class: "tips-color" }, Dl = ["onClick"], Sl = { class: "comments_toolbar_group" }, Ll = ["src"], Ml = ["src"], Pl = { class: "comments_toolbar_group" }, Bl = ["aria-disabled"], El = /* @__PURE__ */ ne({
+  __name: "pcdraw",
+  props: ["componentId", "instruction"],
+  emits: ["closePanel", "emitHandler"],
+  setup(W, { expose: Y, emit: N }) {
+    const b = re(), p = Be(), v = W, w = N, I = (r) => {
+      w("emitHandler", r);
+    };
+    let a, R;
+    const M = o(!1), S = o(!1), P = () => {
+      a = window.bimViewer.commentTool, R = window.bimViewer.eventTrigger, k(""), R.on("createNew", () => {
+        m.value = 0, k("");
+      }), R.on("newState", () => {
+        M.value = !0, S.value = !1;
+      }), R.on("noPreviousState", () => {
+        M.value = !1;
+      }), R.on("noNewState", () => {
+        S.value = !1;
+      }), R.on("choseTarget", (r) => {
+        m.value = 0, k("");
+      });
+    };
+    j.on("BimViewer", P), Le(() => {
+      j.off("BimViewer", P);
+    }), Y({ startDrawing: () => {
+      E++, C.value = !1, M.value = !1, S.value = !1, m.value = 1, D.value = "path", k("path");
+    } });
+    const m = o(0), T = o(1), f = o(1), Z = o(1), A = o(Ae), D = o(), k = (r) => {
+      a.setCurrentMode(r);
+    }, $ = (r) => {
+      m.value === r.id && (m.value = 0), T.value = 1, f.value = 1, D.value = r.buttontype, m.value = r.id, k(r.buttontype);
+    }, C = o(!1);
+    let E = 0;
+    _e(() => p.isToolActive(v.componentId), (r) => {
+      r || (E++, C.value = !1);
+    });
+    const O = () => {
+      C.value = !1, Qe.error("批注截图保存失败，请重试");
+    }, q = () => {
+      if (C.value) return;
+      C.value = !0;
+      const r = ++E;
+      try {
+        a.saveComments();
+        const se = document.getElementById("svgImage");
+        if (!se) throw new Error("批注画布不存在");
+        const ee = se.cloneNode(!0);
+        ee.querySelectorAll("foreignObject, #selectionBox_g").forEach((ke) => ke.remove());
+        const B = new XMLSerializer().serializeToString(ee), ue = se.clientWidth, ve = se.clientHeight;
+        if (!ue || !ve) throw new Error("批注画布尺寸无效");
+        const fe = document.createElement("canvas"), Te = fe.getContext("2d");
+        if (!Te) throw new Error("无法创建截图画布");
+        const ge = window.devicePixelRatio || 1, be = new Image();
+        be.onerror = () => {
+          r === E && O();
+        }, be.onload = () => {
+          if (!(r !== E || !p.isToolActive(v.componentId)))
+            try {
+              fe.width = ue * ge, fe.height = ve * ge, Te.scale(ge, ge), Te.drawImage(be, 0, 0);
+              const ke = fe.toDataURL("image/png").split(",")[1];
+              C.value = !1, I({ isTool: !0, event_target: "CommentTool", event_name: "saveComment", content: { img_data: ke } });
+            } catch {
+              O();
+            }
+        }, be.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(B)}`;
+      } catch {
+        O();
+      }
+    }, t = () => {
+      E++, C.value = !1, w("closePanel");
+    }, l = (r) => {
+      T.value = r.id, D.value === "path" ? ie(r.size) : D.value === "arrow" ? le(r.size) : D.value === "rect" ? J(r.size) : D.value === "ellipse" && oe(r.size);
+    }, x = (r) => {
+      f.value = r.id, D.value === "path" ? d(r.color) : D.value === "arrow" ? g(r.color) : D.value === "rect" ? y(r.color) : D.value === "ellipse" ? _(r.color) : D.value === "text" && F(r.color);
+    }, z = (r) => {
+      Z.value = r.id, u(r.fontSize);
+    }, d = (r) => {
+      a.pathColor = r;
+    }, _ = (r) => {
+      a.ellipseColor = r;
+    }, y = (r) => {
+      a.rectColor = r;
+    }, g = (r) => {
+      a.arrowColor = r;
+    }, F = (r) => {
+      a.textColor = r;
+    }, ie = (r) => {
+      a.pathStrokeWidth = r;
+    }, oe = (r) => {
+      a.ellipseStrokeWidth = r;
+    }, J = (r) => {
+      a.rectStrokeWidth = r;
+    }, le = (r) => {
+      a.arrowSize = r;
+    }, u = (r) => {
+      a.textFontSize = r;
+    }, K = () => {
+      a.ReDo(() => {
+      }), M.value = !0;
+    }, Ie = () => {
+      a.UnDo(() => {
+      }), S.value = !0;
+    };
+    return (r, se) => (i(), c("div", pl, [
+      e("div", hl, [
+        e("div", fl, [
+          e("div", gl, [
+            (i(!0), c(V, null, Q(A.value, (ee) => (i(), c("div", {
+              key: ee.id,
+              class: me(["comments_tool_btn", { comments_tool_btn_active: m.value === ee.id }]),
+              onClick: (B) => $(ee)
+            }, [
+              e("img", {
+                src: s(L) + `/bim-viewer/comments/${m.value === ee.id ? ee.imgActive : ee.img}.svg`
+              }, null, 8, kl),
+              m.value === ee.id ? (i(), c("div", Cl, [
+                e("div", $l, [
+                  ee.buttontype === "text" ? (i(), c("div", yl, [
+                    (i(!0), c(V, null, Q(s(je), (B) => (i(), c("div", {
+                      key: B.id,
+                      class: me(["text1", { text2: Z.value === B.id }]),
+                      style: te({ "font-size": B.id === 0 ? "18px" : B.id === 1 ? "16px" : "12px" }),
+                      onClick: (ue) => z(B)
+                    }, n(s(b)(B.label)), 15, wl))), 128))
+                  ])) : (i(), c("div", xl, [
+                    (i(!0), c(V, null, Q(s(Xe), (B) => (i(), c("div", {
+                      key: B.id,
+                      class: me(["weight", { choose_weight: T.value === B.id }]),
+                      style: te({
+                        width: B.id === 0 ? "6px" : B.id === 1 ? "14px" : "20px",
+                        height: B.id === 0 ? "6px" : B.id === 1 ? "14px" : "20px"
+                      }),
+                      onClick: G((ue) => l(B), ["stop"])
+                    }, null, 14, Il))), 128))
+                  ])),
+                  e("div", Tl, [
+                    (i(!0), c(V, null, Q(s(qe), (B) => (i(), c("div", {
+                      key: B.id,
+                      class: me(["color-item", { choose_color: f.value === B.id }]),
+                      style: te({
+                        background: B.color,
+                        border: B.id === 5 ? "1px solid #CBCFD9" : "",
+                        width: (B.id === 5, "18px"),
+                        height: (B.id === 5, "18px")
+                      }),
+                      onClick: G((ue) => x(B), ["stop"])
+                    }, null, 14, Dl))), 128))
+                  ])
+                ])
+              ])) : U("", !0)
+            ], 10, bl))), 128))
+          ]),
+          se[0] || (se[0] = e("div", { class: "splitLine" }, null, -1)),
+          e("div", Sl, [
+            e("div", {
+              class: "comments_tool_btn",
+              onClick: Ie
+            }, [
+              e("img", {
+                src: s(L) + `/bim-viewer/annotations/${M.value ? "left-revoke-active" : "left-revoke"}.png`
+              }, null, 8, Ll)
+            ]),
+            e("div", {
+              class: "comments_tool_btn",
+              onClick: K
+            }, [
+              e("img", {
+                src: s(L) + `/bim-viewer/annotations/${S.value ? "right-revoke-active" : "right-revoke"}.png`
+              }, null, 8, Ml)
+            ])
+          ]),
+          se[1] || (se[1] = e("div", { class: "splitLine" }, null, -1)),
+          e("div", Pl, [
+            e("div", {
+              class: "comments_cancel",
+              onClick: t
+            }, " 取消 "),
+            e("div", {
+              class: "comments_save",
+              "aria-disabled": C.value,
+              onClick: q
+            }, n(C.value ? "保存中…" : "保存"), 9, Bl)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), Ol = /* @__PURE__ */ ce(El, [["__scopeId", "data-v-816dea2d"]]), zl = { key: 3 }, Rl = { class: "top" }, Nl = { class: "top_bar" }, Al = ["src"], Fl = {
+  key: 0,
+  class: "title_2"
+}, Ul = { class: "more" }, Hl = ["src"], Wl = {
+  key: 4,
+  class: "loading_shelter"
+}, Yl = /* @__PURE__ */ ne({
+  __name: "CommentTool",
+  props: ["componentId", "instruction"],
+  emits: ["closePanel", "emitHandler"],
+  setup(W, { emit: Y }) {
+    const N = Be(), b = Me(), p = re(), v = W, w = (u) => {
+      $.value = u;
+    }, I = o(!1), a = o(""), R = o(""), M = o(!1), S = (u) => {
+      a.value = u.type, R.value = u.text, M.value = !0, setTimeout(() => {
+        M.value = !1;
+      }, 1500);
+    };
+    j.on("cmtLoading", w), j.on("prompt", S), he(() => {
+      N.setReadyById(v.componentId);
+    }), Le(() => {
+      j.off("cmtLoading", w), j.off("prompt", S), H("isMobile") || f();
+    });
+    const P = Y, h = (u) => {
+      P("emitHandler", u);
+    }, m = o(!1), T = o(), f = () => {
+      var u;
+      m.value = !1, (u = window.bimViewer) == null || u.SetCommentsToolActive(!1);
+    }, Z = async () => {
+      if (!(H("editPrivilege") !== 0 || !N.isToolActive(v.componentId) || m.value) && (m.value = !0, await He(), !(!m.value || !N.isToolActive(v.componentId))))
+        try {
+          const u = window.bimViewer;
+          u.commentTool.getActive() ? u.commentTool.saveSVG() : u.SetCommentsToolActive(!0), T.value.startDrawing(), P("emitHandler", { isTool: !0, event_target: "CommentTool", event_name: "startComment", content: {} });
+        } catch (u) {
+          f(), console.error("批注绘制启动失败", u);
+        }
+    }, A = (u) => {
+      u.event_name === "saveComment" && u.content.img_data && f(), h(u);
+    }, D = o();
+    _e(
+      () => N.isToolActive(v.componentId),
+      (u) => {
+        H("isMobile") ? H("editPrivilege") == 0 ? u ? D.value.handleOpen() : (D.value.handleClose(), j.emit("hideToolbar", !1), d()) : H("editPrivilege") == 1 && (u ? F() : (j.emit("hideToolbar", !1), d())) : u || f();
+      }
+    );
+    const k = o(!1);
+    _e(
+      () => v.instruction,
+      (u) => {
+        u && (u.instruct_name == "updateCmtList" && (E.value = u.content.cmtList, (u.content.msg && u.content.msg.show || C.value == 2) && F(!1)), u.instruct_name == "checkCmtDetail" && u.content.cmtDetail && (x.value = u.content.cmtDetail, O.value = x.value.title, g(x.value.guid, !1)), u.instruct_name == "newComment" && u.content.code == 200 && (k.value = !0, S({ type: "success", text: p("mobileComments.createSuccess") }), setTimeout(() => {
+          g(u.content.guid);
+        }, 200)), j.emit("cmtLoading", !1));
+      },
+      { deep: !0 }
+    );
+    const $ = o(!1), C = o(0), E = o([]), O = o(p("mobileComments.newComment")), q = o(!1), t = o(!1), l = o(!1), x = o(), z = o(""), d = () => {
+      C.value = 0, q.value = !1, l.value = !1, t.value = !1, O.value = p("mobileComments.newComment");
+    }, _ = (u) => {
+      z.value = u, C.value = 1, t.value = !0;
+    }, y = (u) => {
+      j.emit("cmtLoading", !0), h({
+        isTool: !0,
+        event_name: "newComment",
+        event_target: "CommentTool",
+        content: { ...u }
+      });
+    }, g = (u, K = !0) => {
+      K ? (j.emit("cmtLoading", !0), h({
+        isTool: !0,
+        event_target: "CommentTool",
+        event_name: "checkCmtDetail",
+        content: { id: u }
+      })) : l.value = !0, t.value = !1, C.value = 2;
+    }, F = (u = !0) => {
+      u && (j.emit("cmtLoading", !0), h({
+        isTool: !0,
+        event_name: "refreshCmtList",
+        event_target: "CommentTool",
+        content: {}
+      })), C.value = 3, O.value = "批注列表", q.value = !0, l.value = !1;
+    }, ie = (u) => {
+      h({
+        isTool: !0,
+        event_target: "CommentTool",
+        event_name: "deleteComment",
+        content: { id: u }
+      });
+    }, oe = () => {
+      switch (C.value) {
+        case 0:
+          le();
+          break;
+        case 1:
+          d();
+          break;
+        case 2:
+          l.value = !1, O.value = "批注列表", C.value = 3, k.value ? F() : q.value = !0;
+          break;
+        case 3:
+          H("editPrivilege") == 0 && (q.value = !1, d()), H("editPrivilege") == 1 && le();
+          break;
+      }
+    }, J = () => {
+      C.value == 2 && g(x.value.guid), C.value == 3 && F();
+    }, le = () => {
+      j.emit("hideToolbar", !1), P("closePanel");
+    };
+    return (u, K) => {
+      const Ie = Ol, r = _l, se = Go, ee = xo, B = Zs, ue = it;
+      return i(), c("div", {
+        class: me(["comment_component", { "desktop-idle": !s(H)("isMobile") && !m.value }]),
+        onPointerdown: K[3] || (K[3] = (ve) => I.value = !1)
+      }, [
+        !s(H)("isMobile") && !m.value && s(H)("editPrivilege") === 0 ? (i(), c("button", {
+          key: 0,
+          class: "add-comment-btn",
+          type: "button",
+          title: "添加批注",
+          "aria-label": "添加批注",
+          onClick: Z
+        }, [...K[4] || (K[4] = [
+          e("svg", {
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true"
+          }, [
+            e("path", { d: "M12 5v14M5 12h14" })
+          ], -1)
+        ])])) : U("", !0),
+        $e(e("div", {
+          id: "comments_panel",
+          class: "comments_panel",
+          style: te({ background: s(H)("backgroundColor") })
+        }, null, 4), [
+          [ye, s(H)("isMobile") || m.value]
+        ]),
+        s(H)("isMobile") ? U("", !0) : $e((i(), ae(Ie, {
+          key: 1,
+          ref_key: "pcdrawRef",
+          ref: T,
+          "component-id": W.componentId,
+          onEmitHandler: A,
+          onClosePanel: f
+        }, null, 8, ["component-id"])), [
+          [ye, m.value]
+        ]),
+        s(H)("isMobile") ? (i(), ae(r, {
+          key: 2,
+          ref_key: "drawRef",
+          ref: D,
+          "component-id": W.componentId,
+          onCancel: oe,
+          onConfirm: _
+        }, null, 8, ["component-id"])) : U("", !0),
+        s(H)("isMobile") ? (i(), c("div", zl, [
+          t.value ? (i(), ae(se, {
+            key: 0,
+            "image-data": z.value,
+            "user-id": s(b).getUserId,
+            onCreateNew: y,
+            onCancel: K[0] || (K[0] = (ve) => t.value = !1),
+            onEmitHandler: h
+          }, null, 8, ["image-data", "user-id"])) : U("", !0),
+          l.value ? (i(), ae(ee, {
+            key: 1,
+            "cmt-content": x.value,
+            onDelete: ie,
+            onBack: le
+          }, null, 8, ["cmt-content"])) : U("", !0),
+          $e(X(B, {
+            "-c-m-t-list": E.value,
+            instruction: v.instruction,
+            onCheckCmtDetail: g,
+            onBack: oe
+          }, null, 8, ["-c-m-t-list", "instruction"]), [
+            [ye, q.value]
+          ]),
+          e("div", Rl, [
+            e("div", {
+              class: "top_height",
+              style: te({ width: "100%", height: `${s(H)("topHeight") / 50}rem` })
+            }, null, 4),
+            e("div", Nl, [
+              e("img", {
+                class: "back",
+                onClick: oe,
+                src: s(L) + "/bim-viewer/bcf-images/back.png"
+              }, null, 8, Al),
+              e("div", {
+                class: "title",
+                onClick: K[1] || (K[1] = G((ve) => I.value = !I.value, ["stop"]))
+              }, n(O.value), 1),
+              I.value ? (i(), c("span", Fl, n(O.value), 1)) : U("", !0),
+              e("div", Ul, [
+                C.value == 0 ? (i(), c("div", {
+                  key: 0,
+                  class: "history",
+                  onClick: K[2] || (K[2] = (ve) => F())
+                }, n(s(p)("mobileComments.list")), 1)) : U("", !0),
+                C.value == 2 || C.value == 3 ? (i(), c("img", {
+                  key: 1,
+                  class: "refresh",
+                  onClick: J,
+                  src: s(L) + "/bim-viewer/bcf-images/refresh.png"
+                }, null, 8, Hl)) : U("", !0)
+              ])
+            ])
+          ])
+        ])) : U("", !0),
+        $.value ? (i(), c("div", Wl)) : U("", !0),
+        M.value ? (i(), ae(ue, {
+          key: 5,
+          type: a.value,
+          text: R.value
+        }, null, 8, ["type", "text"])) : U("", !0)
+      ], 34);
+    };
+  }
+}), jl = /* @__PURE__ */ ce(Yl, [["__scopeId", "data-v-75414f00"]]);
+export {
+  jl as default
+};