@xtctwins/tctwins-industry-engine 0.0.11 → 0.1.0

package/dist/ScreenShotTool-viitj9zy.mjs

@@ -0,0 +1,429 @@
+import { _ as _e } from "./panel.vue_vue_type_style_index_0_lang-B-dNXuRK.mjs";
+import { am as U, o as q, an as K, g as G, ao as Y, b as N, ap as J, aq as he, j as H, q as X, a as Se, ar as Ve, as as Ee, u as $, at as Re, au as ke, av as Ce, C as Ie, N as Be, aw as Pe, ax as W, w as xe, F as we, G as Ne, ay as T, J as ze } from "./index-COQ8NdId.mjs";
+import { ref as C, inject as Te, computed as h, defineComponent as z, openBlock as R, createElementBlock as I, normalizeClass as E, unref as e, createElementVNode as y, withDirectives as Q, withModifiers as x, isRef as Z, vModelRadio as ee, renderSlot as D, createTextVNode as w, toDisplayString as B, nextTick as te, normalizeStyle as Le, onMounted as ae, provide as Ue, reactive as $e, toRefs as De, watch as oe, Fragment as le, renderList as se, createBlock as ne, resolveDynamicComponent as Fe, mergeProps as Ae, withCtx as L, createVNode as P, createCommentVNode as Oe } from "vue";
+const ie = N({
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description size of the Radio
+  */
+  size: J,
+  /**
+  * @description whether Radio is disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description the label of Radio
+  */
+  label: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description the value of Radio
+  */
+  value: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description native `name` attribute
+  */
+  name: {
+    type: String,
+    default: void 0
+  }
+}), je = N({
+  ...ie,
+  /**
+  * @description whether to add a border around Radio
+  */
+  border: Boolean
+}), re = {
+  [Y]: (o) => q(o) || K(o) || G(o),
+  [U]: (o) => q(o) || K(o) || G(o)
+}, de = Symbol("radioGroupKey"), Me = N({ ...ie }), ue = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, qe = N({
+  /**
+  * @description native `id` attribute
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description the size of radio buttons or bordered radios
+  */
+  size: J,
+  /**
+  * @description whether the nesting radios are disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description border and background color when button is active
+  */
+  fill: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description font color when button is active
+  */
+  textColor: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description native `name` attribute
+  */
+  name: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  options: { type: H(Array) },
+  props: {
+    type: H(Object),
+    default: () => ue
+  },
+  type: {
+    type: String,
+    values: ["radio", "button"],
+    default: "radio"
+  },
+  ...he(["ariaLabel"])
+}), Ke = re, ce = (o, S) => {
+  const l = C(), r = Te(de, void 0), s = h(() => !!r), f = h(() => X(o.value) ? o.label : o.value), c = h({
+    get() {
+      return s.value ? r.modelValue : o.modelValue;
+    },
+    set(g) {
+      s.value ? r.changeEvent(g) : S && S("update:modelValue", g), l.value.checked = o.modelValue === f.value;
+    }
+  }), i = Se(h(() => r == null ? void 0 : r.size)), n = Ve(h(() => r == null ? void 0 : r.disabled)), b = C(!1), v = h(() => n.value || s.value && c.value !== f.value ? -1 : 0);
+  return Ee({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-radio",
+    ref: "https://element-plus.org/en-US/component/radio.html"
+  }, h(() => s.value && X(o.value))), {
+    radioRef: l,
+    isGroup: s,
+    radioGroup: r,
+    focus: b,
+    size: i,
+    disabled: n,
+    tabIndex: v,
+    modelValue: c,
+    actualValue: f
+  };
+}, Ge = [
+  "value",
+  "name",
+  "disabled",
+  "checked"
+];
+var He = /* @__PURE__ */ z({
+  name: "ElRadio",
+  __name: "radio",
+  props: je,
+  emits: re,
+  setup(o, { emit: S }) {
+    const l = o, r = S, s = $("radio"), { radioRef: f, radioGroup: c, focus: i, size: n, disabled: b, modelValue: v, actualValue: g } = ce(l, r);
+    function d() {
+      te(() => r(U, v.value));
+    }
+    return (k, a) => {
+      var t;
+      return R(), I("label", { class: E([
+        e(s).b(),
+        e(s).is("disabled", e(b)),
+        e(s).is("focus", e(i)),
+        e(s).is("bordered", o.border),
+        e(s).is("checked", e(v) === e(g)),
+        e(s).m(e(n))
+      ]) }, [y("span", { class: E([
+        e(s).e("input"),
+        e(s).is("disabled", e(b)),
+        e(s).is("checked", e(v) === e(g))
+      ]) }, [Q(y("input", {
+        ref_key: "radioRef",
+        ref: f,
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => Z(v) ? v.value = m : null),
+        class: E(e(s).e("original")),
+        value: e(g),
+        name: o.name || ((t = e(c)) == null ? void 0 : t.name),
+        disabled: e(b),
+        checked: e(v) === e(g),
+        type: "radio",
+        onFocus: a[1] || (a[1] = (m) => i.value = !0),
+        onBlur: a[2] || (a[2] = (m) => i.value = !1),
+        onChange: d,
+        onClick: a[3] || (a[3] = x(() => {
+        }, ["stop"]))
+      }, null, 42, Ge), [[ee, e(v)]]), y("span", { class: E(e(s).e("inner")) }, null, 2)], 2), y("span", {
+        class: E(e(s).e("label")),
+        onKeydown: a[4] || (a[4] = x(() => {
+        }, ["stop"]))
+      }, [D(k.$slots, "default", {}, () => [w(B(o.label), 1)])], 34)], 2);
+    };
+  }
+}), me = He;
+const Xe = [
+  "value",
+  "name",
+  "disabled"
+];
+var Ye = /* @__PURE__ */ z({
+  name: "ElRadioButton",
+  __name: "radio-button",
+  props: Me,
+  setup(o) {
+    const S = o, l = $("radio"), { radioRef: r, focus: s, size: f, disabled: c, modelValue: i, radioGroup: n, actualValue: b } = ce(S), v = h(() => ({
+      backgroundColor: (n == null ? void 0 : n.fill) || "",
+      borderColor: (n == null ? void 0 : n.fill) || "",
+      boxShadow: n != null && n.fill ? `-1px 0 0 0 ${n.fill}` : "",
+      color: (n == null ? void 0 : n.textColor) || ""
+    }));
+    return (g, d) => {
+      var k;
+      return R(), I("label", { class: E([
+        e(l).b("button"),
+        e(l).is("active", e(i) === e(b)),
+        e(l).is("disabled", e(c)),
+        e(l).is("focus", e(s)),
+        e(l).bm("button", e(f))
+      ]) }, [Q(y("input", {
+        ref_key: "radioRef",
+        ref: r,
+        "onUpdate:modelValue": d[0] || (d[0] = (a) => Z(i) ? i.value = a : null),
+        class: E(e(l).be("button", "original-radio")),
+        value: e(b),
+        type: "radio",
+        name: o.name || ((k = e(n)) == null ? void 0 : k.name),
+        disabled: e(c),
+        onFocus: d[1] || (d[1] = (a) => s.value = !0),
+        onBlur: d[2] || (d[2] = (a) => s.value = !1),
+        onClick: d[3] || (d[3] = x(() => {
+        }, ["stop"]))
+      }, null, 42, Xe), [[ee, e(i)]]), y("span", {
+        class: E(e(l).be("button", "inner")),
+        style: Le(e(i) === e(b) ? v.value : {}),
+        onKeydown: d[4] || (d[4] = x(() => {
+        }, ["stop"]))
+      }, [D(g.$slots, "default", {}, () => [w(B(o.label), 1)])], 38)], 2);
+    };
+  }
+}), F = Ye;
+const Je = [
+  "id",
+  "aria-label",
+  "aria-labelledby"
+];
+var We = /* @__PURE__ */ z({
+  name: "ElRadioGroup",
+  __name: "radio-group",
+  props: qe,
+  emits: Ke,
+  setup(o, { emit: S }) {
+    const l = o, r = S, s = $("radio"), f = Re(), c = C(), { formItem: i } = ke(), { inputId: n, isLabeledByFormItem: b } = Ce(l, { formItemContext: i }), v = (t) => {
+      r(Y, t), te(() => r(U, t));
+    };
+    ae(() => {
+      const t = c.value.querySelectorAll("[type=radio]"), m = t[0];
+      !Array.from(t).some((u) => u.checked) && m && (m.tabIndex = 0);
+    });
+    const g = h(() => l.name || f.value), d = h(() => ({
+      ...ue,
+      ...l.props
+    })), k = (t) => {
+      const { label: m, value: u, disabled: _ } = d.value, V = {
+        label: t[m],
+        value: t[u],
+        disabled: t[_]
+      };
+      return {
+        ...Pe(t, [
+          m,
+          u,
+          _
+        ]),
+        ...V
+      };
+    }, a = h(() => l.type === "button" ? F : me);
+    return Ue(de, $e({
+      ...De(l),
+      changeEvent: v,
+      name: g
+    })), oe(() => l.modelValue, (t, m) => {
+      l.validateEvent && !Ie(t, m) && (i == null || i.validate("change").catch(Be));
+    }), (t, m) => (R(), I("div", {
+      id: e(n),
+      ref_key: "radioGroupRef",
+      ref: c,
+      class: E(e(s).b("group")),
+      role: "radiogroup",
+      "aria-label": e(b) ? void 0 : o.ariaLabel || "radio-group",
+      "aria-labelledby": e(b) ? e(i).labelId : void 0
+    }, [D(t.$slots, "default", {}, () => [(R(!0), I(le, null, se(o.options, (u, _) => (R(), ne(Fe(a.value), Ae({ key: _ }, { ref_for: !0 }, k(u)), null, 16))), 128))])], 10, Je));
+  }
+}), pe = We;
+const Qe = xe(me, {
+  RadioButton: F,
+  RadioGroup: pe
+}), Ze = W(pe);
+W(F);
+const et = { class: "wrapper" }, tt = { class: "screen_thumbnail" }, at = ["src"], ot = { class: "validity-period" }, lt = {
+  key: 0,
+  class: "custom"
+}, st = { class: "footer" }, dt = /* @__PURE__ */ z({
+  __name: "ScreenShotTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(o, { emit: S }) {
+    const l = we(), r = Ne(), s = o, f = C(0), c = C(), i = C(), n = C(), b = S;
+    ae(() => {
+      c.value = 1280, i.value = 720, r.setReadyById(s.componentId);
+    }), oe(
+      () => r.isToolActive(s.componentId),
+      (a) => {
+        a && d(220, 124, !1);
+      }
+    );
+    const v = (a) => {
+      f.value = a, a !== 3 && (c.value = T[a].width, i.value = T[a].height);
+    }, g = () => {
+      b("closePanel");
+    }, d = (a, t, m) => {
+      const u = document.getElementById("myCanvas"), _ = document.createElement("a");
+      _.download = "screenshot.png";
+      const V = document.createElement("canvas"), p = V.getContext("2d");
+      if (u && p) {
+        V.width = a, V.height = t;
+        const ve = a / u.width, fe = t / u.height, A = Math.max(ve, fe), O = u.width * A, j = u.height * A, be = (a - O) / 2, ge = (t - j) / 2;
+        p.clearRect(0, 0, a, t), p.fillStyle = "transparent", p.fillRect(0, 0, a, t), p.drawImage(u, 0, 0, u.width, u.height, be, ge, O, j), m ? V.toBlob(function(ye) {
+          const M = URL.createObjectURL(ye);
+          _.href = M, _.click(), URL.revokeObjectURL(M);
+        }) : n.value = V.toDataURL("image/png");
+      }
+    }, k = () => {
+      d(c.value, i.value, !0);
+    };
+    return (a, t) => {
+      const m = Qe, u = Ze, _ = ze, V = _e;
+      return R(), ne(V, {
+        class: "screen_container",
+        width: 240,
+        panelTitle: e(l)("screenshot.title"),
+        "click-handle": g
+      }, {
+        default: L(() => [
+          y("div", et, [
+            y("div", tt, [
+              y("img", {
+                class: "thumbnail_img",
+                src: n.value,
+                alt: ""
+              }, null, 8, at)
+            ]),
+            P(u, {
+              modelValue: f.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (p) => f.value = p),
+              onChange: v
+            }, {
+              default: L(() => [
+                y("div", ot, [
+                  (R(!0), I(le, null, se(e(T), (p) => (R(), I("div", {
+                    key: p.id,
+                    class: "period_box"
+                  }, [
+                    P(m, {
+                      label: p.id
+                    }, {
+                      default: L(() => [
+                        w(B(p.name || e(l)(p.label ?? "")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])
+                  ]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            f.value === 3 ? (R(), I("div", lt, [
+              P(_, {
+                modelValue: c.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (p) => c.value = p),
+                placeholder: e(l)("screenshot.widthPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"]),
+              t[3] || (t[3] = w(" x ", -1)),
+              P(_, {
+                modelValue: i.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (p) => i.value = p),
+                placeholder: e(l)("screenshot.heightPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])
+            ])) : Oe("", !0),
+            y("div", st, [
+              y("div", {
+                class: "btn1",
+                onClick: g
+              }, B(e(l)("common.cancel")), 1),
+              y("div", {
+                class: "btn2",
+                onClick: k
+              }, B(e(l)("common.save")), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["panelTitle"]);
+    };
+  }
+});
+export {
+  dt as default
+};

package/dist/SectionTool-Bz1c26fa.mjs

@@ -0,0 +1,241 @@
+import { _ as be } from "./alert-CgfjcpRo.mjs";
+import { F as ge, G as ke, T as q, H as b, I as f, a1 as W, a2 as h, P as g, a3 as Se, K as we, a4 as ye, L as Ce, M as xe } from "./index-COQ8NdId.mjs";
+import { _ as Le } from "./panel.vue_vue_type_style_index_0_lang-B-dNXuRK.mjs";
+import { defineComponent as Be, ref as _, onMounted as Pe, watch as Te, onBeforeUnmount as Ve, openBlock as a, createElementBlock as d, Fragment as I, unref as n, createBlock as Ee, withCtx as J, createElementVNode as o, toDisplayString as v, withDirectives as Q, renderList as X, vShow as Y, createVNode as L, normalizeClass as Z, withModifiers as Ie, createTextVNode as Me } from "vue";
+const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_title" }, $e = { class: "section_control_button" }, De = ["src"], He = { class: "control_buttons" }, Ne = ["onClick"], ze = { class: "section_panel_cont" }, Re = {
+  key: 0,
+  class: ""
+}, Fe = ["onClick"], Ue = { class: "cont_item_left" }, je = ["src", "onClick"], Ge = { class: "cont_item_right" }, Ke = ["src", "onClick"], qe = ["src", "onClick"], We = ["src", "onClick"], Je = {
+  key: 1,
+  class: "empty1"
+}, Qe = {
+  key: 1,
+  class: "mobile_section_panel"
+}, Xe = { class: "slicing-title-box" }, Ye = { class: "slicing-title" }, Ze = { class: "slicing-title-icon" }, eo = { class: "slicing-content-box" }, oo = { class: "mobile_box_buttons" }, to = /* @__PURE__ */ Be({
+  __name: "SectionTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(ee, { emit: oe }) {
+    const r = ge(), M = ke(), O = ee, B = _(0);
+    Pe(() => {
+      M.setReadyById(O.componentId), q.currentTheme == "blue" ? B.value = 240 : q.currentTheme == "light-gray" && (B.value = 202), w(), window.addEventListener("resize", w), document.addEventListener("click", A);
+    });
+    const A = (e) => {
+      S.value && e.target.id != "controlOperatePanel" && H(!1);
+    }, $ = _(!0), k = _(!1), i = _(), u = _(), S = _(!1), D = _(360), H = (e) => {
+      S.value = e;
+    };
+    let s, N;
+    const z = oe;
+    Te(
+      () => M.isToolActive(O.componentId),
+      (e) => {
+        e && (P(), w(), b("isMobile") && F());
+      }
+    );
+    const R = () => {
+      s = window.bimViewer.sectionTool, N = window.bimViewer.eventTrigger, b("isMobile") || N.on("createSection", (e) => {
+        y(), i.value = Object.keys(K()).map((t) => ({
+          id: t,
+          isLook: !0,
+          directionLeft: !0
+        })), ae(e.id, !0), u.value = e.id, T(e.id);
+      });
+    };
+    f.on("BimViewer", R), f.on(W, P), Ve(() => {
+      f.off("BimViewer", R), f.off(W, P), window.removeEventListener("resize", w), document.removeEventListener("click", A);
+    });
+    function te() {
+      $.value = !1;
+    }
+    function w() {
+      if (b("isMobile")) return;
+      const e = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--section-content-height")) || 360, t = document.querySelector(".bimx-components-wrapper"), c = ((t == null ? void 0 : t.clientHeight) || window.innerHeight) - 216;
+      D.value = Math.max(140, Math.min(e, c));
+    }
+    const m = _(!1);
+    function F() {
+      m.value = h.IsBoxVisible();
+    }
+    function ne() {
+      h.ResetBox(), F();
+    }
+    function ie() {
+      m.value = h.ToggleBoxVisible();
+    }
+    function se() {
+      h.CloseBox(), h.SetActive(!1), z("closePanel"), f.emit("hideToolbar", !1);
+    }
+    function P() {
+      if (!s) return;
+      const e = K() || {}, t = i.value || [], c = Object.keys(e).map((p) => {
+        const C = t.find((V) => V.id === p);
+        return {
+          id: p,
+          isLook: !!e[p].active,
+          directionLeft: C ? C.directionLeft : !0
+        };
+      });
+      i.value = c, u.value = c.length ? c[0].id : "", m.value = h.IsBoxVisible();
+    }
+    const U = () => {
+      s.setActive(!1), z("closePanel"), f.emit("hideToolbar", !1);
+    }, le = (e) => {
+      u.value !== e.id && (u.value = e.id, k.value = !1, y(), T(e.id));
+    }, ce = (e) => {
+      y(), e.isLook = !e.isLook, e.isLook ? (e.isLook = !0, de(e.id)) : _e(e.id), T(u.value);
+    }, T = (e) => {
+      s.showSectionPlane(e);
+    }, j = (e) => {
+      if (i.value)
+        for (let t = 0; t < i.value.length; t++)
+          i.value[t].isLook = e;
+    }, ae = (e, t) => {
+      for (let c = 0; c < i.value.length; c++)
+        e == i.value[c].id && (i.value[c].isLook = t);
+    }, G = (e) => {
+      e.directionLeft = !e.directionLeft, he(e.id);
+    }, re = (e) => {
+      s.destroySectionPlane(e), i.value = i.value.filter((t) => t.id !== e);
+    }, de = (e) => {
+      s.setSectionEnable(e);
+    }, _e = (e) => {
+      s.setSectionDisable(e);
+    }, ue = () => {
+      j(!0), s.enableSections(), s.showControl(), k.value = !0;
+    }, ve = () => {
+      j(!1), s.disableSections(), k.value = !1, u.value = "";
+    }, fe = (e) => {
+      e.id === 0 ? (me(), i.value = []) : e.id === 1 ? pe() : e.id === 2 ? ue() : e.id === 4 && (ve(), y());
+    }, he = (e) => {
+      s.flipSection(e);
+    }, K = () => s.getSectionPlanes(), me = () => {
+      s.clear();
+    }, pe = () => {
+      s.flipSections();
+    }, y = () => {
+      s.hideControl();
+    };
+    return (e, t) => {
+      const c = we, p = Le, C = Ce, V = be;
+      return a(), d(I, null, [
+        n(b)("isMobile") ? (a(), d("div", Qe, [
+          o("div", Xe, [
+            o("div", Ye, v(n(r)("section.boxMode")), 1),
+            o("div", Ze, [
+              L(C, {
+                width: 0.4,
+                "size-type": "rem",
+                "click-handle": U
+              })
+            ])
+          ]),
+          o("div", eo, [
+            o("div", oo, [
+              o("div", {
+                class: "mobile_box_button",
+                onClick: ne
+              }, v(n(r)("common.reset")), 1),
+              o("div", {
+                class: Z(["mobile_box_button", { mobile_box_button_active: m.value }]),
+                onClick: ie
+              }, v(n(r)(m.value ? "section.boxHide" : "section.boxShow")), 3),
+              o("div", {
+                class: "mobile_box_button",
+                onClick: se
+              }, v(n(r)("common.close")), 1)
+            ])
+          ])
+        ])) : (a(), Ee(p, {
+          key: 0,
+          class: "section_panel",
+          width: B.value,
+          panelTitle: n(r)("toolbar.section"),
+          "click-handle": U
+        }, {
+          default: J(() => [
+            o("div", Oe, [
+              o("div", Ae, v(n(r)("section.allSections")), 1),
+              o("div", $e, [
+                o("img", {
+                  id: "controlOperatePanel",
+                  src: n(g) + "/bim-viewer/slicing-more.png",
+                  onClick: t[0] || (t[0] = (l) => H(!S.value))
+                }, null, 8, De),
+                Q(o("div", He, [
+                  (a(!0), d(I, null, X(n(Se), (l) => (a(), d("div", {
+                    key: l.id,
+                    class: "operation_button",
+                    onClick: (E) => fe(l)
+                  }, [
+                    o("span", null, v(n(r)(l.name)), 1)
+                  ], 8, Ne))), 128))
+                ], 512), [
+                  [Y, S.value]
+                ])
+              ])
+            ]),
+            o("div", ze, [
+              L(c, {
+                height: D.value + "px"
+              }, {
+                default: J(() => [
+                  i.value && i.value.length ? (a(), d("div", Re, [
+                    (a(!0), d(I, null, X(i.value, (l, E) => (a(), d("div", {
+                      key: E,
+                      class: Z(["panel_cont_item", { panel_cont_item_choose: u.value === l.id || k.value }]),
+                      onClick: (x) => le(l)
+                    }, [
+                      o("div", Ue, [
+                        o("img", {
+                          src: `${n(g)}/bim-viewer/${l.isLook ? "section_look_icon.png" : "section_unlook_icon.png"}`,
+                          alt: "",
+                          onClick: Ie((x) => ce(l), ["stop"])
+                        }, null, 8, je),
+                        Me(" " + v(n(r)("section.sectionPrefix") + (E + 1)), 1)
+                      ]),
+                      o("div", Ge, [
+                        l.directionLeft ? (a(), d("img", {
+                          key: 0,
+                          src: n(g) + "/bim-viewer/left_section_icon.png",
+                          alt: "",
+                          onClick: (x) => G(l)
+                        }, null, 8, Ke)) : (a(), d("img", {
+                          key: 1,
+                          src: n(g) + "/bim-viewer/right_section_icon.png",
+                          alt: "",
+                          onClick: (x) => G(l)
+                        }, null, 8, qe)),
+                        o("img", {
+                          src: n(g) + "/bim-viewer/section_del_icon.png",
+                          alt: "",
+                          onClick: (x) => re(l.id)
+                        }, null, 8, We)
+                      ])
+                    ], 10, Fe))), 128))
+                  ])) : (a(), d("div", Je, [
+                    L(ye, {
+                      title: n(r)("common.noData"),
+                      type: "model"
+                    }, null, 8, ["title"])
+                  ]))
+                ]),
+                _: 1
+              }, 8, ["height"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["width", "panelTitle"])),
+        Q(L(V, {
+          title: n(r)("alert.selectSectionPlane"),
+          "click-handle": te
+        }, null, 8, ["title"]), [
+          [Y, $.value && !n(b)("isMobile")]
+        ])
+      ], 64);
+    };
+  }
+}), co = /* @__PURE__ */ xe(to, [["__scopeId", "data-v-3a586562"]]);
+export {
+  co as default
+};