@xtctwins/tctwins-bimx-engine 0.2.54 → 0.3.0

package/dist/CommentTool-CT3wFozB.mjs

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