@xtctwins/tctwins-bimx-engine 0.3.18 → 0.3.19

package/dist/ScreenShotTool-BTqJ90J6.mjs

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

package/dist/{SectionTool-CjX3ikon.mjs → SectionTool-CWzcRQe3.mjs}

@@ -1,11 +1,11 @@
-import { _ as be } from "./alert-COkF0N8w.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-fIchFHNn.mjs";
-import { _ as Le } from "./panel.vue_vue_type_style_index_0_lang-BtSx7l8h.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 = {
+import { _ as be } from "./alert-BAgNMV8k.mjs";
+import { n as ge, o as ke, T as G, p as b, q as f, J, K as h, O as g, L as Se, N as we, v as ye, x as xe, y as Ce } from "./index-Bu4b3eOR.mjs";
+import { _ as Le } from "./panel.vue_vue_type_style_index_0_lang-sBMUmb4u.mjs";
+import { defineComponent as Be, ref as _, onMounted as Te, watch as Pe, onBeforeUnmount as Ve, openBlock as a, createElementBlock as d, Fragment as I, unref as n, createBlock as Ee, withCtx as W, 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 Oe } from "vue";
+const Me = { class: "section_panel_middle" }, Ae = { class: "section_middle_title" }, $e = { class: "section_control_button" }, De = ["src"], Ne = { class: "control_buttons" }, He = ["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 = {
+}, Ue = ["onClick"], je = { class: "cont_item_left" }, qe = ["src", "onClick"], Fe = { class: "cont_item_right" }, Ke = ["src", "onClick"], Ge = ["src", "onClick"], Je = ["src", "onClick"], We = {
   key: 1,
   class: "empty1"
 }, Qe = {
@@ -16,34 +16,34 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
   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 r = ge(), O = ke(), M = ee, B = _(0);
+    Te(() => {
+      O.setReadyById(M.componentId), G.currentTheme == "blue" ? B.value = 240 : G.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.target.id != "controlOperatePanel" && N(!1);
+    }, $ = _(!0), k = _(!1), i = _(), u = _(), S = _(!1), D = _(360), N = (e) => {
       S.value = e;
     };
-    let s, N;
+    let s, H;
     const z = oe;
-    Te(
-      () => M.isToolActive(O.componentId),
+    Pe(
+      () => O.isToolActive(M.componentId),
       (e) => {
-        e && (P(), w(), b("isMobile") && F());
+        e && (T(), w(), b("isMobile") && U());
       }
     );
     const R = () => {
-      s = window.bimViewer.sectionTool, N = window.bimViewer.eventTrigger, b("isMobile") || N.on("createSection", (e) => {
+      s = window.bimViewer.sectionTool, H = window.bimViewer.eventTrigger, b("isMobile") || H.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);
+        })), ae(e.id, !0), u.value = e.id, P(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);
+    f.on("BimViewer", R), f.on(J, T), Ve(() => {
+      f.off("BimViewer", R), f.off(J, T), window.removeEventListener("resize", w), document.removeEventListener("click", A);
     });
     function te() {
       $.value = !1;
@@ -53,47 +53,47 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
       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();
+    const p = _(!1);
+    function U() {
+      p.value = h.IsBoxVisible();
     }
     function ne() {
-      h.ResetBox(), F();
+      h.ResetBox(), U();
     }
     function ie() {
-      m.value = h.ToggleBoxVisible();
+      p.value = h.ToggleBoxVisible();
     }
     function se() {
       h.CloseBox(), h.SetActive(!1), z("closePanel"), f.emit("hideToolbar", !1);
     }
-    function P() {
+    function T() {
       if (!s) return;
-      const e = K() || {}, t = i.value || [], c = Object.keys(e).map((p) => {
-        const C = t.find((V) => V.id === p);
+      const e = K() || {}, t = i.value || [], c = Object.keys(e).map((m) => {
+        const x = t.find((V) => V.id === m);
         return {
-          id: p,
-          isLook: !!e[p].active,
-          directionLeft: C ? C.directionLeft : !0
+          id: m,
+          isLook: !!e[m].active,
+          directionLeft: x ? x.directionLeft : !0
         };
       });
-      i.value = c, u.value = c.length ? c[0].id : "", m.value = h.IsBoxVisible();
+      i.value = c, u.value = c.length ? c[0].id : "", p.value = h.IsBoxVisible();
     }
-    const U = () => {
+    const j = () => {
       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));
+      u.value !== e.id && (u.value = e.id, k.value = !1, y(), P(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) => {
+      y(), e.isLook = !e.isLook, e.isLook ? (e.isLook = !0, de(e.id)) : _e(e.id), P(u.value);
+    }, P = (e) => {
       s.showSectionPlane(e);
-    }, j = (e) => {
+    }, q = (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) => {
+    }, F = (e) => {
       e.directionLeft = !e.directionLeft, he(e.id);
     }, re = (e) => {
       s.destroySectionPlane(e), i.value = i.value.filter((t) => t.id !== e);
@@ -102,31 +102,31 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
     }, _e = (e) => {
       s.setSectionDisable(e);
     }, ue = () => {
-      j(!0), s.enableSections(), s.showControl(), k.value = !0;
+      q(!0), s.enableSections(), s.showControl(), k.value = !0;
     }, ve = () => {
-      j(!1), s.disableSections(), k.value = !1, u.value = "";
+      q(!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());
+      e.id === 0 ? (pe(), i.value = []) : e.id === 1 ? me() : e.id === 2 ? ue() : e.id === 4 && (ve(), y());
     }, he = (e) => {
       s.flipSection(e);
-    }, K = () => s.getSectionPlanes(), me = () => {
+    }, K = () => s.getSectionPlanes(), pe = () => {
       s.clear();
-    }, pe = () => {
+    }, me = () => {
       s.flipSections();
     }, y = () => {
       s.hideControl();
     };
     return (e, t) => {
-      const c = we, p = Le, C = Ce, V = be;
+      const c = ye, m = Le, x = xe, 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, {
+              L(x, {
                 width: 0.4,
                 "size-type": "rem",
-                "click-handle": U
+                "click-handle": j
               })
             ])
           ]),
@@ -137,39 +137,39 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
                 onClick: ne
               }, v(n(r)("common.reset")), 1),
               o("div", {
-                class: Z(["mobile_box_button", { mobile_box_button_active: m.value }]),
+                class: Z(["mobile_box_button", { mobile_box_button_active: p.value }]),
                 onClick: ie
-              }, v(n(r)(m.value ? "section.boxHide" : "section.boxShow")), 3),
+              }, v(n(r)(p.value ? "section.boxHide" : "section.boxShow")), 3),
               o("div", {
                 class: "mobile_box_button",
                 onClick: se
               }, v(n(r)("common.close")), 1)
             ])
           ])
-        ])) : (a(), Ee(p, {
+        ])) : (a(), Ee(m, {
           key: 0,
           class: "section_panel",
           width: B.value,
           panelTitle: n(r)("toolbar.section"),
-          "click-handle": U
+          "click-handle": j
         }, {
-          default: J(() => [
-            o("div", Oe, [
+          default: W(() => [
+            o("div", Me, [
               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))
+                  onClick: t[0] || (t[0] = (l) => N(!S.value))
                 }, null, 8, De),
-                Q(o("div", He, [
+                Q(o("div", Ne, [
                   (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))
+                  ], 8, He))), 128))
                 ], 512), [
                   [Y, S.value]
                 ])
@@ -179,42 +179,42 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
               L(c, {
                 height: D.value + "px"
               }, {
-                default: J(() => [
+                default: W(() => [
                   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)
+                      onClick: (C) => le(l)
                     }, [
-                      o("div", Ue, [
+                      o("div", je, [
                         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)
+                          onClick: Ie((C) => ce(l), ["stop"])
+                        }, null, 8, qe),
+                        Oe(" " + v(n(r)("section.sectionPrefix") + (E + 1)), 1)
                       ]),
-                      o("div", Ge, [
+                      o("div", Fe, [
                         l.directionLeft ? (a(), d("img", {
                           key: 0,
                           src: n(g) + "/bim-viewer/left_section_icon.png",
                           alt: "",
-                          onClick: (x) => G(l)
+                          onClick: (C) => F(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)),
+                          onClick: (C) => F(l)
+                        }, null, 8, Ge)),
                         o("img", {
                           src: n(g) + "/bim-viewer/section_del_icon.png",
                           alt: "",
-                          onClick: (x) => re(l.id)
-                        }, null, 8, We)
+                          onClick: (C) => re(l.id)
+                        }, null, 8, Je)
                       ])
-                    ], 10, Fe))), 128))
-                  ])) : (a(), d("div", Je, [
-                    L(ye, {
+                    ], 10, Ue))), 128))
+                  ])) : (a(), d("div", We, [
+                    L(we, {
                       title: n(r)("common.noData"),
                       type: "model"
                     }, null, 8, ["title"])
@@ -235,7 +235,7 @@ const Oe = { class: "section_panel_middle" }, Ae = { class: "section_middle_titl
       ], 64);
     };
   }
-}), co = /* @__PURE__ */ xe(to, [["__scopeId", "data-v-75b8e2e6"]]);
+}), co = /* @__PURE__ */ Ce(to, [["__scopeId", "data-v-3a586562"]]);
 export {
   co as default
 };