@xtctwins/tctwins-bimx-engine 0.3.8 → 0.3.10

package/dist/ScreenShotTool-Ybx6fN8G.mjs

@@ -0,0 +1,430 @@
+import { _ as _e } from "./panel.vue_vue_type_style_index_0_lang-DrlLccGf.mjs";
+import { ab as U, o as K, ac as q, g as G, ad as Y, b as N, ae as J, af as he, j as H, q as X, a as Se, ag as Ve, ah as Ee, u as $, ai as Re, aj as ke, ak as Ce, C as Ie, N as Be, al as Pe, am as W, w as xe, F as we, G as Ne, J as ze } from "./index-12nO3dW-.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 T, createVNode as P, createCommentVNode as Oe } from "vue";
+import { a as L } from "./const-DOnRsYpZ.mjs";
+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) => K(o) || q(o) || G(o),
+  [U]: (o) => K(o) || q(o) || G(o)
+}, de = Symbol("radioGroupKey"), Me = N({ ...ie }), ue = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, Ke = 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"])
+}), qe = 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: Ke,
+  emits: qe,
+  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" }, ut = /* @__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 = L[a].width, i.value = L[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: T(() => [
+          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: T(() => [
+                y("div", ot, [
+                  (R(!0), I(le, null, se(e(L), (p) => (R(), I("div", {
+                    key: p.id,
+                    class: "period_box"
+                  }, [
+                    P(m, {
+                      label: p.id
+                    }, {
+                      default: T(() => [
+                        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 {
+  ut as default
+};

package/dist/{SectionTool-DfjGtjao.mjs → SectionTool-Bk_tM0iv.mjs}

@@ -1,36 +1,36 @@
-import { _ as me } from "./alert-DRz67LTB.mjs";
-import { n as pe, o as fe, T as F, p as w, q as z, O as d, I as he, v as ke, x as ge, y as we } from "./index-Bv-246pp.mjs";
-import { E as be } from "./el-input-number-BGkEOqim.mjs";
-import { _ as ye } from "./panel.vue_vue_type_style_index_0_lang-DMkX22H2.mjs";
-import { defineComponent as Se, ref as v, onMounted as Ce, watch as xe, onBeforeUnmount as Ve, openBlock as s, createElementBlock as l, Fragment as B, unref as n, createBlock as Pe, withCtx as E, createElementVNode as o, toDisplayString as u, withDirectives as K, renderList as W, vShow as G, createVNode as m, normalizeClass as Te, withModifiers as Le, createTextVNode as $e } from "vue";
+import { _ as me } from "./alert-mCw4l6h5.mjs";
+import { F as pe, G as fe, T as j, H as w, I as z, P as d, K as he, Z as ke, L as ge, M as we } from "./index-12nO3dW-.mjs";
+import { E as be } from "./el-slider-Coa3NGV1.mjs";
+import { _ as ye } from "./panel.vue_vue_type_style_index_0_lang-DrlLccGf.mjs";
+import { defineComponent as Se, ref as v, onMounted as Ce, watch as Ve, onBeforeUnmount as xe, openBlock as s, createElementBlock as l, Fragment as B, unref as n, createBlock as Pe, withCtx as E, createElementVNode as o, toDisplayString as u, withDirectives as G, renderList as H, vShow as W, createVNode as m, normalizeClass as Te, withModifiers as Le, createTextVNode as $e } from "vue";
 import { B as ze } from "./const-DOnRsYpZ.mjs";
-const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_title" }, Ie = { class: "section_control_button" }, Oe = ["src"], Ae = { class: "control_buttons" }, De = ["onClick"], Me = { class: "section_panel_cont" }, Ue = {
+const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_title" }, Ie = { class: "section_control_button" }, Ae = ["src"], De = { class: "control_buttons" }, Me = ["onClick"], Oe = { class: "section_panel_cont" }, Ue = {
   key: 0,
   class: ""
-}, Ne = ["onClick"], Re = { class: "cont_item_left" }, je = ["src", "onClick"], qe = { class: "cont_item_right" }, Fe = ["src", "onClick"], Ke = ["src", "onClick"], We = ["src", "onClick"], Ge = {
+}, Ne = ["onClick"], Re = { class: "cont_item_left" }, Fe = ["src", "onClick"], Ke = { class: "cont_item_right" }, je = ["src", "onClick"], Ge = ["src", "onClick"], He = ["src", "onClick"], We = {
   key: 1,
   class: "empty1"
-}, He = {
+}, Ze = {
   key: 1,
   class: "mobile_section_panel"
-}, Je = { class: "slicing-title-box" }, Qe = { class: "slicing-title" }, Xe = { class: "slicing-title-icon" }, Ye = { class: "slicing-content-box" }, Ze = { class: "slicing-select-box" }, eo = { class: "select-item" }, oo = { class: "select-item-left" }, to = ["src"], io = ["src"], no = { class: "select-item-center" }, so = { class: "item-center-top" }, lo = { class: "item-center-bottom" }, co = { class: "select-item" }, ao = { class: "select-item-left" }, ro = ["src"], uo = ["src"], _o = { class: "select-item-center" }, vo = { class: "item-center-top" }, mo = { class: "item-center-bottom" }, po = { class: "select-item" }, fo = { class: "select-item-left" }, ho = ["src"], ko = ["src"], go = { class: "select-item-center" }, wo = { class: "item-center-top" }, bo = { class: "item-center-bottom" }, yo = /* @__PURE__ */ Se({
+}, qe = { class: "slicing-title-box" }, Je = { class: "slicing-title" }, Qe = { class: "slicing-title-icon" }, Xe = { class: "slicing-content-box" }, Ye = { class: "slicing-select-box" }, eo = { class: "select-item" }, oo = { class: "select-item-left" }, to = ["src"], io = ["src"], no = { class: "select-item-center" }, so = { class: "item-center-top" }, lo = { class: "item-center-bottom" }, co = { class: "select-item" }, ao = { class: "select-item-left" }, ro = ["src"], uo = ["src"], _o = { class: "select-item-center" }, vo = { class: "item-center-top" }, mo = { class: "item-center-bottom" }, po = { class: "select-item" }, fo = { class: "select-item-left" }, ho = ["src"], ko = ["src"], go = { class: "select-item-center" }, wo = { class: "item-center-top" }, bo = { class: "item-center-bottom" }, yo = /* @__PURE__ */ Se({
   __name: "SectionTool",
   props: ["componentId"],
   emits: ["closePanel"],
-  setup(H, { emit: J }) {
-    const _ = pe(), I = fe(), O = H, V = v(0);
+  setup(Z, { emit: q }) {
+    const _ = pe(), I = fe(), A = Z, x = v(0);
     Ce(() => {
-      I.setReadyById(O.componentId), F.currentTheme == "blue" ? V.value = 240 : F.currentTheme == "light-gray" && (V.value = 202), document.addEventListener("click", A);
+      I.setReadyById(A.componentId), j.currentTheme == "blue" ? x.value = 240 : j.currentTheme == "light-gray" && (x.value = 202), document.addEventListener("click", D);
     });
-    const A = (e) => {
-      y.value && e.target.id != "controlOperatePanel" && M(!1);
-    }, D = v(!0), b = v(!1), r = v(), f = v(), y = v(!1), M = (e) => {
+    const D = (e) => {
+      y.value && e.target.id != "controlOperatePanel" && O(!1);
+    }, M = v(!0), b = v(!1), r = v(), f = v(), y = v(!1), O = (e) => {
       y.value = e;
     };
     let a, S;
-    const Q = J;
-    xe(
-      () => I.isToolActive(O.componentId),
+    const J = q;
+    Ve(
+      () => I.isToolActive(A.componentId),
       (e) => {
         w("isMobile") && (e ? (g(h.value.direction), document.addEventListener("touchmove", N)) : document.removeEventListener("touchmove", N));
       }
@@ -49,11 +49,11 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
         P = !1;
       }));
     };
-    z.on("BimViewer", U), Ve(() => {
-      z.off("BimViewer", U), document.removeEventListener("click", A);
+    z.on("BimViewer", U), xe(() => {
+      z.off("BimViewer", U), document.removeEventListener("click", D);
     });
     const N = () => {
-      P && X();
+      P && Q();
     }, c = v({
       x: 0,
       y: 0,
@@ -74,7 +74,7 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
           window.bimViewer.sectionTool.sectionDirection = 2, window.bimViewer.sectionTool.setControlPos(100 - c.value.z);
           break;
       }
-    }, X = () => {
+    }, Q = () => {
       switch (h.value.direction) {
         case "x":
           c.value.x = 100 - window.bimViewer.sectionTool.getControlPos();
@@ -87,21 +87,21 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
           break;
       }
     }, R = () => {
-      a.setActive(!1), Q("closePanel"), z.emit("hideToolbar", !1);
-    }, Y = (e) => {
+      a.setActive(!1), J("closePanel"), z.emit("hideToolbar", !1);
+    }, X = (e) => {
       f.value !== e.id && (f.value = e.id, b.value = !1, C(), T(e.id));
-    }, Z = (e) => {
+    }, Y = (e) => {
       C(), e.isLook = !e.isLook, e.isLook ? (e.isLook = !0, te(e.id)) : ie(e.id), T(f.value);
     }, T = (e) => {
       a.showSectionPlane(e);
-    }, j = (e) => {
+    }, F = (e) => {
       if (r.value)
         for (let t = 0; t < r.value.length; t++)
           r.value[t].isLook = e;
     }, ee = (e, t) => {
       for (let p = 0; p < r.value.length; p++)
         e == r.value[p].id && (r.value[p].isLook = t);
-    }, q = (e) => {
+    }, K = (e) => {
       e.directionLeft = !e.directionLeft, ce(e.id);
     }, oe = (e) => {
       a.destroySectionPlane(e), r.value = r.value.filter((t) => t.id !== e);
@@ -110,9 +110,9 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
     }, ie = (e) => {
       a.setSectionDisable(e);
     }, ne = () => {
-      j(!0), a.enableSections(), a.showControl(), b.value = !0;
+      F(!0), a.enableSections(), a.showControl(), b.value = !0;
     }, se = () => {
-      j(!1), a.disableSections(), b.value = !1, f.value = "";
+      F(!1), a.disableSections(), b.value = !1, f.value = "";
     }, le = (e) => {
       e.id === 0 ? (re(), r.value = []) : e.id === 1 ? de() : e.id === 2 ? ne() : e.id === 4 && (se(), C());
     }, ce = (e) => {
@@ -125,12 +125,12 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
       a.hideControl();
     };
     return (e, t) => {
-      const p = ke, ue = ye, _e = ge, L = be, ve = me;
+      const p = he, ue = ye, _e = ge, L = be, ve = me;
       return s(), l(B, null, [
-        n(w)("isMobile") ? (s(), l("div", He, [
-          o("div", Je, [
-            o("div", Qe, u(n(_)("toolbar.section")), 1),
-            o("div", Xe, [
+        n(w)("isMobile") ? (s(), l("div", Ze, [
+          o("div", qe, [
+            o("div", Je, u(n(_)("toolbar.section")), 1),
+            o("div", Qe, [
               m(_e, {
                 width: 0.4,
                 "size-type": "rem",
@@ -138,10 +138,10 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
               })
             ])
           ]),
-          o("div", Ye, [
+          o("div", Xe, [
             m(p, null, {
               default: E(() => [
-                o("div", Ze, [
+                o("div", Ye, [
                   o("div", eo, [
                     o("div", oo, [
                       h.value.direction === "x" ? (s(), l("img", {
@@ -240,7 +240,7 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
         ])) : (s(), Pe(ue, {
           key: 0,
           class: "section_panel",
-          width: V.value,
+          width: x.value,
           panelTitle: n(_)("toolbar.section"),
           "click-handle": R
         }, {
@@ -251,59 +251,59 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
                 o("img", {
                   id: "controlOperatePanel",
                   src: n(d) + "/bim-viewer/slicing-more.png",
-                  onClick: t[0] || (t[0] = (i) => M(!y.value))
-                }, null, 8, Oe),
-                K(o("div", Ae, [
-                  (s(!0), l(B, null, W(n(ze), (i) => (s(), l("div", {
+                  onClick: t[0] || (t[0] = (i) => O(!y.value))
+                }, null, 8, Ae),
+                G(o("div", De, [
+                  (s(!0), l(B, null, H(n(ze), (i) => (s(), l("div", {
                     key: i.id,
                     class: "operation_button",
                     onClick: ($) => le(i)
                   }, [
                     o("span", null, u(n(_)(i.name)), 1)
-                  ], 8, De))), 128))
+                  ], 8, Me))), 128))
                 ], 512), [
-                  [G, y.value]
+                  [W, y.value]
                 ])
               ])
             ]),
-            o("div", Me, [
+            o("div", Oe, [
               m(p, { height: "360px" }, {
                 default: E(() => [
                   r.value && r.value.length ? (s(), l("div", Ue, [
-                    (s(!0), l(B, null, W(r.value, (i, $) => (s(), l("div", {
+                    (s(!0), l(B, null, H(r.value, (i, $) => (s(), l("div", {
                       key: $,
                       class: Te(["panel_cont_item", { panel_cont_item_choose: f.value === i.id || b.value }]),
-                      onClick: (x) => Y(i)
+                      onClick: (V) => X(i)
                     }, [
                       o("div", Re, [
                         o("img", {
                           src: `${n(d)}/bim-viewer/${i.isLook ? "section_look_icon.png" : "section_unlook_icon.png"}`,
                           alt: "",
-                          onClick: Le((x) => Z(i), ["stop"])
-                        }, null, 8, je),
+                          onClick: Le((V) => Y(i), ["stop"])
+                        }, null, 8, Fe),
                         $e(" " + u(n(_)("section.sectionPrefix") + ($ + 1)), 1)
                       ]),
-                      o("div", qe, [
+                      o("div", Ke, [
                         i.directionLeft ? (s(), l("img", {
                           key: 0,
                           src: n(d) + "/bim-viewer/left_section_icon.png",
                           alt: "",
-                          onClick: (x) => q(i)
-                        }, null, 8, Fe)) : (s(), l("img", {
+                          onClick: (V) => K(i)
+                        }, null, 8, je)) : (s(), l("img", {
                           key: 1,
                           src: n(d) + "/bim-viewer/right_section_icon.png",
                           alt: "",
-                          onClick: (x) => q(i)
-                        }, null, 8, Ke)),
+                          onClick: (V) => K(i)
+                        }, null, 8, Ge)),
                         o("img", {
                           src: n(d) + "/bim-viewer/section_del_icon.png",
                           alt: "",
-                          onClick: (x) => oe(i.id)
-                        }, null, 8, We)
+                          onClick: (V) => oe(i.id)
+                        }, null, 8, He)
                       ])
                     ], 10, Ne))), 128))
-                  ])) : (s(), l("div", Ge, [
-                    m(he, {
+                  ])) : (s(), l("div", We, [
+                    m(ke, {
                       title: n(_)("common.noData"),
                       type: "model"
                     }, null, 8, ["title"])
@@ -315,12 +315,12 @@ const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_titl
           ]),
           _: 1
         }, 8, ["width", "panelTitle"])),
-        K(m(ve, {
+        G(m(ve, {
           "click-handle": () => {
-            D.value = !1;
+            M.value = !1;
           }
         }, null, 8, ["click-handle"]), [
-          [G, D.value && !n(w)("isMobile")]
+          [W, M.value && !n(w)("isMobile")]
         ])
       ], 64);
     };