@xtctwins/tctwins-bimx-engine 0.2.0 → 0.2.2

package/dist/SettingTool-Cxfwu47P.mjs

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