@xtctwins/tctwins-bimx-engine 0.1.21 → 0.1.22

package/dist/SettingTool-CkR1F4x_.mjs

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