@xtctwins/tctwins-bimx-engine 0.2.49 → 0.2.50

package/dist/SettingTool-D2qksFZK.mjs

@@ -1,657 +0,0 @@
-import { aa as Oe, X as Fe, k as X, ab as Ke, a5 as We, Y as me, $ as Q, f as ce, Z as ve, a0 as fe, ac as pe, a7 as Re, a2 as He, u as je, a8 as Ge, a3 as Ye, ad as Ze, d as Ae, c as F, _ as qe, ae as Ue, af as Xe, w as Je, n as Qe, z as et, o as tt, T as Be, p as P, q as K, V as lt, E as ot, ag as st, v as nt, x as it, y as at } from "./index-BaDPCrAt.mjs";
-import { _ as ut } from "./panel.vue_vue_type_style_index_0_lang-oT_Sff-F.mjs";
-import { E as dt } from "./el-input-number-BOQOKzK0.mjs";
-import { defineComponent as ye, computed as N, ref as m, watch as ge, onMounted as De, openBlock as a, createElementBlock as h, normalizeClass as E, unref as l, withModifiers as ct, createElementVNode as o, withKeys as vt, createBlock as k, withCtx as A, resolveDynamicComponent as j, createCommentVNode as y, toDisplayString as u, normalizeStyle as G, createVNode as c, renderSlot as $e, nextTick as rt, onBeforeUnmount as mt, Fragment as J, createTextVNode as $, renderList as re } from "vue";
-import { b as W } from "./const-DOnRsYpZ.mjs";
-import { T as ft } from "./timer-DoTiGoWP.mjs";
-import { Loading as pt } from "@element-plus/icons-vue";
-const gt = (g) => ["", ...Oe].includes(g), ht = Fe({
-  modelValue: {
-    type: [Boolean, String, Number],
-    default: !1
-  },
-  disabled: Boolean,
-  loading: Boolean,
-  size: {
-    type: String,
-    validator: gt
-  },
-  width: {
-    type: [String, Number],
-    default: ""
-  },
-  inlinePrompt: Boolean,
-  inactiveActionIcon: {
-    type: X
-  },
-  activeActionIcon: {
-    type: X
-  },
-  activeIcon: {
-    type: X
-  },
-  inactiveIcon: {
-    type: X
-  },
-  activeText: {
-    type: String,
-    default: ""
-  },
-  inactiveText: {
-    type: String,
-    default: ""
-  },
-  activeValue: {
-    type: [Boolean, String, Number],
-    default: !0
-  },
-  inactiveValue: {
-    type: [Boolean, String, Number],
-    default: !1
-  },
-  name: {
-    type: String,
-    default: ""
-  },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  },
-  beforeChange: {
-    type: Ke(Function)
-  },
-  id: String,
-  tabindex: {
-    type: [String, Number]
-  },
-  ...We(["ariaLabel"])
-}), yt = {
-  [me]: (g) => Q(g) || ce(g) || ve(g),
-  [fe]: (g) => Q(g) || ce(g) || ve(g),
-  [pe]: (g) => Q(g) || ce(g) || ve(g)
-}, he = "ElSwitch", bt = ye({
-  name: he
-}), wt = /* @__PURE__ */ ye({
-  ...bt,
-  props: ht,
-  emits: yt,
-  setup(g, { expose: ee, emit: i }) {
-    const p = g, { formItem: L } = Re(), Y = He(), v = je("switch"), { inputId: V } = Ge(p, {
-      formItemContext: L
-    }), b = Ye(N(() => p.loading)), S = m(p.modelValue !== !1), w = m(), x = m(), C = N(() => [
-      v.b(),
-      v.m(Y.value),
-      v.is("disabled", b.value),
-      v.is("checked", d.value)
-    ]), U = N(() => [
-      v.e("label"),
-      v.em("label", "left"),
-      v.is("active", !d.value)
-    ]), T = N(() => [
-      v.e("label"),
-      v.em("label", "right"),
-      v.is("active", d.value)
-    ]), R = N(() => ({
-      width: Ze(p.width)
-    }));
-    ge(() => p.modelValue, () => {
-      S.value = !0;
-    });
-    const _ = N(() => S.value ? p.modelValue : !1), d = N(() => _.value === p.activeValue);
-    [p.activeValue, p.inactiveValue].includes(_.value) || (i(me, p.inactiveValue), i(fe, p.inactiveValue), i(pe, p.inactiveValue)), ge(d, (s) => {
-      var f;
-      w.value.checked = s, p.validateEvent && ((f = L == null ? void 0 : L.validate) == null || f.call(L, "change").catch((M) => Ae(M)));
-    });
-    const D = () => {
-      const s = d.value ? p.inactiveValue : p.activeValue;
-      i(me, s), i(fe, s), i(pe, s), rt(() => {
-        w.value.checked = d.value;
-      });
-    }, B = () => {
-      if (b.value)
-        return;
-      const { beforeChange: s } = p;
-      if (!s) {
-        D();
-        return;
-      }
-      const f = s();
-      [
-        Ue(f),
-        Q(f)
-      ].includes(!0) || Xe(he, "beforeChange must return type `Promise<boolean>` or `boolean`"), Ue(f) ? f.then((O) => {
-        O && D();
-      }).catch((O) => {
-        Ae(he, `some error occurred: ${O}`);
-      }) : f && D();
-    }, Z = () => {
-      var s, f;
-      (f = (s = w.value) == null ? void 0 : s.focus) == null || f.call(s);
-    };
-    return De(() => {
-      w.value.checked = d.value;
-    }), ee({
-      focus: Z,
-      checked: d
-    }), (s, f) => (a(), h("div", {
-      class: E(l(C)),
-      onClick: ct(B, ["prevent"])
-    }, [
-      o("input", {
-        id: l(V),
-        ref_key: "input",
-        ref: w,
-        class: E(l(v).e("input")),
-        type: "checkbox",
-        role: "switch",
-        "aria-checked": l(d),
-        "aria-disabled": l(b),
-        "aria-label": s.ariaLabel,
-        name: s.name,
-        "true-value": s.activeValue,
-        "false-value": s.inactiveValue,
-        disabled: l(b),
-        tabindex: s.tabindex,
-        onChange: D,
-        onKeydown: vt(B, ["enter"])
-      }, null, 42, ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"]),
-      !s.inlinePrompt && (s.inactiveIcon || s.inactiveText) ? (a(), h("span", {
-        key: 0,
-        class: E(l(U))
-      }, [
-        s.inactiveIcon ? (a(), k(l(F), { key: 0 }, {
-          default: A(() => [
-            (a(), k(j(s.inactiveIcon)))
-          ]),
-          _: 1
-        })) : y("v-if", !0),
-        !s.inactiveIcon && s.inactiveText ? (a(), h("span", {
-          key: 1,
-          "aria-hidden": l(d)
-        }, u(s.inactiveText), 9, ["aria-hidden"])) : y("v-if", !0)
-      ], 2)) : y("v-if", !0),
-      o("span", {
-        ref_key: "core",
-        ref: x,
-        class: E(l(v).e("core")),
-        style: G(l(R))
-      }, [
-        s.inlinePrompt ? (a(), h("div", {
-          key: 0,
-          class: E(l(v).e("inner"))
-        }, [
-          s.activeIcon || s.inactiveIcon ? (a(), k(l(F), {
-            key: 0,
-            class: E(l(v).is("icon"))
-          }, {
-            default: A(() => [
-              (a(), k(j(l(d) ? s.activeIcon : s.inactiveIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : s.activeText || s.inactiveText ? (a(), h("span", {
-            key: 1,
-            class: E(l(v).is("text")),
-            "aria-hidden": !l(d)
-          }, u(l(d) ? s.activeText : s.inactiveText), 11, ["aria-hidden"])) : y("v-if", !0)
-        ], 2)) : y("v-if", !0),
-        o("div", {
-          class: E(l(v).e("action"))
-        }, [
-          s.loading ? (a(), k(l(F), {
-            key: 0,
-            class: E(l(v).is("loading"))
-          }, {
-            default: A(() => [
-              c(l(pt))
-            ]),
-            _: 1
-          }, 8, ["class"])) : l(d) ? $e(s.$slots, "active-action", { key: 1 }, () => [
-            s.activeActionIcon ? (a(), k(l(F), { key: 0 }, {
-              default: A(() => [
-                (a(), k(j(s.activeActionIcon)))
-              ]),
-              _: 1
-            })) : y("v-if", !0)
-          ]) : l(d) ? y("v-if", !0) : $e(s.$slots, "inactive-action", { key: 2 }, () => [
-            s.inactiveActionIcon ? (a(), k(l(F), { key: 0 }, {
-              default: A(() => [
-                (a(), k(j(s.inactiveActionIcon)))
-              ]),
-              _: 1
-            })) : y("v-if", !0)
-          ])
-        ], 2)
-      ], 6),
-      !s.inlinePrompt && (s.activeIcon || s.activeText) ? (a(), h("span", {
-        key: 1,
-        class: E(l(T))
-      }, [
-        s.activeIcon ? (a(), k(l(F), { key: 0 }, {
-          default: A(() => [
-            (a(), k(j(s.activeIcon)))
-          ]),
-          _: 1
-        })) : y("v-if", !0),
-        !s.activeIcon && s.activeText ? (a(), h("span", {
-          key: 1,
-          "aria-hidden": !l(d)
-        }, u(s.activeText), 9, ["aria-hidden"])) : y("v-if", !0)
-      ], 2)) : y("v-if", !0)
-    ], 10, ["onClick"]));
-  }
-});
-var Vt = /* @__PURE__ */ qe(wt, [["__file", "switch.vue"]]);
-const kt = Je(Vt), St = { style: { height: "var(--setting-content-height)" } }, Ct = { class: "setting-title" }, It = {
-  key: 0,
-  class: "color-list"
-}, Et = ["onClick"], Tt = { class: "setting-effect" }, _t = { class: "setting-effect" }, At = { class: "light-slider" }, Ut = {
-  key: 1,
-  class: "setting-title"
-}, Bt = {
-  key: 2,
-  class: "setting-effect"
-}, $t = { class: "setting-title" }, Dt = { class: "setting-effect" }, Mt = { class: "setting-effect" }, zt = { class: "setting-effect" }, xt = { class: "setting-effect" }, Pt = { class: "setting-effect" }, Nt = { class: "setting-effect" }, Lt = {
-  key: 1,
-  class: "setting_panel"
-}, Ot = { class: "setting-title-box" }, Ft = { class: "setting-title" }, Kt = { class: "setting-title-icon" }, Wt = { class: "setting-color-box" }, Rt = { class: "setting-color-list" }, Ht = ["onClick"], jt = { class: "setting-config-box" }, Gt = { class: "setting-switch-item" }, Yt = { class: "setting-switch-item" }, Zt = { class: "setting-switch-item" }, qt = { class: "setting-switch-item" }, Xt = { class: "setting-switch-item" }, Jt = { class: "setting-switch-item" }, Qt = { class: "setting-switch-item" }, el = { class: "setting-switch-item" }, tl = { class: "light-slider" }, ll = { class: "setting-switch-item" }, ol = { class: "speed-slider" }, sl = /* @__PURE__ */ ye({
-  __name: "SettingTool",
-  props: {
-    instruction: {},
-    componentId: {}
-  },
-  emits: ["closePanel", "emitHandler"],
-  setup(g, { emit: ee }) {
-    const i = Qe(), p = et(), L = tt(), Y = g, v = m(0);
-    De(() => {
-      L.setReadyById(Y.componentId), Be.currentTheme == "blue" ? v.value = 240 : Be.currentTheme == "light-gray" && (v.value = 202);
-    });
-    let V;
-    const b = m(!1), S = m(!1), w = m(!1), x = m(!1), C = m(!1), U = m(!0), T = m(!1), R = m(!1), _ = m(1), d = m(50), D = m(!1), B = m(!1), Z = new ft(5), s = m(!1);
-    ge(
-      () => L.isToolActive(Y.componentId),
-      (n) => {
-        n === !1 ? (Z.stop(), D.value && ke()) : s.value || (s.value = !0);
-      }
-    );
-    const f = m(50), M = m(["亮"]), O = m(["亮", "暗"]), Me = {
-      亮: "setting.spaceEffects.bright",
-      暗: "setting.spaceEffects.dark"
-    }, be = m("linear-gradient(180deg, #fffefb 0%, #daebff 100%)"), we = ee;
-    N({
-      get: () => p.locale,
-      set: (n) => p.setLocale(n)
-    });
-    const Ve = () => {
-      V = window.bimViewer, V.viewer.scene.on("aabb", () => {
-        q(T.value), ue(!0);
-      });
-    }, I = () => {
-      s.value && (D.value = !0, Z.start(() => {
-        ke();
-      }));
-    }, ke = () => {
-      var e, r;
-      let n;
-      P("isMobile") ? n = {
-        backgroundColor: ((e = W.find((z) => z.id == _.value)) == null ? void 0 : e.name) ?? "渐变蓝",
-        showEdges: w.value,
-        lightIntensity: d.value,
-        skyBox: x.value,
-        orthoMode: C.value,
-        modelType2D: U.value,
-        yAxisDown: b.value,
-        zAxisUp: S.value,
-        showSpace: T.value,
-        spaceEffect: B.value,
-        touchDollySpeed: f.value
-      } : n = {
-        backgroundColor: ((r = W.find((z) => z.id == _.value)) == null ? void 0 : r.name) ?? "渐变蓝",
-        showEdges: w.value,
-        lightIntensity: d.value,
-        skyBox: x.value,
-        orthoMode: C.value,
-        modelType2D: U.value,
-        yAxisDown: b.value,
-        zAxisUp: S.value,
-        showSpace: T.value,
-        spaceEffect: M.value[0],
-        touchDollySpeed: f.value
-      }, ze({
-        isTool: !0,
-        event_target: "SettingTool",
-        event_name: "saveSetting",
-        content: {
-          newSets: n
-        }
-      }), D.value = !1;
-    }, Se = (n) => {
-      const e = n.lastSet, r = W.find((z) => z.name == e.backgroundColor);
-      _.value = r ? r.id : 1, oe(r ?? W[0]), w.value = e.showEdges, ne(w.value), d.value = e.lightIntensity, se(d.value), C.value = e.orthoMode, H(C.value), U.value = e.modelType2D, ie(U.value), T.value = e.showSpace, q(T.value), P("isMobile") ? (B.value = typeof e.spaceEffect == "string" ? e.spaceEffect == "亮" : typeof e.spaceEffect == "boolean" ? e.spaceEffect : !0, ue(B.value)) : (M.value = [e.spaceEffect], ae(M.value[0])), b.value = e.yAxisDown, b.value && le(), S.value = e.zAxisUp, S.value && te(), f.value = e.touchDollySpeed ?? 50, P("isMobile") ? Te(f.value) : (x.value = e.skyBox, Ee(x.value)), D.value = !1;
-    };
-    K.on("BimViewer", Ve), K.on("lastSetsContent", Se), mt(() => {
-      K.off("BimViewer", Ve), K.off("lastSetsContent", Se);
-    });
-    const ze = (n) => {
-      we("emitHandler", n);
-    }, Ce = (n) => {
-      n && n.target.id != "setting_back" || (K.emit("hideToolbar", !1), we("closePanel"), Ie(!1));
-    }, Ie = (n = !R.value) => {
-      R.value = n;
-    }, te = (n) => {
-      I(), window.bimViewer.setWorldAxisZUp(S.value), H(C.value);
-    }, le = (n) => {
-      I(), window.bimViewer.setWorldAxisYDown(b.value), H(C.value);
-    }, oe = (n) => {
-      I(), _.value = n.id, be.value = n.color, K.emit("changeBackgroundColor", n.color);
-    }, se = (n) => {
-      I(), V.setLightIntensity(n);
-    }, ne = (n) => {
-      I(), V.setAllObjectsEdges(n), n || V.setObjectsEdges(lt.entityState.edgesObjectIds, !0);
-    }, ie = (n) => {
-      I(), V.SetThreeDModeActive(n), P("isMobile") && (window.bimViewer.navCubeMode.visible = !1);
-    }, H = (n) => {
-      I(), V.SetOrthoModeActive(n);
-    }, q = (n) => {
-      I(), V.SetShowSpaceModeActive(n), ae(B.value ? 1 : 2);
-    }, ae = (n) => {
-      I(), n == "亮" ? window.bimViewer.setSpaceMaterialColor(1) : window.bimViewer.setSpaceMaterialColor(2), M.value = O.value.includes(n) ? [n] : [];
-    }, ue = (n = !B.value) => {
-      I(), window.bimViewer.setSpaceMaterialColor(n ? 2 : 1);
-    }, Ee = (n) => {
-      I(), V.SetSkyBoxToolActive(n);
-    }, Te = (n) => {
-      I(), n == 0 ? V.viewer.cameraControl.customTouchDollyRate = 0.05 / 50 : V.viewer.cameraControl.customTouchDollyRate = n / 50;
-    };
-    return (n, e) => {
-      const r = kt, z = dt, xe = ot, Pe = st, _e = nt, Ne = ut, Le = it;
-      return a(), h(J, null, [
-        l(P)("isMobile") ? y("", !0) : (a(), k(Ne, {
-          key: 0,
-          class: "setting_contaier",
-          width: v.value,
-          panelTitle: l(i)("setting.title"),
-          "click-handle": Ce,
-          style: { height: "var(--setting-panel-height)" }
-        }, {
-          default: A(() => [
-            o("div", St, [
-              c(_e, null, {
-                default: A(() => [
-                  o("div", Ct, u(l(i)("setting.effect")), 1),
-                  o("div", {
-                    class: "setting-effect",
-                    onClick: e[0] || (e[0] = (t) => Ie())
-                  }, [
-                    $(u(l(i)("setting.bgColor")) + " ", 1),
-                    o("div", {
-                      class: "choose-color",
-                      style: G({ background: be.value })
-                    }, null, 4)
-                  ]),
-                  R.value ? (a(), h("div", It, [
-                    (a(!0), h(J, null, re(l(W), (t) => (a(), h("div", {
-                      key: t.id,
-                      class: E(["color-item", { "color-item-active": _.value === t.id }]),
-                      onClick: (de) => oe(t)
-                    }, [
-                      o("div", {
-                        class: "bg",
-                        style: G({ background: t.color, border: t.id === 4 ? "1px solid #F1F1F1" : "none" })
-                      }, null, 4),
-                      $(" " + u(l(i)(t.label || t.name)), 1)
-                    ], 10, Et))), 128))
-                  ])) : y("", !0),
-                  o("div", Tt, [
-                    $(u(l(i)("setting.showEdges")) + " ", 1),
-                    c(r, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": e[1] || (e[1] = (t) => w.value = t),
-                      style: { "--el-switch-on-color": "#0065fc" },
-                      onChange: e[2] || (e[2] = (t) => ne())
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  o("div", _t, [
-                    $(u(l(i)("setting.lightIntensity")) + " ", 1),
-                    o("div", At, [
-                      c(z, {
-                        modelValue: d.value,
-                        "onUpdate:modelValue": e[3] || (e[3] = (t) => d.value = t),
-                        onInput: e[4] || (e[4] = (t) => se(d.value))
-                      }, null, 8, ["modelValue"])
-                    ])
-                  ]),
-                  l(P)("skyboxImg") ? (a(), h("div", Ut, u(l(i)("setting.appearance")), 1)) : y("", !0),
-                  l(P)("skyboxImg") ? (a(), h("div", Bt, [
-                    $(u(l(i)("setting.skybox")) + " ", 1),
-                    c(r, {
-                      modelValue: x.value,
-                      "onUpdate:modelValue": e[5] || (e[5] = (t) => x.value = t),
-                      style: { "--el-switch-on-color": "#0065fc" },
-                      onChange: e[6] || (e[6] = (t) => Ee())
-                    }, null, 8, ["modelValue"])
-                  ])) : y("", !0),
-                  o("div", $t, u(l(i)("setting.modelViewSwitch")), 1),
-                  o("div", Dt, [
-                    $(u(l(i)("setting.perspective")) + " ", 1),
-                    c(r, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": e[7] || (e[7] = (t) => C.value = t),
-                      style: { "--el-switch-on-color": "#0065fc" },
-                      onChange: e[8] || (e[8] = (t) => H())
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  o("div", Mt, [
-                    $(u(l(i)("setting.mode2d3d")) + " ", 1),
-                    c(r, {
-                      modelValue: U.value,
-                      "onUpdate:modelValue": e[9] || (e[9] = (t) => U.value = t),
-                      style: { "--el-switch-on-color": "#0065fc" },
-                      onChange: e[10] || (e[10] = (t) => ie())
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  o("div", zt, [
-                    o("div", null, u(l(i)("setting.modelInvert")), 1),
-                    o("div", null, [
-                      c(r, {
-                        modelValue: b.value,
-                        "onUpdate:modelValue": e[11] || (e[11] = (t) => b.value = t),
-                        style: { "--el-switch-on-color": "#0065fc" },
-                        onChange: e[12] || (e[12] = (t) => le())
-                      }, null, 8, ["modelValue"])
-                    ])
-                  ]),
-                  o("div", xt, [
-                    o("div", null, u(l(i)("setting.zAxisUp")), 1),
-                    o("div", null, [
-                      c(r, {
-                        modelValue: S.value,
-                        "onUpdate:modelValue": e[13] || (e[13] = (t) => S.value = t),
-                        style: { "--el-switch-on-color": "#0065fc" },
-                        onChange: e[14] || (e[14] = (t) => te())
-                      }, null, 8, ["modelValue"])
-                    ])
-                  ]),
-                  o("div", Pt, [
-                    $(u(l(i)("setting.modelSpace")) + " ", 1),
-                    c(r, {
-                      modelValue: T.value,
-                      "onUpdate:modelValue": e[15] || (e[15] = (t) => T.value = t),
-                      style: { "--el-switch-on-color": "#0065fc" },
-                      onChange: e[16] || (e[16] = (t) => q())
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  o("div", Nt, [
-                    $(u(l(i)("setting.spaceEffect")) + " ", 1),
-                    c(Pe, {
-                      modelValue: M.value,
-                      "onUpdate:modelValue": e[17] || (e[17] = (t) => M.value = t),
-                      size: "small"
-                    }, {
-                      default: A(() => [
-                        (a(!0), h(J, null, re(O.value, (t) => (a(), k(xe, {
-                          key: t,
-                          label: t,
-                          onChange: (de) => ae(t)
-                        }, {
-                          default: A(() => [
-                            $(u(l(i)(Me[t])), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["label", "onChange"]))), 128))
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ])
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["width", "panelTitle"])),
-        l(P)("isMobile") ? (a(), h("div", Lt, [
-          o("div", Ot, [
-            o("div", Ft, u(l(i)("setting.title")), 1),
-            o("div", Kt, [
-              c(Le, {
-                width: 0.4,
-                "size-type": "rem",
-                "click-handle": Ce
-              })
-            ])
-          ]),
-          o("div", Wt, [
-            o("div", Rt, [
-              (a(!0), h(J, null, re(l(W), (t, de) => (a(), h("div", {
-                key: de,
-                class: E(["setting-color-item", {
-                  "setting-color-item-active": _.value === t.id
-                }]),
-                onClick: (nl) => oe(t)
-              }, [
-                o("div", {
-                  class: "setting-color-icon",
-                  style: G({
-                    background: t.color,
-                    border: t.id === _.value ? "0.02rem solid #0065FC" : ""
-                  })
-                }, null, 4),
-                o("div", {
-                  class: "setting-color-name",
-                  style: G({ color: t.id === _.value ? "#0065FC" : "" })
-                }, u(l(i)(t.label || t.name)), 5)
-              ], 10, Ht))), 128))
-            ])
-          ]),
-          o("div", jt, [
-            c(_e, { height: "230" }, {
-              default: A(() => [
-                o("div", Gt, [
-                  o("div", null, u(l(i)("setting.showEdges")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": e[18] || (e[18] = (t) => w.value = t),
-                      size: "small",
-                      onChange: e[19] || (e[19] = (t) => ne())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", Yt, [
-                  o("div", null, u(l(i)("setting.perspective")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": e[20] || (e[20] = (t) => C.value = t),
-                      size: "small",
-                      onChange: e[21] || (e[21] = (t) => H())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", Zt, [
-                  o("div", null, u(l(i)("setting.mode2d3d")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: U.value,
-                      "onUpdate:modelValue": e[22] || (e[22] = (t) => U.value = t),
-                      size: "small",
-                      onChange: e[23] || (e[23] = (t) => ie())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", qt, [
-                  o("div", null, u(l(i)("setting.modelInvert")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: b.value,
-                      "onUpdate:modelValue": e[24] || (e[24] = (t) => b.value = t),
-                      size: "small",
-                      onChange: e[25] || (e[25] = (t) => le())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", Xt, [
-                  o("div", null, u(l(i)("setting.zAxisUp")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: S.value,
-                      "onUpdate:modelValue": e[26] || (e[26] = (t) => S.value = t),
-                      size: "small",
-                      onChange: e[27] || (e[27] = (t) => te())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", Jt, [
-                  o("div", null, u(l(i)("setting.modelSpace")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: T.value,
-                      "onUpdate:modelValue": e[28] || (e[28] = (t) => T.value = t),
-                      size: "small",
-                      onChange: e[29] || (e[29] = (t) => q())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", Qt, [
-                  o("div", null, u(l(i)("setting.spaceEffect")), 1),
-                  o("div", null, [
-                    c(r, {
-                      modelValue: B.value,
-                      "onUpdate:modelValue": e[30] || (e[30] = (t) => B.value = t),
-                      size: "small",
-                      onChange: e[31] || (e[31] = (t) => ue())
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", el, [
-                  o("div", null, u(l(i)("setting.lightIntensity")), 1),
-                  o("div", tl, [
-                    c(z, {
-                      modelValue: d.value,
-                      "onUpdate:modelValue": e[32] || (e[32] = (t) => d.value = t),
-                      onInput: e[33] || (e[33] = (t) => se(d.value))
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                o("div", ll, [
-                  o("div", null, u(l(i)("setting.zoomSpeed")), 1),
-                  o("div", ol, [
-                    c(z, {
-                      modelValue: f.value,
-                      "onUpdate:modelValue": e[34] || (e[34] = (t) => f.value = t),
-                      onInput: e[35] || (e[35] = (t) => Te(f.value))
-                    }, null, 8, ["modelValue"])
-                  ])
-                ])
-              ]),
-              _: 1
-            })
-          ])
-        ])) : y("", !0)
-      ], 64);
-    };
-  }
-}), ml = /* @__PURE__ */ at(sl, [["__scopeId", "data-v-b2c5e0c6"]]);
-export {
-  ml as default
-};