@xtctwins/tctwins-industry-engine 0.0.1

package/dist/SettingTool-X6AjiptI.mjs

@@ -0,0 +1,691 @@
+var Ne = Object.defineProperty;
+var Fe = (u, g, y) => g in u ? Ne(u, g, { enumerable: !0, configurable: !0, writable: !0, value: y }) : u[g] = y;
+var H = (u, g, y) => Fe(u, typeof g != "symbol" ? g + "" : g, y);
+import { S as Oe, D as Le, m as le, W as Ke, M as We, U as me, i as oe, d as ve, F as ce, G as fe, X as pe, P as Re, J as Ze, u as Ge, Q as He, K as _e, Y as Ye, j as Ee, E as L, Z as De, $ as je, _ as qe, w as Je, p as Qe, T as Ae, q as F, t as _, x as Xe, y as el, z as ll } from "./index-CBO0Vhj8.mjs";
+import { _ as tl } from "./panel.vue_vue_type_style_index_0_lang-CUi6naB0.mjs";
+/* empty css                            */
+import { E as ol, a as nl } from "./el-checkbox-DeNYO9VE.mjs";
+import { E as il } from "./el-input-number-CsUyeV_5.mjs";
+import { defineComponent as be, computed as O, ref as m, watch as ge, onMounted as Ue, openBlock as s, createElementBlock as f, normalizeClass as T, unref as i, withModifiers as sl, createElementVNode as t, withKeys as al, createBlock as h, withCtx as E, resolveDynamicComponent as Y, createCommentVNode as p, toDisplayString as J, normalizeStyle as q, createVNode as d, renderSlot as Be, nextTick as ul, onBeforeUnmount as dl, resolveComponent as rl, Fragment as j, createTextVNode as M, renderList as te } from "vue";
+import { B as K } from "./const-DeViLYl5.mjs";
+import { Loading as vl } from "@element-plus/icons-vue";
+const cl = (u) => ["", ...Oe].includes(u), ml = Le({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  disabled: Boolean,
+  loading: Boolean,
+  size: {
+    type: String,
+    validator: cl
+  },
+  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: Ke(Function)
+  },
+  id: String,
+  tabindex: {
+    type: [String, Number]
+  },
+  ...We(["ariaLabel"])
+}), fl = {
+  [me]: (u) => oe(u) || ve(u) || ce(u),
+  [fe]: (u) => oe(u) || ve(u) || ce(u),
+  [pe]: (u) => oe(u) || ve(u) || ce(u)
+}, ye = "ElSwitch", pl = be({
+  name: ye
+}), gl = /* @__PURE__ */ be({
+  ...pl,
+  props: ml,
+  emits: fl,
+  setup(u, { expose: g, emit: y }) {
+    const v = u, { formItem: x } = Re(), S = Ze(), a = Ge("switch"), { inputId: D } = He(v, {
+      formItemContext: x
+    }), k = _e(O(() => v.loading)), z = m(v.modelValue !== !1), b = m(), $ = m(), A = O(() => [
+      a.b(),
+      a.m(S.value),
+      a.is("disabled", k.value),
+      a.is("checked", c.value)
+    ]), W = O(() => [
+      a.e("label"),
+      a.em("label", "left"),
+      a.is("active", !c.value)
+    ]), B = O(() => [
+      a.e("label"),
+      a.em("label", "right"),
+      a.is("active", c.value)
+    ]), I = O(() => ({
+      width: Ye(v.width)
+    }));
+    ge(() => v.modelValue, () => {
+      z.value = !0;
+    });
+    const N = O(() => z.value ? v.modelValue : !1), c = O(() => N.value === v.activeValue);
+    [v.activeValue, v.inactiveValue].includes(N.value) || (y(me, v.inactiveValue), y(fe, v.inactiveValue), y(pe, v.inactiveValue)), ge(c, (o) => {
+      var V;
+      b.value.checked = o, v.validateEvent && ((V = x == null ? void 0 : x.validate) == null || V.call(x, "change").catch((Z) => Ee(Z)));
+    });
+    const U = () => {
+      const o = c.value ? v.inactiveValue : v.activeValue;
+      y(me, o), y(fe, o), y(pe, o), ul(() => {
+        b.value.checked = c.value;
+      });
+    }, C = () => {
+      if (k.value)
+        return;
+      const { beforeChange: o } = v;
+      if (!o) {
+        U();
+        return;
+      }
+      const V = o();
+      [
+        De(V),
+        oe(V)
+      ].includes(!0) || je(ye, "beforeChange must return type `Promise<boolean>` or `boolean`"), De(V) ? V.then((w) => {
+        w && U();
+      }).catch((w) => {
+        Ee(ye, `some error occurred: ${w}`);
+      }) : V && U();
+    }, R = () => {
+      var o, V;
+      (V = (o = b.value) == null ? void 0 : o.focus) == null || V.call(o);
+    };
+    return Ue(() => {
+      b.value.checked = c.value;
+    }), g({
+      focus: R,
+      checked: c
+    }), (o, V) => (s(), f("div", {
+      class: T(i(A)),
+      onClick: sl(C, ["prevent"])
+    }, [
+      t("input", {
+        id: i(D),
+        ref_key: "input",
+        ref: b,
+        class: T(i(a).e("input")),
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": i(c),
+        "aria-disabled": i(k),
+        "aria-label": o.ariaLabel,
+        name: o.name,
+        "true-value": o.activeValue,
+        "false-value": o.inactiveValue,
+        disabled: i(k),
+        tabindex: o.tabindex,
+        onChange: U,
+        onKeydown: al(C, ["enter"])
+      }, null, 42, ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"]),
+      !o.inlinePrompt && (o.inactiveIcon || o.inactiveText) ? (s(), f("span", {
+        key: 0,
+        class: T(i(W))
+      }, [
+        o.inactiveIcon ? (s(), h(i(L), { key: 0 }, {
+          default: E(() => [
+            (s(), h(Y(o.inactiveIcon)))
+          ]),
+          _: 1
+        })) : p("v-if", !0),
+        !o.inactiveIcon && o.inactiveText ? (s(), f("span", {
+          key: 1,
+          "aria-hidden": i(c)
+        }, J(o.inactiveText), 9, ["aria-hidden"])) : p("v-if", !0)
+      ], 2)) : p("v-if", !0),
+      t("span", {
+        ref_key: "core",
+        ref: $,
+        class: T(i(a).e("core")),
+        style: q(i(I))
+      }, [
+        o.inlinePrompt ? (s(), f("div", {
+          key: 0,
+          class: T(i(a).e("inner"))
+        }, [
+          o.activeIcon || o.inactiveIcon ? (s(), h(i(L), {
+            key: 0,
+            class: T(i(a).is("icon"))
+          }, {
+            default: E(() => [
+              (s(), h(Y(i(c) ? o.activeIcon : o.inactiveIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : o.activeText || o.inactiveText ? (s(), f("span", {
+            key: 1,
+            class: T(i(a).is("text")),
+            "aria-hidden": !i(c)
+          }, J(i(c) ? o.activeText : o.inactiveText), 11, ["aria-hidden"])) : p("v-if", !0)
+        ], 2)) : p("v-if", !0),
+        t("div", {
+          class: T(i(a).e("action"))
+        }, [
+          o.loading ? (s(), h(i(L), {
+            key: 0,
+            class: T(i(a).is("loading"))
+          }, {
+            default: E(() => [
+              d(i(vl))
+            ]),
+            _: 1
+          }, 8, ["class"])) : i(c) ? Be(o.$slots, "active-action", { key: 1 }, () => [
+            o.activeActionIcon ? (s(), h(i(L), { key: 0 }, {
+              default: E(() => [
+                (s(), h(Y(o.activeActionIcon)))
+              ]),
+              _: 1
+            })) : p("v-if", !0)
+          ]) : i(c) ? p("v-if", !0) : Be(o.$slots, "inactive-action", { key: 2 }, () => [
+            o.inactiveActionIcon ? (s(), h(i(L), { key: 0 }, {
+              default: E(() => [
+                (s(), h(Y(o.inactiveActionIcon)))
+              ]),
+              _: 1
+            })) : p("v-if", !0)
+          ])
+        ], 2)
+      ], 6),
+      !o.inlinePrompt && (o.activeIcon || o.activeText) ? (s(), f("span", {
+        key: 1,
+        class: T(i(B))
+      }, [
+        o.activeIcon ? (s(), h(i(L), { key: 0 }, {
+          default: E(() => [
+            (s(), h(Y(o.activeIcon)))
+          ]),
+          _: 1
+        })) : p("v-if", !0),
+        !o.activeIcon && o.activeText ? (s(), f("span", {
+          key: 1,
+          "aria-hidden": !i(c)
+        }, J(o.activeText), 9, ["aria-hidden"])) : p("v-if", !0)
+      ], 2)) : p("v-if", !0)
+    ], 10, ["onClick"]));
+  }
+});
+var yl = /* @__PURE__ */ qe(gl, [["__file", "switch.vue"]]);
+const bl = Je(yl);
+class Vl {
+  constructor(g) {
+    H(this, "duration");
+    H(this, "active");
+    H(this, "remainingTime");
+    H(this, "timerInterval");
+    this.duration = g, this.remainingTime = g, this.active = !1;
+  }
+  start(g) {
+    this.active && (this.remainingTime = this.duration, clearInterval(this.timerInterval)), this.active = !0;
+    const y = () => {
+      if (this.remainingTime <= 0) {
+        clearInterval(this.timerInterval), this.active = !1, this.remainingTime = this.duration, g();
+        return;
+      }
+      this.remainingTime -= 1;
+    };
+    this.timerInterval = setInterval(y, 1e3);
+  }
+  // 停止倒计时
+  stop() {
+    this.active && (clearInterval(this.timerInterval), this.active = !1);
+  }
+}
+const wl = { style: { height: "var(--setting-content-height)" } }, hl = {
+  key: 0,
+  class: "color-list"
+}, kl = ["onClick"], Cl = { class: "setting-effect" }, Sl = { class: "setting-effect" }, Il = { class: "light-slider" }, Tl = {
+  key: 1,
+  class: "setting-title"
+}, El = {
+  key: 2,
+  class: "setting-effect"
+}, Dl = { class: "setting-effect" }, Al = { class: "setting-effect" }, Bl = { class: "setting-effect" }, Ul = { class: "setting-effect" }, $l = { class: "setting-effect" }, Ml = { class: "setting-effect" }, zl = { class: "setting_panel" }, Pl = { class: "setting-title-box" }, xl = { class: "setting-title-icon" }, Nl = { class: "setting-color-box" }, Fl = { class: "setting-color-list" }, Ol = ["onClick"], Ll = { class: "setting-config-box" }, Kl = { class: "setting-switch-item" }, Wl = { class: "setting-switch-item" }, Rl = { class: "light-slider" }, Zl = { class: "setting-switch-item" }, Gl = { class: "setting-switch-item" }, Hl = { class: "setting-switch-item" }, _l = { class: "setting-switch-item" }, Yl = { class: "setting-switch-item" }, jl = { class: "setting-switch-item" }, ql = { class: "setting-switch-item" }, Jl = { class: "speed-slider" }, Ql = /* @__PURE__ */ be({
+  __name: "SettingTool",
+  props: {
+    instruction: {},
+    componentId: {}
+  },
+  emits: ["closePanel", "emitHandler"],
+  setup(u, { emit: g }) {
+    const y = Qe(), v = u, x = m(0);
+    Ue(() => {
+      y.setReadyById(v.componentId), Ae.currentTheme == "blue" ? x.value = 240 : Ae.currentTheme == "light-gray" && (x.value = 202);
+    });
+    let S;
+    const a = m(!1), D = m(!1), k = m(!1), z = m(!1), b = m(!1), $ = m(!0), A = m(!1), W = m(!1), B = m(1), I = m(50), N = m(!1), c = new Vl(5);
+    ge(
+      () => y.isToolActive(v.componentId),
+      (n) => {
+        n === !1 && (c.stop(), N.value && Ve());
+      }
+    );
+    const U = m(50), C = m(["亮"]), R = m(["亮", "暗"]), o = m("linear-gradient(180deg, #fffefb 0%, #daebff 100%)"), V = g, Z = () => {
+      S = window.bimViewer, S.viewer.scene.on("aabb", () => {
+        Q(A.value), X(C.value[0]);
+      });
+    }, w = () => {
+      N.value = !0, c.start(() => {
+        Ve();
+      });
+    }, Ve = () => {
+      var e, r;
+      let n;
+      F("isMobile") ? n = {
+        backgroundColor: ((e = K.find((P) => P.id == B.value)) == null ? void 0 : e.name) ?? "渐变蓝",
+        showEdges: k.value,
+        lightIntensity: I.value,
+        skyBox: z.value,
+        orthoMode: b.value,
+        modelType2D: $.value,
+        yAxisDown: a.value,
+        zAxisUp: D.value,
+        showSpace: A.value,
+        spaceEffect: C.value[0],
+        touchDollySpeed: U.value
+      } : n = {
+        backgroundColor: ((r = K.find((P) => P.id == B.value)) == null ? void 0 : r.name) ?? "渐变蓝",
+        showEdges: k.value,
+        lightIntensity: I.value,
+        skyBox: z.value,
+        orthoMode: b.value,
+        modelType2D: $.value,
+        yAxisDown: a.value,
+        zAxisUp: D.value,
+        showSpace: A.value,
+        spaceEffect: C.value[0]
+      }, $e({
+        isTool: !0,
+        event_target: "SettingTool",
+        event_name: "saveSetting",
+        content: {
+          newSets: n
+        }
+      }), N.value = !1;
+    }, we = (n) => {
+      const e = n.lastSet, r = K.find((P) => P.name == e.backgroundColor);
+      B.value = r ? r.id : 1, ae(r ?? K[0]), k.value = e.showEdges, de(k.value), I.value = e.lightIntensity, ue(I.value), b.value = e.orthoMode, G(b.value), $.value = e.modelType2D, re($.value), A.value = e.showSpace, Q(A.value), C.value = [e.spaceEffect], X(C.value[0]), a.value = e.yAxisDown, a.value && se(), D.value = e.zAxisUp, D.value && ie(), F("isMobile") ? (U.value = e.touchDollySpeed, Ce(U.value)) : (z.value = e.skyBox, ke(z.value)), N.value = !1;
+    };
+    _.on("BimViewer", Z), _.on("lastSetsContent", we), dl(() => {
+      _.off("BimViewer", Z), _.off("lastSetsContent", we);
+    });
+    const $e = (n) => {
+      V("emitHandler", n);
+    }, ne = (n) => {
+      n && n.target.id != "setting_back" || (V("closePanel"), he(!1));
+    }, he = (n = !W.value) => {
+      W.value = n;
+    }, ie = (n) => {
+      w(), window.bimViewer.setWorldAxisZUp(D.value), G(b.value);
+    }, se = (n) => {
+      w(), window.bimViewer.setWorldAxisYDown(a.value), G(b.value);
+    }, ae = (n) => {
+      w(), B.value = n.id, o.value = n.color, _.emit("changeBackgroundColor", n.color);
+    }, ue = (n) => {
+      w(), S.setLightIntensity(n);
+    }, de = (n) => {
+      w(), S.setAllObjectsEdges(n);
+    }, re = (n) => {
+      w(), S.SetThreeDModeActive(n), F("isMobile") && (window.bimViewer.navCubeMode.visible = !1);
+    }, G = (n) => {
+      w(), S.SetOrthoModeActive(n);
+    }, Q = (n) => {
+      w(), S.SetShowSpaceModeActive(n);
+    }, X = (n) => {
+      w(), n == "亮" ? window.bimViewer.setSpaceMaterialColor(1) : window.bimViewer.setSpaceMaterialColor(2), C.value = R.value.includes(n) ? [n] : [];
+    }, ke = (n) => {
+      w(), S.SetSkyBoxToolActive(n);
+    }, Ce = (n) => {
+      w(), n == 0 ? S.viewer.cameraControl.customTouchDollyRate = 0.05 / 50 : S.viewer.cameraControl.customTouchDollyRate = n / 50;
+    };
+    return (n, e) => {
+      const r = bl, P = il, Se = ol, Ie = nl, Te = Xe, Me = tl, ze = el, Pe = rl("SuccessFilled"), xe = L;
+      return s(), f(j, null, [
+        i(F)("isMobile") ? p("", !0) : (s(), h(Me, {
+          key: 0,
+          class: "setting_contaier",
+          width: x.value,
+          panelTitle: "设置",
+          "click-handle": ne,
+          style: { height: "var(--setting-panel-height)" }
+        }, {
+          default: E(() => [
+            t("div", wl, [
+              d(Te, null, {
+                default: E(() => [
+                  e[45] || (e[45] = t("div", { class: "setting-title" }, "效果", -1)),
+                  t("div", {
+                    class: "setting-effect",
+                    onClick: e[0] || (e[0] = (l) => he())
+                  }, [
+                    e[35] || (e[35] = M(" 背景颜色 ")),
+                    t("div", {
+                      class: "choose-color",
+                      style: q({ background: o.value })
+                    }, null, 4)
+                  ]),
+                  W.value ? (s(), f("div", hl, [
+                    (s(!0), f(j, null, te(i(K), (l) => (s(), f("div", {
+                      key: l.id,
+                      class: T(["color-item", { "color-item-active": B.value === l.id }]),
+                      onClick: (ee) => ae(l)
+                    }, [
+                      t("div", {
+                        class: "bg",
+                        style: q({ background: l.color, border: l.id === 4 ? "1px solid #F1F1F1" : "none" })
+                      }, null, 4),
+                      M(" " + J(l.name), 1)
+                    ], 10, kl))), 128))
+                  ])) : p("", !0),
+                  t("div", Cl, [
+                    e[36] || (e[36] = M(" 显示边缘 ")),
+                    d(r, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (l) => k.value = l),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[2] || (e[2] = (l) => de())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  t("div", Sl, [
+                    e[37] || (e[37] = M(" 光源强度 ")),
+                    t("div", Il, [
+                      d(P, {
+                        modelValue: I.value,
+                        "onUpdate:modelValue": e[3] || (e[3] = (l) => I.value = l),
+                        onInput: e[4] || (e[4] = (l) => ue(I.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  i(F)("skyboxImg") ? (s(), f("div", Tl, " 外观模式 ")) : p("", !0),
+                  i(F)("skyboxImg") ? (s(), f("div", El, [
+                    e[38] || (e[38] = M(" 天空盒 ")),
+                    d(r, {
+                      modelValue: z.value,
+                      "onUpdate:modelValue": e[5] || (e[5] = (l) => z.value = l),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[6] || (e[6] = (l) => ke())
+                    }, null, 8, ["modelValue"])
+                  ])) : p("", !0),
+                  e[46] || (e[46] = t("div", { class: "setting-title" }, "模型视角切换", -1)),
+                  t("div", Dl, [
+                    e[39] || (e[39] = M(" 透视/正交 ")),
+                    d(r, {
+                      modelValue: b.value,
+                      "onUpdate:modelValue": e[7] || (e[7] = (l) => b.value = l),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[8] || (e[8] = (l) => G())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  t("div", Al, [
+                    e[40] || (e[40] = M(" 2D/3D ")),
+                    d(r, {
+                      modelValue: $.value,
+                      "onUpdate:modelValue": e[9] || (e[9] = (l) => $.value = l),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[10] || (e[10] = (l) => re())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  t("div", Bl, [
+                    e[41] || (e[41] = t("div", null, "模型倒置", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: a.value,
+                        "onUpdate:modelValue": e[11] || (e[11] = (l) => a.value = l),
+                        style: { "--el-switch-on-color": "#0065fc" },
+                        onChange: e[12] || (e[12] = (l) => se())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Ul, [
+                    e[42] || (e[42] = t("div", null, "Z轴向上", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: D.value,
+                        "onUpdate:modelValue": e[13] || (e[13] = (l) => D.value = l),
+                        style: { "--el-switch-on-color": "#0065fc" },
+                        onChange: e[14] || (e[14] = (l) => ie())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", $l, [
+                    e[43] || (e[43] = M(" 显示模型空间 ")),
+                    d(r, {
+                      modelValue: A.value,
+                      "onUpdate:modelValue": e[15] || (e[15] = (l) => A.value = l),
+                      style: { "--el-switch-on-color": "#0065fc" },
+                      onChange: e[16] || (e[16] = (l) => Q())
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  t("div", Ml, [
+                    e[44] || (e[44] = M(" 空间效果 ")),
+                    d(Ie, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[17] || (e[17] = (l) => C.value = l),
+                      size: "small"
+                    }, {
+                      default: E(() => [
+                        (s(!0), f(j, null, te(R.value, (l) => (s(), h(Se, {
+                          key: l,
+                          label: l,
+                          onChange: (ee) => X(l)
+                        }, null, 8, ["label", "onChange"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["width"])),
+        i(F)("isMobile") ? (s(), f("div", {
+          key: 1,
+          id: "setting_back",
+          class: "setting_back",
+          onClick: ne
+        }, [
+          t("div", zl, [
+            t("div", Pl, [
+              e[47] || (e[47] = t("div", { class: "setting-title" }, "设置", -1)),
+              t("div", xl, [
+                d(ze, {
+                  width: 0.4,
+                  "size-type": "rem",
+                  "click-handle": ne
+                })
+              ])
+            ]),
+            t("div", Nl, [
+              t("div", Fl, [
+                (s(!0), f(j, null, te(i(K), (l, ee) => (s(), f("div", {
+                  key: ee,
+                  class: T(["setting-color-item", {
+                    "setting-color-item-active": B.value === l.id
+                  }]),
+                  onClick: (Xl) => ae(l)
+                }, [
+                  t("div", {
+                    class: "setting-color-icon",
+                    style: q({
+                      background: l.color,
+                      border: l.id === B.value ? "0.02rem solid #0065FC" : ""
+                    })
+                  }, null, 4),
+                  t("div", {
+                    class: "setting-color-name",
+                    style: q({ color: l.id === B.value ? "#0065FC" : "" })
+                  }, [
+                    M(J(l.name) + " ", 1),
+                    l.id === B.value ? (s(), h(xe, {
+                      key: 0,
+                      color: "#0065fc",
+                      size: "0.24rem"
+                    }, {
+                      default: E(() => [
+                        d(Pe)
+                      ]),
+                      _: 1
+                    })) : p("", !0)
+                  ], 4)
+                ], 10, Ol))), 128))
+              ])
+            ]),
+            t("div", Ll, [
+              d(Te, { height: "188" }, {
+                default: E(() => [
+                  t("div", Kl, [
+                    e[48] || (e[48] = t("div", null, "显示边缘", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: k.value,
+                        "onUpdate:modelValue": e[18] || (e[18] = (l) => k.value = l),
+                        size: "large",
+                        onChange: e[19] || (e[19] = (l) => de())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Wl, [
+                    e[49] || (e[49] = t("div", null, "光源强度", -1)),
+                    t("div", Rl, [
+                      d(P, {
+                        modelValue: I.value,
+                        "onUpdate:modelValue": e[20] || (e[20] = (l) => I.value = l),
+                        onInput: e[21] || (e[21] = (l) => ue(I.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Zl, [
+                    e[50] || (e[50] = t("div", null, "透视/正交", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: b.value,
+                        "onUpdate:modelValue": e[22] || (e[22] = (l) => b.value = l),
+                        size: "large",
+                        onChange: e[23] || (e[23] = (l) => G())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Gl, [
+                    e[51] || (e[51] = t("div", null, "2D/3D", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: $.value,
+                        "onUpdate:modelValue": e[24] || (e[24] = (l) => $.value = l),
+                        size: "large",
+                        onChange: e[25] || (e[25] = (l) => re())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Hl, [
+                    e[52] || (e[52] = t("div", null, "模型倒置", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: a.value,
+                        "onUpdate:modelValue": e[26] || (e[26] = (l) => a.value = l),
+                        size: "large",
+                        onChange: e[27] || (e[27] = (l) => se())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", _l, [
+                    e[53] || (e[53] = t("div", null, "Z轴向上", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: D.value,
+                        "onUpdate:modelValue": e[28] || (e[28] = (l) => D.value = l),
+                        size: "large",
+                        onChange: e[29] || (e[29] = (l) => ie())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", Yl, [
+                    e[54] || (e[54] = t("div", null, "显示模型空间", -1)),
+                    t("div", null, [
+                      d(r, {
+                        modelValue: A.value,
+                        "onUpdate:modelValue": e[30] || (e[30] = (l) => A.value = l),
+                        size: "large",
+                        onChange: e[31] || (e[31] = (l) => Q())
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ]),
+                  t("div", jl, [
+                    e[55] || (e[55] = t("div", null, "空间效果", -1)),
+                    d(Ie, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[32] || (e[32] = (l) => C.value = l)
+                    }, {
+                      default: E(() => [
+                        (s(!0), f(j, null, te(R.value, (l) => (s(), h(Se, {
+                          key: l,
+                          label: l,
+                          onChange: (ee) => X(l)
+                        }, null, 8, ["label", "onChange"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  t("div", ql, [
+                    e[56] || (e[56] = t("div", null, "缩放速率", -1)),
+                    t("div", Jl, [
+                      d(P, {
+                        modelValue: U.value,
+                        "onUpdate:modelValue": e[33] || (e[33] = (l) => U.value = l),
+                        onInput: e[34] || (e[34] = (l) => Ce(U.value))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])) : p("", !0)
+      ], 64);
+    };
+  }
+}), dt = /* @__PURE__ */ ll(Ql, [["__scopeId", "data-v-44bb4715"]]);
+export {
+  dt as default
+};