@xtctwins/tctwins-bimx-engine 0.2.54 → 0.3.0

package/dist/SettingTool-BwYwYqNZ.mjs

@@ -1,815 +0,0 @@
-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-DBpA3PFq.mjs";
-import { _ as at } from "./panel.vue_vue_type_style_index_0_lang-BmLQqrQm.mjs";
-import { E as ut } from "./el-input-number-BE5izksC.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 w, 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)
-}, wt = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex"], bt = ["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
-    }), b = 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", b.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 (b.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(b),
-          "aria-label": o.ariaLabel,
-          name: o.name,
-          "true-value": o.activeValue,
-          "false-value": o.inactiveValue,
-          disabled: n(b),
-          tabindex: o.tabindex,
-          onChange: M,
-          onKeydown: vt(B, ["enter"])
-        }, null, 42, wt),
-        !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(), w(n(F), { key: 0 }, {
-                default: I(() => [
-                  (s(), w(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, bt)) : 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(), w(n(F), { key: 0 }, {
-                        default: I(() => [
-                          (s(), w(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(), w(n(F), { key: 0 }, {
-                        default: I(() => [
-                          (s(), w(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(), w(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(), w(n(F), { key: 0 }, {
-                    default: I(() => [
-                      (s(), w(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(), w(n(F), { key: 0 }, {
-                    default: I(() => [
-                      (s(), w(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(), w(n(F), { key: 0 }, {
-                default: I(() => [
-                  (s(), w(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), b = 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"
-    }, we = y("linear-gradient(180deg, #fffefb 0%, #daebff 100%)"), be = 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: b.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: b.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(), b.value = e.zAxisUp, b.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) => {
-      be("emitHandler", i);
-    }, Ce = (i) => {
-      i && i.target.id != "setting_back" || (W.emit("hideToolbar", !1), be("closePanel"), Ie(!1));
-    }, Ie = (i = !Y.value) => {
-      Y.value = i;
-    }, le = (i) => {
-      S(), window.bimViewer.setWorldAxisZUp(b.value), Z(k.value);
-    }, oe = (i) => {
-      S(), window.bimViewer.setWorldAxisYDown(E.value), Z(k.value);
-    }, ne = (i) => {
-      S(), $.value = i.id, we.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(), w(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: we.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: 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", 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(), w(Pe, {
-                          key: t,
-                          value: t,
-                          onChange: (ce) => ue(t)
-                        }, {
-                          default: I(() => [
-                            U(a(n(u)(Me[t])), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["value", "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: 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", 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-ffef76c0"]]);
-export {
-  hl as default
-};