@xtctwins/tctwins-bimx-engine 0.3.11 → 0.3.13

package/dist/SettingTool-IBRpWdfo.mjs

@@ -1,695 +0,0 @@
-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-BzB8rqmg.mjs";
-import { _ as ut } from "./panel.vue_vue_type_style_index_0_lang-DOsptET6.mjs";
-import { E as dt } from "./el-slider-dslleM3g.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
-};