@xtctwins/tctwins-bimx-engine 0.2.54 → 0.3.0

package/dist/SettingTool-CjXfbX5r.mjs

@@ -0,0 +1,657 @@
+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-Dsq1epCY.mjs";
+import { _ as ut } from "./panel.vue_vue_type_style_index_0_lang-BaSZShh_.mjs";
+import { E as dt } from "./el-input-number-CK5d8pzH.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
+};