@xtctwins/tctwins-bimx-engine 0.3.0 → 0.3.2

package/dist/SettingTool-D13GBT87.mjs

@@ -0,0 +1,747 @@
+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
+};