@xtctwins/tctwins-bimx-engine 0.3.2 → 0.3.4

package/dist/SettingTool-D13GBT87.mjs

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