@xtctwins/tctwins-bimx-engine 0.2.49 → 0.2.50

package/dist/SettingTool-DWoeF-dC.mjs

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