@xtctwins/tctwins-industry-engine 0.0.10 → 0.0.12

package/dist/SettingTool-CYM0qsUs.mjs

@@ -0,0 +1,770 @@
+var Fe = Object.defineProperty;
+var Oe = (a, y, E) => y in a ? Fe(a, y, { enumerable: !0, configurable: !0, writable: !0, value: E }) : a[y] = E;
+var Y = (a, y, E) => Oe(a, typeof y != "symbol" ? y + "" : y, E);
+import { c as xe, d as ne, j as ce, L as me, b as Le, a0 as fe, M as ge, U as ye, S as Re, t as We, s as le, _ as Ke, X as je, a as Ge, u as He, Y as Ze, Q as _e, a1 as Ye, n as Ee, E as F, a2 as $e, a3 as Qe, w as Xe, z as qe, T as Ae, A as x, B as Q, D as Je, F as et, V as tt, G as lt } from "./index-BNrMlQLr.mjs";
+import { _ as ot } from "./panel.vue_vue_type_style_index_0_lang-CCuIP-Pp.mjs";
+import { a as nt, E as it } from "./el-checkbox-ClYe-8uK.mjs";
+/* empty css                            */
+import { E as st } from "./el-input-number-Df5HOHuh.mjs";
+import { defineComponent as Be, computed as L, ref as f, shallowRef as at, watch as we, onMounted as De, createElementBlock as r, openBlock as i, withModifiers as ut, normalizeClass as T, createElementVNode as o, createCommentVNode as c, withKeys as dt, unref as u, renderSlot as R, createBlock as g, withCtx as I, resolveDynamicComponent as W, toDisplayString as j, normalizeStyle as q, createVNode as d, nextTick as rt, onBeforeUnmount as vt, resolveComponent as ct, Fragment as X, createTextVNode as N, renderList as oe } from "vue";
+import { B as K } from "./const-DeViLYl5.mjs";
+import { Loading as mt } from "@element-plus/icons-vue";
+const pt = (a) => ["", ...xe].includes(a), ft = Le({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  loading: Boolean,
+  size: {
+    type: String,
+    validator: pt
+  },
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  inlinePrompt: Boolean,
+  inactiveActionIcon: {
+    type: le
+  },
+  activeActionIcon: {
+    type: le
+  },
+  activeIcon: {
+    type: le
+  },
+  inactiveIcon: {
+    type: le
+  },
+  activeText: {
+    type: String,
+    default: ""
+  },
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: !0
+  },
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  beforeChange: {
+    type: We(Function)
+  },
+  id: String,
+  tabindex: {
+    type: [String, Number]
+  },
+  ...Re(["ariaLabel"])
+}), gt = {
+  [ye]: (a) => ne(a) || ce(a) || me(a),
+  [ge]: (a) => ne(a) || ce(a) || me(a),
+  [fe]: (a) => ne(a) || ce(a) || me(a)
+}, yt = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex"], wt = ["aria-hidden"], Vt = { key: 1 }, bt = { key: 1 }, ht = ["aria-hidden"], pe = "ElSwitch", kt = Be({
+  name: pe,
+  __name: "switch",
+  props: ft,
+  emits: gt,
+  setup(a, { expose: y, emit: E }) {
+    const m = a, M = E, { formItem: w } = je(), $ = Ge(), s = He("switch"), { inputId: z } = Ze(m, {
+      formItemContext: w
+    }), A = _e(
+      L(() => {
+        if (m.loading)
+          return !0;
+      })
+    ), k = f(m.modelValue !== !1), h = at(), B = L(() => [
+      s.b(),
+      s.m($.value),
+      s.is("disabled", A.value),
+      s.is("checked", p.value)
+    ]), G = L(() => [
+      s.e("label"),
+      s.em("label", "left"),
+      s.is("active", !p.value)
+    ]), D = L(() => [
+      s.e("label"),
+      s.em("label", "right"),
+      s.is("active", p.value)
+    ]), S = L(() => ({
+      width: Ye(m.width)
+    }));
+    we(
+      () => m.modelValue,
+      () => {
+        k.value = !0;
+      }
+    );
+    const O = L(() => k.value ? m.modelValue : !1), p = L(() => O.value === m.activeValue);
+    [m.activeValue, m.inactiveValue].includes(O.value) || (M(ye, m.inactiveValue), M(ge, m.inactiveValue), M(fe, m.inactiveValue)), we(p, (l) => {
+      var V;
+      h.value.checked = l, m.validateEvent && ((V = w == null ? void 0 : w.validate) == null || V.call(w, "change").catch((Z) => Ee(Z)));
+    });
+    const U = () => {
+      const l = p.value ? m.inactiveValue : m.activeValue;
+      M(ye, l), M(ge, l), M(fe, l), rt(() => {
+        h.value.checked = p.value;
+      });
+    }, C = () => {
+      if (A.value)
+        return;
+      const { beforeChange: l } = m;
+      if (!l) {
+        U();
+        return;
+      }
+      const V = l();
+      [
+        $e(V),
+        ne(V)
+      ].includes(!0) || Qe(
+        pe,
+        "beforeChange must return type `Promise<boolean>` or `boolean`"
+      ), $e(V) ? V.then((b) => {
+        b && U();
+      }).catch((b) => {
+        Ee(pe, `some error occurred: ${b}`);
+      }) : V && U();
+    }, H = () => {
+      var l, V;
+      (V = (l = h.value) == null ? void 0 : l.focus) == null || V.call(l);
+    };
+    return De(() => {
+      h.value.checked = p.value;
+    }), y({
+      focus: H,
+      checked: p
+    }), (l, V) => (i(), r(
+      "div",
+      {
+        class: T(B.value),
+        onClick: ut(C, ["prevent"])
+      },
+      [
+        o("input", {
+          id: u(z),
+          ref_key: "input",
+          ref: h,
+          class: T(u(s).e("input")),
+          type: "checkbox",
+          role: "switch",
+          "aria-checked": p.value,
+          "aria-disabled": u(A),
+          "aria-label": l.ariaLabel,
+          name: l.name,
+          "true-value": l.activeValue,
+          "false-value": l.inactiveValue,
+          disabled: u(A),
+          tabindex: l.tabindex,
+          onChange: U,
+          onKeydown: dt(C, ["enter"])
+        }, null, 42, yt),
+        !l.inlinePrompt && (l.inactiveIcon || l.inactiveText || l.$slots.inactive) ? (i(), r(
+          "span",
+          {
+            key: 0,
+            class: T(G.value)
+          },
+          [
+            R(l.$slots, "inactive", {}, () => [
+              l.inactiveIcon ? (i(), g(u(F), { key: 0 }, {
+                default: I(() => [
+                  (i(), g(W(l.inactiveIcon)))
+                ]),
+                _: 1
+              })) : c("v-if", !0),
+              !l.inactiveIcon && l.inactiveText ? (i(), r("span", {
+                key: 1,
+                "aria-hidden": p.value
+              }, j(l.inactiveText), 9, wt)) : c("v-if", !0)
+            ])
+          ],
+          2
+        )) : c("v-if", !0),
+        o(
+          "span",
+          {
+            class: T(u(s).e("core")),
+            style: q(S.value)
+          },
+          [
+            l.inlinePrompt ? (i(), r(
+              "div",
+              {
+                key: 0,
+                class: T(u(s).e("inner"))
+              },
+              [
+                p.value ? (i(), r(
+                  "div",
+                  {
+                    key: 1,
+                    class: T(u(s).e("inner-wrapper"))
+                  },
+                  [
+                    R(l.$slots, "active", {}, () => [
+                      l.activeIcon ? (i(), g(u(F), { key: 0 }, {
+                        default: I(() => [
+                          (i(), g(W(l.activeIcon)))
+                        ]),
+                        _: 1
+                      })) : c("v-if", !0),
+                      !l.activeIcon && l.activeText ? (i(), r(
+                        "span",
+                        bt,
+                        j(l.activeText),
+                        1
+                      )) : c("v-if", !0)
+                    ])
+                  ],
+                  2
+                )) : (i(), r(
+                  "div",
+                  {
+                    key: 0,
+                    class: T(u(s).e("inner-wrapper"))
+                  },
+                  [
+                    R(l.$slots, "inactive", {}, () => [
+                      l.inactiveIcon ? (i(), g(u(F), { key: 0 }, {
+                        default: I(() => [
+                          (i(), g(W(l.inactiveIcon)))
+                        ]),
+                        _: 1
+                      })) : c("v-if", !0),
+                      !l.inactiveIcon && l.inactiveText ? (i(), r(
+                        "span",
+                        Vt,
+                        j(l.inactiveText),
+                        1
+                      )) : c("v-if", !0)
+                    ])
+                  ],
+                  2
+                ))
+              ],
+              2
+            )) : c("v-if", !0),
+            o(
+              "div",
+              {
+                class: T(u(s).e("action"))
+              },
+              [
+                l.loading ? (i(), g(u(F), {
+                  key: 0,
+                  class: T(u(s).is("loading"))
+                }, {
+                  default: I(() => [
+                    d(u(mt))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : p.value ? R(l.$slots, "active-action", { key: 1 }, () => [
+                  l.activeActionIcon ? (i(), g(u(F), { key: 0 }, {
+                    default: I(() => [
+                      (i(), g(W(l.activeActionIcon)))
+                    ]),
+                    _: 1
+                  })) : c("v-if", !0)
+                ]) : p.value ? c("v-if", !0) : R(l.$slots, "inactive-action", { key: 2 }, () => [
+                  l.inactiveActionIcon ? (i(), g(u(F), { key: 0 }, {
+                    default: I(() => [
+                      (i(), g(W(l.inactiveActionIcon)))
+                    ]),
+                    _: 1
+                  })) : c("v-if", !0)
+                ])
+              ],
+              2
+            )
+          ],
+          6
+        ),
+        !l.inlinePrompt && (l.activeIcon || l.activeText || l.$slots.active) ? (i(), r(
+          "span",
+          {
+            key: 1,
+            class: T(D.value)
+          },
+          [
+            R(l.$slots, "active", {}, () => [
+              l.activeIcon ? (i(), g(u(F), { key: 0 }, {
+                default: I(() => [
+                  (i(), g(W(l.activeIcon)))
+                ]),
+                _: 1
+              })) : c("v-if", !0),
+              !l.activeIcon && l.activeText ? (i(), r("span", {
+                key: 1,
+                "aria-hidden": !p.value
+              }, j(l.activeText), 9, ht)) : c("v-if", !0)
+            ])
+          ],
+          2
+        )) : c("v-if", !0)
+      ],
+      2
+    ));
+  }
+});
+var Ct = /* @__PURE__ */ Ke(kt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/switch/src/switch.vue"]]);
+const It = Xe(Ct);
+class St {
+  constructor(y) {
+    Y(this, "duration");
+    Y(this, "active");
+    Y(this, "remainingTime");
+    Y(this, "timerInterval");
+    this.duration = y, this.remainingTime = y, this.active = !1;
+  }
+  start(y) {
+    this.active && (this.remainingTime = this.duration, clearInterval(this.timerInterval)), this.active = !0;
+    const E = () => {
+      if (this.remainingTime <= 0) {
+        clearInterval(this.timerInterval), this.active = !1, this.remainingTime = this.duration, y();
+        return;
+      }
+      this.remainingTime -= 1;
+    };
+    this.timerInterval = setInterval(E, 1e3);
+  }
+  // 停止倒计时
+  stop() {
+    this.active && (clearInterval(this.timerInterval), this.active = !1);
+  }
+}
+const Tt = { style: { height: "var(--setting-content-height)" } }, Et = {
+  key: 0,
+  class: "color-list"
+}, $t = ["onClick"], At = { class: "setting-effect" }, Bt = { class: "setting-effect" }, Dt = { class: "light-slider" }, Ut = {
+  key: 1,
+  class: "setting-title"
+}, Mt = {
+  key: 2,
+  class: "setting-effect"
+}, zt = { class: "setting-effect" }, Nt = { class: "setting-effect" }, Pt = { class: "setting-effect" }, Ft = { class: "setting-effect" }, Ot = { class: "setting-effect" }, xt = { class: "setting-effect" }, Lt = { class: "setting_panel" }, Rt = { class: "setting-title-box" }, Wt = { class: "setting-title-icon" }, Kt = { class: "setting-color-box" }, jt = { class: "setting-color-list" }, Gt = ["onClick"], Ht = { class: "setting-config-box" }, Zt = { class: "setting-switch-item" }, _t = { class: "setting-switch-item" }, Yt = { class: "light-slider" }, Qt = { class: "setting-switch-item" }, Xt = { class: "setting-switch-item" }, qt = { class: "setting-switch-item" }, Jt = { class: "setting-switch-item" }, el = { class: "setting-switch-item" }, tl = { class: "setting-switch-item" }, ll = { class: "setting-switch-item" }, ol = { class: "speed-slider" }, nl = /* @__PURE__ */ Be({
+  __name: "SettingTool",
+  props: {
+    instruction: {},
+    componentId: {}
+  },
+  emits: ["closePanel", "emitHandler"],
+  setup(a, { emit: y }) {
+    const E = qe(), m = a, M = f(0);
+    De(() => {
+      E.setReadyById(m.componentId), Ae.currentTheme == "blue" ? M.value = 240 : Ae.currentTheme == "light-gray" && (M.value = 202);
+    });
+    let w;
+    const $ = f(!1), s = f(!1), z = f(!1), A = f(!1), k = f(!1), h = f(!0), B = f(!1), G = f(!1), D = f(1), S = f(50), O = f(!1), p = new St(5);
+    we(
+      () => E.isToolActive(m.componentId),
+      (n) => {
+        n === !1 && (p.stop(), O.value && Ve());
+      }
+    );
+    const U = f(50), C = f(["亮"]), H = f(["亮", "暗"]), l = f("linear-gradient(180deg, #fffefb 0%, #daebff 100%)"), V = y, Z = () => {
+      w = window.bimViewer, w.viewer.scene.on("aabb", () => {
+        J(B.value), ee(C.value[0]);
+      });
+    }, b = () => {
+      O.value = !0, p.start(() => {
+        Ve();
+      });
+    }, Ve = () => {
+      var e, v;
+      let n;
+      x("isMobile") ? n = {
+        backgroundColor: ((e = K.find((P) => P.id == D.value)) == null ? void 0 : e.name) ?? "渐变蓝",
+        showEdges: z.value,
+        lightIntensity: S.value,
+        skyBox: A.value,
+        orthoMode: k.value,
+        modelType2D: h.value,
+        yAxisDown: $.value,
+        zAxisUp: s.value,
+        showSpace: B.value,
+        spaceEffect: C.value[0],
+        touchDollySpeed: U.value
+      } : n = {
+        backgroundColor: ((v = K.find((P) => P.id == D.value)) == null ? void 0 : v.name) ?? "渐变蓝",
+        showEdges: z.value,
+        lightIntensity: S.value,
+        skyBox: A.value,
+        orthoMode: k.value,
+        modelType2D: h.value,
+        yAxisDown: $.value,
+        zAxisUp: s.value,
+        showSpace: B.value,
+        spaceEffect: C.value[0]
+      }, Ue({
+        isTool: !0,
+        event_target: "SettingTool",
+        event_name: "saveSetting",
+        content: {
+          newSets: n
+        }
+      }), O.value = !1;
+    }, be = (n) => {
+      const e = n.lastSet, v = K.find((P) => P.name == e.backgroundColor);
+      D.value = v ? v.id : 1, ue(v ?? K[0]), z.value = e.showEdges, re(z.value), S.value = e.lightIntensity, de(S.value), k.value = e.orthoMode, _(k.value), h.value = e.modelType2D, ve(h.value), B.value = e.showSpace, J(B.value), C.value = [e.spaceEffect], ee(C.value[0]), $.value = e.yAxisDown, $.value && ae(), s.value = e.zAxisUp, s.value && se(), x("isMobile") ? (U.value = e.touchDollySpeed, Ce(U.value)) : (A.value = e.skyBox, ke(A.value)), O.value = !1;
+    };
+    Q.on("BimViewer", Z), Q.on("lastSetsContent", be), vt(() => {
+      Q.off("BimViewer", Z), Q.off("lastSetsContent", be);
+    });
+    const Ue = (n) => {
+      V("emitHandler", n);
+    }, ie = (n) => {
+      n && n.target.id != "setting_back" || (V("closePanel"), he(!1));
+    }, he = (n = !G.value) => {
+      G.value = n;
+    }, se = (n) => {
+      b(), window.bimViewer.setWorldAxisZUp(s.value), _(k.value);
+    }, ae = (n) => {
+      b(), window.bimViewer.setWorldAxisYDown($.value), _(k.value);
+    }, ue = (n) => {
+      b(), D.value = n.id, l.value = n.color, Q.emit("changeBackgroundColor", n.color);
+    }, de = (n) => {
+      b(), w.setLightIntensity(n);
+    }, re = (n) => {
+      b(), w.setAllObjectsEdges(n), n || w.setObjectsEdges(tt.entityState.edgesObjectIds, !0);
+    }, ve = (n) => {
+      b(), w.SetThreeDModeActive(n), x("isMobile") && (window.bimViewer.navCubeMode.visible = !1);
+    }, _ = (n) => {
+      b(), w.SetOrthoModeActive(n);
+    }, J = (n) => {
+      b(), w.SetShowSpaceModeActive(n);
+    }, ee = (n) => {
+      b(), n == "亮" ? window.bimViewer.setSpaceMaterialColor(1) : window.bimViewer.setSpaceMaterialColor(2), C.value = H.value.includes(n) ? [n] : [];
+    }, ke = (n) => {
+      b(), w.SetSkyBoxToolActive(n);
+    }, Ce = (n) => {
+      b(), n == 0 ? w.viewer.cameraControl.customTouchDollyRate = 0.05 / 50 : w.viewer.cameraControl.customTouchDollyRate = n / 50;
+    };
+    return (n, e) => {
+      const v = It, P = st, Ie = it, Se = nt, Te = Je, Me = ot, ze = et, Ne = ct("SuccessFilled"), Pe = F;
+      return i(), r(X, null, [
+        u(x)("isMobile") ? c("", !0) : (i(), g(Me, {
+          key: 0,
+          class: "setting_contaier",
+          width: M.value,
+          panelTitle: "设置",
+          "click-handle": ie,
+          style: { height: "var(--setting-panel-height)" }
+        }, {
+          default: I(() => [
+            o("div", Tt, [
+              d(Te, null, {
+                default: I(() => [
+                  e[45] || (e[45] = o("div", { class: "setting-title" }, "效果", -1)),
+                  o("div", {
+                    class: "setting-effect",
+                    onClick: e[0] || (e[0] = (t) => he())
+                  }, [
+                    e[35] || (e[35] = N(" 背景颜色 ", -1)),
+                    o("div", {
+                      class: "choose-color",
+                      style: q({ background: l.value })
+                    }, null, 4)
+                  ]),
+                  G.value ? (i(), r("div", Et, [
+                    (i(!0), r(X, null, oe(u(K), (t) => (i(), r("div", {
+                      key: t.id,
+                      class: T(["color-item", { "color-item-active": D.value === t.id }]),
+                      onClick: (te) => ue(t)
+                    }, [
+                      o("div", {
+                        class: "bg",
+                        style: q({ background: t.color, border: t.id === 4 ? "1px solid #F1F1F1" : "none" })
+                      }, null, 4),
+                      N(" " + j(t.name), 1)
+                    ], 10, $t))), 128))
+                  ])) : c("", !0),
+                  o("div", At, [
+                    e[36] || (e[36] = N(" 显示边缘 ", -1)),
+                    d(v, {
+                      modelValue: z.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (t) => z.value = t),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[2] || (e[2] = (t) => re())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  o("div", Bt, [
+                    e[37] || (e[37] = N(" 光源强度 ", -1)),
+                    o("div", Dt, [
+                      d(P, {
+                        modelValue: S.value,
+                        "onUpdate:modelValue": e[3] || (e[3] = (t) => S.value = t),
+                        onInput: e[4] || (e[4] = (t) => de(S.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  u(x)("skyboxImg") ? (i(), r("div", Ut, " 外观模式 ")) : c("", !0),
+                  u(x)("skyboxImg") ? (i(), r("div", Mt, [
+                    e[38] || (e[38] = N(" 天空盒 ", -1)),
+                    d(v, {
+                      modelValue: A.value,
+                      "onUpdate:modelValue": e[5] || (e[5] = (t) => A.value = t),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[6] || (e[6] = (t) => ke())
+                    }, null, 8, ["modelValue"])
+                  ])) : c("", !0),
+                  e[46] || (e[46] = o("div", { class: "setting-title" }, "模型视角切换", -1)),
+                  o("div", zt, [
+                    e[39] || (e[39] = N(" 透视/正交 ", -1)),
+                    d(v, {
+                      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) => _())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  o("div", Nt, [
+                    e[40] || (e[40] = N(" 2D/3D ", -1)),
+                    d(v, {
+                      modelValue: h.value,
+                      "onUpdate:modelValue": e[9] || (e[9] = (t) => h.value = t),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[10] || (e[10] = (t) => ve())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  o("div", Pt, [
+                    e[41] || (e[41] = o("div", null, "模型倒置", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: $.value,
+                        "onUpdate:modelValue": e[11] || (e[11] = (t) => $.value = t),
+                        style: { "--el-switch-on-color": "#0065fc" },
+                        onChange: e[12] || (e[12] = (t) => ae())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", Ft, [
+                    e[42] || (e[42] = o("div", null, "Z轴向上", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: s.value,
+                        "onUpdate:modelValue": e[13] || (e[13] = (t) => s.value = t),
+                        style: { "--el-switch-on-color": "#0065fc" },
+                        onChange: e[14] || (e[14] = (t) => se())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", Ot, [
+                    e[43] || (e[43] = N(" 显示模型空间 ", -1)),
+                    d(v, {
+                      modelValue: B.value,
+                      "onUpdate:modelValue": e[15] || (e[15] = (t) => B.value = t),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[16] || (e[16] = (t) => J())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  o("div", xt, [
+                    e[44] || (e[44] = N(" 空间效果 ", -1)),
+                    d(Se, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[17] || (e[17] = (t) => C.value = t),
+                      size: "small"
+                    }, {
+                      default: I(() => [
+                        (i(!0), r(X, null, oe(H.value, (t) => (i(), g(Ie, {
+                          key: t,
+                          label: t,
+                          onChange: (te) => ee(t)
+                        }, null, 8, ["label", "onChange"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["width"])),
+        u(x)("isMobile") ? (i(), r("div", {
+          key: 1,
+          id: "setting_back",
+          class: "setting_back",
+          onClick: ie
+        }, [
+          o("div", Lt, [
+            o("div", Rt, [
+              e[47] || (e[47] = o("div", { class: "setting-title" }, "设置", -1)),
+              o("div", Wt, [
+                d(ze, {
+                  width: 0.4,
+                  "size-type": "rem",
+                  "click-handle": ie
+                })
+              ])
+            ]),
+            o("div", Kt, [
+              o("div", jt, [
+                (i(!0), r(X, null, oe(u(K), (t, te) => (i(), r("div", {
+                  key: te,
+                  class: T(["setting-color-item", {
+                    "setting-color-item-active": D.value === t.id
+                  }]),
+                  onClick: (il) => ue(t)
+                }, [
+                  o("div", {
+                    class: "setting-color-icon",
+                    style: q({
+                      background: t.color,
+                      border: t.id === D.value ? "0.02rem solid #0065FC" : ""
+                    })
+                  }, null, 4),
+                  o("div", {
+                    class: "setting-color-name",
+                    style: q({ color: t.id === D.value ? "#0065FC" : "" })
+                  }, [
+                    N(j(t.name) + " ", 1),
+                    t.id === D.value ? (i(), g(Pe, {
+                      key: 0,
+                      color: "#0065fc",
+                      size: "0.24rem"
+                    }, {
+                      default: I(() => [
+                        d(Ne)
+                      ]),
+                      _: 1
+                    })) : c("", !0)
+                  ], 4)
+                ], 10, Gt))), 128))
+              ])
+            ]),
+            o("div", Ht, [
+              d(Te, { height: "188" }, {
+                default: I(() => [
+                  o("div", Zt, [
+                    e[48] || (e[48] = o("div", null, "显示边缘", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: z.value,
+                        "onUpdate:modelValue": e[18] || (e[18] = (t) => z.value = t),
+                        size: "large",
+                        onChange: e[19] || (e[19] = (t) => re())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", _t, [
+                    e[49] || (e[49] = o("div", null, "光源强度", -1)),
+                    o("div", Yt, [
+                      d(P, {
+                        modelValue: S.value,
+                        "onUpdate:modelValue": e[20] || (e[20] = (t) => S.value = t),
+                        onInput: e[21] || (e[21] = (t) => de(S.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", Qt, [
+                    e[50] || (e[50] = o("div", null, "透视/正交", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: k.value,
+                        "onUpdate:modelValue": e[22] || (e[22] = (t) => k.value = t),
+                        size: "large",
+                        onChange: e[23] || (e[23] = (t) => _())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", Xt, [
+                    e[51] || (e[51] = o("div", null, "2D/3D", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: h.value,
+                        "onUpdate:modelValue": e[24] || (e[24] = (t) => h.value = t),
+                        size: "large",
+                        onChange: e[25] || (e[25] = (t) => ve())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", qt, [
+                    e[52] || (e[52] = o("div", null, "模型倒置", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: $.value,
+                        "onUpdate:modelValue": e[26] || (e[26] = (t) => $.value = t),
+                        size: "large",
+                        onChange: e[27] || (e[27] = (t) => ae())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", Jt, [
+                    e[53] || (e[53] = o("div", null, "Z轴向上", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: s.value,
+                        "onUpdate:modelValue": e[28] || (e[28] = (t) => s.value = t),
+                        size: "large",
+                        onChange: e[29] || (e[29] = (t) => se())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", el, [
+                    e[54] || (e[54] = o("div", null, "显示模型空间", -1)),
+                    o("div", null, [
+                      d(v, {
+                        modelValue: B.value,
+                        "onUpdate:modelValue": e[30] || (e[30] = (t) => B.value = t),
+                        size: "large",
+                        onChange: e[31] || (e[31] = (t) => J())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  o("div", tl, [
+                    e[55] || (e[55] = o("div", null, "空间效果", -1)),
+                    d(Se, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[32] || (e[32] = (t) => C.value = t)
+                    }, {
+                      default: I(() => [
+                        (i(!0), r(X, null, oe(H.value, (t) => (i(), g(Ie, {
+                          key: t,
+                          label: t,
+                          onChange: (te) => ee(t)
+                        }, null, 8, ["label", "onChange"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  o("div", ll, [
+                    e[56] || (e[56] = o("div", null, "缩放速率", -1)),
+                    o("div", ol, [
+                      d(P, {
+                        modelValue: U.value,
+                        "onUpdate:modelValue": e[33] || (e[33] = (t) => U.value = t),
+                        onInput: e[34] || (e[34] = (t) => Ce(U.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])) : c("", !0)
+      ], 64);
+    };
+  }
+}), fl = /* @__PURE__ */ lt(nl, [["__scopeId", "data-v-98e51265"]]);
+export {
+  fl as default
+};