@xtctwins/tctwins-bimx-engine 0.1.21 → 0.1.23

package/dist/SettingTool-nEoxPwEr.mjs

@@ -0,0 +1,525 @@
+import { z as ke, K as we, N as Ce, U as q, e as Q, I as X, u as Ie, W as Se, d as ue, _ as Te, Y as re, Z as Ee, w as Be, j as Ne, T as ve, l as me, k as pe, m as Pe, n as Ue } from "./index-BlDGbvS0.mjs";
+import { _ as Me, a as $e } from "./panel.vue_vue_type_style_index_0_lang-tTB1oDNs.mjs";
+import { E as ze, a as Ae } from "./el-checkbox-CSuEX00S.mjs";
+import { E as De } from "./el-input-number-BvvuoubO.mjs";
+import { c as Fe, i as H, U as x, C as ee, I as te, e as Le, u as Oe, f as Ke, h as Ge, E as M } from "./el-input-Bm753NUP.mjs";
+import { defineComponent as oe, computed as U, ref as m, watch as he, onMounted as _e, openBlock as i, createElementBlock as h, normalizeClass as g, unref as n, withModifiers as Re, createElementVNode as l, withKeys as We, createBlock as p, withCtx as _, resolveDynamicComponent as L, createCommentVNode as f, toDisplayString as K, normalizeStyle as O, createVNode as r, renderSlot as fe, nextTick as je, createTextVNode as V, Fragment as Y, renderList as Z, pushScopeId as He, popScopeId as Ye } from "vue";
+import { b as ge } from "./const-CbUmfuHy.mjs";
+import { Loading as Ze } from "@element-plus/icons-vue";
+const qe = (a) => ["", ...Fe].includes(a), Je = ke({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  disabled: Boolean,
+  loading: Boolean,
+  size: {
+    type: String,
+    validator: qe
+  },
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  inlinePrompt: Boolean,
+  inactiveActionIcon: {
+    type: H
+  },
+  activeActionIcon: {
+    type: H
+  },
+  activeIcon: {
+    type: H
+  },
+  inactiveIcon: {
+    type: H
+  },
+  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]
+  },
+  ...Ce(["ariaLabel"])
+}), Qe = {
+  [x]: (a) => q(a) || Q(a) || X(a),
+  [ee]: (a) => q(a) || Q(a) || X(a),
+  [te]: (a) => q(a) || Q(a) || X(a)
+}, le = "ElSwitch", Xe = oe({
+  name: le
+}), xe = /* @__PURE__ */ oe({
+  ...Xe,
+  props: Je,
+  emits: Qe,
+  setup(a, { expose: J, emit: C }) {
+    const c = a, { formItem: I } = Le(), S = Oe(), s = Ie("switch"), { inputId: G } = Ke(c, {
+      formItemContext: I
+    }), k = Ge(U(() => c.loading)), P = m(c.modelValue !== !1), b = m(), z = m(), T = U(() => [
+      s.b(),
+      s.m(S.value),
+      s.is("disabled", k.value),
+      s.is("checked", d.value)
+    ]), E = U(() => [
+      s.e("label"),
+      s.em("label", "left"),
+      s.is("active", !d.value)
+    ]), B = U(() => [
+      s.e("label"),
+      s.em("label", "right"),
+      s.is("active", d.value)
+    ]), R = U(() => ({
+      width: Se(c.width)
+    }));
+    he(() => c.modelValue, () => {
+      P.value = !0;
+    });
+    const A = U(() => P.value ? c.modelValue : !1), d = U(() => A.value === c.activeValue);
+    [c.activeValue, c.inactiveValue].includes(A.value) || (C(x, c.inactiveValue), C(ee, c.inactiveValue), C(te, c.inactiveValue)), he(d, (e) => {
+      var v;
+      b.value.checked = e, c.validateEvent && ((v = I == null ? void 0 : I.validate) == null || v.call(I, "change").catch((F) => ue(F)));
+    });
+    const N = () => {
+      const e = d.value ? c.inactiveValue : c.activeValue;
+      C(x, e), C(ee, e), C(te, e), je(() => {
+        b.value.checked = d.value;
+      });
+    }, D = () => {
+      if (k.value)
+        return;
+      const { beforeChange: e } = c;
+      if (!e) {
+        N();
+        return;
+      }
+      const v = e();
+      [
+        re(v),
+        q(v)
+      ].includes(!0) || Ee(le, "beforeChange must return type `Promise<boolean>` or `boolean`"), re(v) ? v.then(($) => {
+        $ && N();
+      }).catch(($) => {
+        ue(le, `some error occurred: ${$}`);
+      }) : v && N();
+    }, W = () => {
+      var e, v;
+      (v = (e = b.value) == null ? void 0 : e.focus) == null || v.call(e);
+    };
+    return _e(() => {
+      b.value.checked = d.value;
+    }), J({
+      focus: W,
+      checked: d
+    }), (e, v) => (i(), h("div", {
+      class: g(n(T)),
+      onClick: Re(D, ["prevent"])
+    }, [
+      l("input", {
+        id: n(G),
+        ref_key: "input",
+        ref: b,
+        class: g(n(s).e("input")),
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": n(d),
+        "aria-disabled": n(k),
+        "aria-label": e.ariaLabel,
+        name: e.name,
+        "true-value": e.activeValue,
+        "false-value": e.inactiveValue,
+        disabled: n(k),
+        tabindex: e.tabindex,
+        onChange: N,
+        onKeydown: We(D, ["enter"])
+      }, null, 42, ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"]),
+      !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (i(), h("span", {
+        key: 0,
+        class: g(n(E))
+      }, [
+        e.inactiveIcon ? (i(), p(n(M), { key: 0 }, {
+          default: _(() => [
+            (i(), p(L(e.inactiveIcon)))
+          ]),
+          _: 1
+        })) : f("v-if", !0),
+        !e.inactiveIcon && e.inactiveText ? (i(), h("span", {
+          key: 1,
+          "aria-hidden": n(d)
+        }, K(e.inactiveText), 9, ["aria-hidden"])) : f("v-if", !0)
+      ], 2)) : f("v-if", !0),
+      l("span", {
+        ref_key: "core",
+        ref: z,
+        class: g(n(s).e("core")),
+        style: O(n(R))
+      }, [
+        e.inlinePrompt ? (i(), h("div", {
+          key: 0,
+          class: g(n(s).e("inner"))
+        }, [
+          e.activeIcon || e.inactiveIcon ? (i(), p(n(M), {
+            key: 0,
+            class: g(n(s).is("icon"))
+          }, {
+            default: _(() => [
+              (i(), p(L(n(d) ? e.activeIcon : e.inactiveIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : e.activeText || e.inactiveText ? (i(), h("span", {
+            key: 1,
+            class: g(n(s).is("text")),
+            "aria-hidden": !n(d)
+          }, K(n(d) ? e.activeText : e.inactiveText), 11, ["aria-hidden"])) : f("v-if", !0)
+        ], 2)) : f("v-if", !0),
+        l("div", {
+          class: g(n(s).e("action"))
+        }, [
+          e.loading ? (i(), p(n(M), {
+            key: 0,
+            class: g(n(s).is("loading"))
+          }, {
+            default: _(() => [
+              r(n(Ze))
+            ]),
+            _: 1
+          }, 8, ["class"])) : n(d) ? fe(e.$slots, "active-action", { key: 1 }, () => [
+            e.activeActionIcon ? (i(), p(n(M), { key: 0 }, {
+              default: _(() => [
+                (i(), p(L(e.activeActionIcon)))
+              ]),
+              _: 1
+            })) : f("v-if", !0)
+          ]) : n(d) ? f("v-if", !0) : fe(e.$slots, "inactive-action", { key: 2 }, () => [
+            e.inactiveActionIcon ? (i(), p(n(M), { key: 0 }, {
+              default: _(() => [
+                (i(), p(L(e.inactiveActionIcon)))
+              ]),
+              _: 1
+            })) : f("v-if", !0)
+          ])
+        ], 2)
+      ], 6),
+      !e.inlinePrompt && (e.activeIcon || e.activeText) ? (i(), h("span", {
+        key: 1,
+        class: g(n(B))
+      }, [
+        e.activeIcon ? (i(), p(n(M), { key: 0 }, {
+          default: _(() => [
+            (i(), p(L(e.activeIcon)))
+          ]),
+          _: 1
+        })) : f("v-if", !0),
+        !e.activeIcon && e.activeText ? (i(), h("span", {
+          key: 1,
+          "aria-hidden": !n(d)
+        }, K(e.activeText), 9, ["aria-hidden"])) : f("v-if", !0)
+      ], 2)) : f("v-if", !0)
+    ], 10, ["onClick"]));
+  }
+});
+var et = /* @__PURE__ */ Te(xe, [["__file", "switch.vue"]]);
+const tt = Be(et), y = (a) => (He("data-v-75c26913"), a = a(), Ye(), a), lt = { style: { height: "var(--setting-content-height)" } }, ot = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", { class: "setting-title" }, "效果", -1)), nt = {
+  key: 0,
+  class: "color-list"
+}, it = ["onClick"], st = { class: "setting-effect" }, at = { class: "setting-effect" }, ct = { class: "light-slider" }, dt = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", { class: "setting-title" }, "外观模式", -1)), ut = { class: "setting-effect" }, rt = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", { class: "setting-title" }, "模型视角切换", -1)), vt = { class: "setting-effect" }, mt = { class: "setting-effect" }, pt = { class: "setting-effect" }, ht = { class: "setting-effect" }, ft = { class: "setting_panel" }, gt = { class: "setting-title-box" }, _t = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", { class: "setting-title" }, "设置", -1)), bt = { class: "setting-title-icon" }, Vt = { class: "setting-color-box" }, yt = { class: "setting-color-list" }, kt = ["onClick"], wt = { class: "setting-config-box" }, Ct = { class: "setting-switch-item" }, It = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "显示边缘", -1)), St = { class: "setting-switch-item" }, Tt = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "光源强度", -1)), Et = { class: "light-slider" }, Bt = { class: "setting-switch-item" }, Nt = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "透视/正交", -1)), Pt = { class: "setting-switch-item" }, Ut = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "2D/3D", -1)), Mt = { class: "setting-switch-item" }, $t = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "显示模型空间", -1)), zt = { class: "setting-switch-item" }, At = /* @__PURE__ */ y(() => /* @__PURE__ */ l("div", null, "空间效果", -1)), Dt = /* @__PURE__ */ oe({
+  __name: "SettingTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(a, { emit: J }) {
+    const C = Ne(), c = a, I = m(0);
+    _e(() => {
+      C.setReadyById(c.componentId), ve.currentTheme == "blue" ? I.value = 240 : ve.currentTheme == "light-gray" && (I.value = 202);
+    });
+    let S;
+    const s = m(!1), G = m(!0), k = m(!1), P = m(!0), b = m(!1), z = m(!1), T = m(), E = m(50), B = m(["亮"]), R = m(["亮", "暗"]), A = m("#linear-gradient(180deg, #fffefb 0%, #daebff 100%)"), d = J;
+    me.on("BimViewer", () => {
+      S = window.BimViewer, console.log("BimViewer"), v(!1);
+    });
+    const N = (u) => {
+      u && u.target.id != "setting_back" || (d("closePanel"), D(!1));
+    }, D = (u = !z.value) => {
+      z.value = u;
+    }, W = (u) => {
+      T.value = u.id, A.value = u.color, me.emit("changeBackgroundColor", u.color);
+    }, e = (u) => {
+      S.setLightIntensity(u);
+    }, v = (u) => {
+      S.setEdgesEnabled(u);
+    }, F = () => {
+      S.SetThreeDModeActive(), pe("isMobile") && (window.BimViewer.navCubeMode.visible = !1);
+    }, $ = () => {
+      S.SetOrthoModeActive();
+    }, ne = () => {
+      S.SetShowSpaceModeActive();
+    }, ie = (u) => {
+      u == "亮" ? window.BimViewer.setSpaceMaterialColor(1) : window.BimViewer.setSpaceMaterialColor(2), B.value = B.value.includes(u) ? [u] : [];
+    };
+    return (u, o) => {
+      const w = tt, se = De, ae = ze, ce = Ae, de = Pe, be = Me, Ve = $e, ye = M;
+      return n(pe)("isMobile") ? (i(), h("div", {
+        key: 1,
+        id: "setting_back",
+        class: "mobile_setting setting_back",
+        onClick: N
+      }, [
+        l("div", ft, [
+          l("div", gt, [
+            _t,
+            l("div", bt, [
+              r(Ve, { "click-handle": N })
+            ])
+          ]),
+          l("div", Vt, [
+            l("div", yt, [
+              (i(!0), h(Y, null, Z(n(ge), (t, j) => (i(), h("div", {
+                key: j,
+                class: g(["setting-color-item", {
+                  "setting-color-item-active": T.value === t.id
+                }]),
+                onClick: (Ft) => W(t)
+              }, [
+                l("div", {
+                  class: "setting-color-icon",
+                  style: O({
+                    background: t.color,
+                    border: t.id === T.value ? "0.02rem solid #0065FC" : ""
+                  })
+                }, null, 4),
+                l("div", {
+                  class: "setting-color-name",
+                  style: O({ color: t.id === T.value ? "#0065FC" : "" })
+                }, [
+                  V(K(t.name) + " ", 1),
+                  t.id === T.value ? (i(), p(ye, {
+                    key: 0,
+                    color: "#0065fc",
+                    size: "0.24rem"
+                  })) : f("", !0)
+                ], 4)
+              ], 10, kt))), 128))
+            ])
+          ]),
+          l("div", wt, [
+            r(de, { height: "188" }, {
+              default: _(() => [
+                l("div", Ct, [
+                  It,
+                  l("div", null, [
+                    r(w, {
+                      modelValue: s.value,
+                      "onUpdate:modelValue": o[10] || (o[10] = (t) => s.value = t),
+                      size: "large",
+                      onChange: o[11] || (o[11] = (t) => v())
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                l("div", St, [
+                  Tt,
+                  l("div", Et, [
+                    r(se, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": o[12] || (o[12] = (t) => E.value = t),
+                      onInput: o[13] || (o[13] = (t) => e(E.value))
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                l("div", Bt, [
+                  Nt,
+                  l("div", null, [
+                    r(w, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": o[14] || (o[14] = (t) => k.value = t),
+                      size: "large",
+                      onChange: $
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                l("div", Pt, [
+                  Ut,
+                  l("div", null, [
+                    r(w, {
+                      modelValue: P.value,
+                      "onUpdate:modelValue": o[15] || (o[15] = (t) => P.value = t),
+                      size: "large",
+                      onChange: F
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                l("div", Mt, [
+                  $t,
+                  l("div", null, [
+                    r(w, {
+                      modelValue: b.value,
+                      "onUpdate:modelValue": o[16] || (o[16] = (t) => b.value = t),
+                      size: "large",
+                      onChange: ne
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                l("div", zt, [
+                  At,
+                  r(ce, {
+                    modelValue: B.value,
+                    "onUpdate:modelValue": o[17] || (o[17] = (t) => B.value = t)
+                  }, {
+                    default: _(() => [
+                      (i(!0), h(Y, null, Z(R.value, (t) => (i(), p(ae, {
+                        key: t,
+                        label: t,
+                        onChange: (j) => ie(t)
+                      }, null, 8, ["label", "onChange"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ])) : (i(), p(be, {
+        key: 0,
+        class: "setting_contaier",
+        width: I.value,
+        panelTitle: "设置",
+        "click-handle": N,
+        style: { height: "var(--setting-panel-height)" }
+      }, {
+        default: _(() => [
+          l("div", lt, [
+            r(de, null, {
+              default: _(() => [
+                ot,
+                l("div", {
+                  class: "setting-effect",
+                  onClick: o[0] || (o[0] = (t) => D())
+                }, [
+                  V(" 背景颜色 "),
+                  l("div", {
+                    class: "choose-color",
+                    style: O({ background: A.value })
+                  }, null, 4)
+                ]),
+                z.value ? (i(), h("div", nt, [
+                  (i(!0), h(Y, null, Z(n(ge), (t) => (i(), h("div", {
+                    key: t.id,
+                    class: g(["color-item", { "color-item-active": T.value === t.id }]),
+                    onClick: (j) => W(t)
+                  }, [
+                    l("div", {
+                      class: "bg",
+                      style: O({ background: t.color, border: t.id === 4 ? "1px solid #F1F1F1" : "none" })
+                    }, null, 4),
+                    V(" " + K(t.name), 1)
+                  ], 10, it))), 128))
+                ])) : f("", !0),
+                l("div", st, [
+                  V(" 显示边缘 "),
+                  r(w, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value = t),
+                    style: { "--el-switch-on-color": "#0065fc" },
+                    onChange: o[2] || (o[2] = (t) => v())
+                  }, null, 8, ["modelValue"])
+                ]),
+                l("div", at, [
+                  V(" 光源强度 "),
+                  l("div", ct, [
+                    r(se, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": o[3] || (o[3] = (t) => E.value = t),
+                      onInput: o[4] || (o[4] = (t) => e(E.value))
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                dt,
+                l("div", ut, [
+                  V(" 日间/夜间模式 "),
+                  r(w, {
+                    modelValue: G.value,
+                    "onUpdate:modelValue": o[5] || (o[5] = (t) => G.value = t),
+                    style: { "--el-switch-on-color": "#0065fc" }
+                  }, null, 8, ["modelValue"])
+                ]),
+                rt,
+                l("div", vt, [
+                  V(" 透视/正交 "),
+                  r(w, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": o[6] || (o[6] = (t) => k.value = t),
+                    style: { "--el-switch-on-color": "#0065fc" },
+                    onChange: $
+                  }, null, 8, ["modelValue"])
+                ]),
+                l("div", mt, [
+                  V(" 2D/3D "),
+                  r(w, {
+                    modelValue: P.value,
+                    "onUpdate:modelValue": o[7] || (o[7] = (t) => P.value = t),
+                    style: { "--el-switch-on-color": "#0065fc" },
+                    onChange: F
+                  }, null, 8, ["modelValue"])
+                ]),
+                l("div", pt, [
+                  V(" 显示模型空间 "),
+                  r(w, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": o[8] || (o[8] = (t) => b.value = t),
+                    style: { "--el-switch-on-color": "#0065fc" },
+                    onChange: ne
+                  }, null, 8, ["modelValue"])
+                ]),
+                l("div", ht, [
+                  V(" 空间效果 "),
+                  r(ce, {
+                    modelValue: B.value,
+                    "onUpdate:modelValue": o[9] || (o[9] = (t) => B.value = t),
+                    size: "small"
+                  }, {
+                    default: _(() => [
+                      (i(!0), h(Y, null, Z(R.value, (t) => (i(), p(ae, {
+                        key: t,
+                        label: t,
+                        onChange: (j) => ie(t)
+                      }, null, 8, ["label", "onChange"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["width"]));
+    };
+  }
+}), Yt = /* @__PURE__ */ Ue(Dt, [["__scopeId", "data-v-75c26913"]]);
+export {
+  Yt as default
+};