@xtctwins/tctwins-bimx-engine 0.3.8 → 0.3.10

package/dist/SettingTool-I5JTKEs4.mjs

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