@xtctwins/tctwins-bimx-engine 0.2.55 → 0.3.1

package/dist/{MouseTool-2Nxz447f.mjs → MouseTool-OxODcO4X.mjs}

@@ -1,35 +1,38 @@
-import { defineComponent as Y, onMounted as x, onBeforeUnmount as A, ref as _, watch as C, createElementBlock as M, openBlock as $, withDirectives as D, createElementVNode as g, normalizeStyle as F, unref as L, vShow as N } from "vue";
-import { B as R, D as s, O as V, V as k } from "./index-DTeJ8S3e.mjs";
-const U = { class: "mouse_tool" }, z = ["src"], P = ["src"], J = /* @__PURE__ */ Y({
+import { defineComponent as Y, onMounted as x, onBeforeUnmount as A, ref as _, watch as C, openBlock as M, createElementBlock as $, withDirectives as D, createElementVNode as p, normalizeStyle as F, unref as V, vShow as N } from "vue";
+import { B as R, D as s, O as L, Q as U, V as k } from "./index-CwRGVhoT.mjs";
+const z = { class: "mouse_tool" }, P = ["src"], Q = ["src"], J = /* @__PURE__ */ Y({
   __name: "MouseTool",
   props: ["componentId"],
   setup(O) {
-    const p = R(), y = O;
+    const y = R(), w = O;
     x(() => {
-      p.setReadyById(y.componentId), document.getElementById("top_bar");
+      y.setReadyById(w.componentId), document.getElementById("top_bar");
     });
     let t;
-    const w = () => {
-      t = window.bimViewer, t.eventTrigger.on("pickedNothing", () => {
-        l.value = !1;
+    const E = () => {
+      t = window.bimViewer, U({
+        event: "pickedNothing",
+        handler: () => {
+          l.value = !1;
+        }
       }), t.viewer.cameraControl.on("touchmoveCanvas", () => {
         o = !1, n = "";
       });
     };
-    s.on("BimViewer", w);
-    const E = () => {
+    s.on("BimViewer", E);
+    const g = () => {
       l.value = !1, o = !1;
-    }, T = () => {
+    }, j = () => {
     };
-    s.on("unFocus", E), s.on("multiSelect", T), A(() => {
-      s.off("BimViewer", w), s.off("unFocus", E);
+    s.on("unFocus", g), s.on("multiSelect", j), A(() => {
+      s.off("BimViewer", E), s.off("unFocus", g);
     });
     const c = _(290), i = _(300), l = _(!1);
     let d = !1, o = !1, r = 0, a = 0, m = 0, v = 0;
     C(
-      () => p.isToolActive(y.componentId),
+      () => y.isToolActive(w.componentId),
       (e) => {
-        e ? j() : (o = !1, d = !1, r = 0, a = 0, m = 0, v = 0, X());
+        e ? T() : (o = !1, d = !1, r = 0, a = 0, m = 0, v = 0, X());
       }
     );
     let n = "";
@@ -50,29 +53,29 @@ const U = { class: "mouse_tool" }, z = ["src"], P = ["src"], J = /* @__PURE__ */
         });
         u ? (o = !0, n !== u.entity.id && (n = u.entity.id, t.setAllObjectsSelected(!1), t.setEntitySelected(u.entity))) : (o = !1, n = "", t.setAllObjectsSelected(!1)), k.entityState.selectedObjectIds.length > 0 && t.setObjectsSelected(k.entityState.selectedObjectIds, !0), r = f, a = b;
       }
-    }, j = () => {
+    }, T = () => {
       const e = document.getElementById("mouseGroup");
       e == null || e.addEventListener("touchstart", S), e == null || e.addEventListener("touchmove", I), e == null || e.addEventListener("click", B), c.value = 290, i.value = 300;
     }, X = () => {
       const e = document.getElementById("mouseGroup");
       e == null || e.removeEventListener("touchstart", S), e == null || e.removeEventListener("touchmove", I), e == null || e.removeEventListener("click", B);
     };
-    return (e, f) => ($(), M("div", U, [
-      D(g("div", {
+    return (e, f) => (M(), $("div", z, [
+      D(p("div", {
         id: "mouseGroup",
         class: "mouse_group",
         style: F({ left: `${c.value}px`, top: `${i.value}px` })
       }, [
-        g("img", {
+        p("img", {
           id: "mouse_icon",
           class: "mouse_icon",
-          src: `${L(V)}/industry-viewer/mouse-icon.svg`
-        }, null, 8, z),
-        g("img", {
+          src: `${V(L)}/industry-viewer/mouse-icon.svg`
+        }, null, 8, P),
+        p("img", {
           id: "mouse_img",
           class: "mouse_img",
-          src: `${L(V)}/industry-viewer/mouse-active-large.svg`
-        }, null, 8, P)
+          src: `${V(L)}/industry-viewer/mouse-active-large.svg`
+        }, null, 8, Q)
       ], 4), [
         [N, !l.value]
       ])

package/dist/{NavigateTool-COsSnxyD.mjs → NavigateTool-Bw6GFzsg.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as b, onMounted as p, ref as w, createElementBlock as n, openBlock as i, createElementVNode as s, Fragment as g, renderList as f, unref as a, normalizeClass as h, toDisplayString as B } from "vue";
-import { A as I, B as N, O as S } from "./index-DTeJ8S3e.mjs";
-import { N as T } from "./const-DOnRsYpZ.mjs";
+import { defineComponent as b, onMounted as p, ref as w, openBlock as n, createElementBlock as i, createElementVNode as s, Fragment as g, renderList as f, unref as a, normalizeClass as h, toDisplayString as B } from "vue";
+import { A as I, B as N, O as S } from "./index-CwRGVhoT.mjs";
+import { N as T } from "./bimTools-D3TraX9d.mjs";
 const k = { class: "best-view-box" }, A = { class: "best-view-list" }, V = ["onClick"], x = { class: "best-view-icon" }, y = ["src"], C = { class: "best-view-name" }, R = /* @__PURE__ */ b({
   __name: "NavigateTool",
   props: ["componentId"],
@@ -26,9 +26,9 @@ const k = { class: "best-view-box" }, A = { class: "best-view-list" }, V = ["onC
         }
       });
     };
-    return (t, E) => (i(), n("div", k, [
+    return (t, E) => (n(), i("div", k, [
       s("div", A, [
-        (i(!0), n(g, null, f(a(T), (e) => (i(), n("div", {
+        (n(!0), i(g, null, f(a(T), (e) => (n(), i("div", {
           key: e.id,
           class: h(["best-view-item", {
             "best-view-item-active": o.value === e.id

package/dist/{panel.vue_vue_type_style_index_0_lang-CN9vybau.mjs → Panel.vue_vue_type_style_index_0_lang-DgM_qGLO.mjs}

@@ -1,8 +1,8 @@
-import { H as r, T as o } from "./index-DTeJ8S3e.mjs";
-import { defineComponent as c, ref as u, onMounted as p, createBlock as m, openBlock as h, unref as l, withCtx as _, createElementVNode as e, normalizeStyle as g, toDisplayString as f, createVNode as w, renderSlot as k } from "vue";
+import { H as r, T as o } from "./index-CwRGVhoT.mjs";
+import { defineComponent as c, ref as u, onMounted as p, openBlock as m, createBlock as h, unref as l, withCtx as _, createElementVNode as e, normalizeStyle as g, toDisplayString as f, createVNode as w, renderSlot as k } from "vue";
 import { ElDialog as v } from "element-plus";
 const y = { class: "panel_top" }, T = { class: "panel_title" }, V = { class: "panel_close" }, S = { class: "panel_content" }, C = /* @__PURE__ */ c({
-  __name: "panel",
+  __name: "Panel",
   props: {
     panelTitle: {
       type: String,
@@ -23,7 +23,7 @@ const y = { class: "panel_top" }, T = { class: "panel_title" }, V = { class: "pa
     return p(() => {
     }), (i, a) => {
       const d = r;
-      return h(), m(l(v), {
+      return m(), h(l(v), {
         class: "panel_dialog",
         modelValue: n.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),

package/dist/{RoamTool-CjRywSYn.mjs → RoamTool-X-b0hsmJ.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as H, ref as u, onMounted as j, onBeforeUnmount as q, watch as z, createElementBlock as h, openBlock as b, createCommentVNode as L, unref as r, createElementVNode as e, toDisplayString as m } from "vue";
-import { B as J, A as K, C as c, M as S, D as M, O as l, P as V, I as Q } from "./index-DTeJ8S3e.mjs";
+import { defineComponent as H, ref as u, onMounted as j, onBeforeUnmount as q, watch as z, openBlock as h, createElementBlock as b, unref as r, createElementVNode as e, toDisplayString as m, createCommentVNode as L } from "vue";
+import { B as J, A as K, C as c, M as S, D as M, O as l, P as V, I as Q } from "./index-CwRGVhoT.mjs";
 const W = { class: "roam_container_wrapper" }, Y = {
   key: 0,
   class: "roam_container"
@@ -150,8 +150,8 @@ const W = { class: "roam_container_wrapper" }, Y = {
         }
       });
     };
-    return (t, o) => (b(), h("div", W, [
-      !r(c)("isMobile") && g.value ? (b(), h("div", Y, [
+    return (t, o) => (h(), b("div", W, [
+      !r(c)("isMobile") && g.value ? (h(), b("div", Y, [
         e("div", Z, m(r(v)("roam.courseTitle")), 1),
         e("img", {
           class: "container_img",
@@ -169,7 +169,7 @@ const W = { class: "roam_container_wrapper" }, Y = {
           }, m(r(v)("roam.gotIt")), 1)
         ])
       ])) : L("", !0),
-      r(c)("isMobile") ? L("", !0) : (b(), h("div", te, [
+      r(c)("isMobile") ? L("", !0) : (h(), b("div", te, [
         e("div", se, [
           e("div", ne, [
             e("div", re, m(r(v)("roam.speedLabel")), 1),
@@ -204,7 +204,7 @@ const W = { class: "roam_container_wrapper" }, Y = {
           ])
         ])
       ])),
-      r(c)("isMobile") ? (b(), h("div", ue, [
+      r(c)("isMobile") ? (h(), b("div", ue, [
         e("div", me, [
           e("div", ce, [
             e("div", ve, [
@@ -281,7 +281,7 @@ const W = { class: "roam_container_wrapper" }, Y = {
       ])) : L("", !0)
     ]));
   }
-}), Oe = /* @__PURE__ */ Q(xe, [["__scopeId", "data-v-566257e2"]]);
+}), Oe = /* @__PURE__ */ Q(xe, [["__scopeId", "data-v-3c440223"]]);
 export {
   Oe as default
 };

package/dist/ScreenShotTool-0xSJZBBw.mjs

@@ -0,0 +1,430 @@
+import { _ as _e } from "./Panel.vue_vue_type_style_index_0_lang-DgM_qGLO.mjs";
+import { a7 as U, l as K, a8 as q, d as G, a9 as Y, b as N, aa as W, ab as he, f as H, n as X, a as Se, ac as Ve, ad as Ee, u as $, ae as Re, af as ke, ag as Be, y as Ce, N as Ie, ah as Pe, ai as J, w as xe, A as we, B as Ne, F as ze } from "./index-CwRGVhoT.mjs";
+import { ref as B, inject as Te, computed as h, defineComponent as z, openBlock as R, createElementBlock as C, normalizeClass as E, unref as e, createElementVNode as y, withDirectives as Q, withModifiers as x, isRef as Z, vModelRadio as ee, renderSlot as A, createTextVNode as w, toDisplayString as I, nextTick as te, normalizeStyle as Le, onMounted as ae, provide as Ue, reactive as $e, toRefs as Ae, watch as oe, Fragment as le, renderList as se, createBlock as ne, resolveDynamicComponent as De, mergeProps as Fe, withCtx as T, createVNode as P, createCommentVNode as Oe } from "vue";
+import { a as L } from "./bimTools-D3TraX9d.mjs";
+const ie = N({
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description size of the Radio
+  */
+  size: W,
+  /**
+  * @description whether Radio is disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description the label of Radio
+  */
+  label: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description the value of Radio
+  */
+  value: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description native `name` attribute
+  */
+  name: {
+    type: String,
+    default: void 0
+  }
+}), Me = N({
+  ...ie,
+  /**
+  * @description whether to add a border around Radio
+  */
+  border: Boolean
+}), re = {
+  [Y]: (o) => K(o) || q(o) || G(o),
+  [U]: (o) => K(o) || q(o) || G(o)
+}, de = Symbol("radioGroupKey"), je = N({ ...ie }), ue = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, Ke = N({
+  /**
+  * @description native `id` attribute
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description the size of radio buttons or bordered radios
+  */
+  size: W,
+  /**
+  * @description whether the nesting radios are disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description border and background color when button is active
+  */
+  fill: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description font color when button is active
+  */
+  textColor: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description native `name` attribute
+  */
+  name: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  options: { type: H(Array) },
+  props: {
+    type: H(Object),
+    default: () => ue
+  },
+  type: {
+    type: String,
+    values: ["radio", "button"],
+    default: "radio"
+  },
+  ...he(["ariaLabel"])
+}), qe = re, ce = (o, S) => {
+  const l = B(), r = Te(de, void 0), s = h(() => !!r), f = h(() => X(o.value) ? o.label : o.value), c = h({
+    get() {
+      return s.value ? r.modelValue : o.modelValue;
+    },
+    set(g) {
+      s.value ? r.changeEvent(g) : S && S("update:modelValue", g), l.value.checked = o.modelValue === f.value;
+    }
+  }), i = Se(h(() => r == null ? void 0 : r.size)), n = Ve(h(() => r == null ? void 0 : r.disabled)), b = B(!1), v = h(() => n.value || s.value && c.value !== f.value ? -1 : 0);
+  return Ee({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-radio",
+    ref: "https://element-plus.org/en-US/component/radio.html"
+  }, h(() => s.value && X(o.value))), {
+    radioRef: l,
+    isGroup: s,
+    radioGroup: r,
+    focus: b,
+    size: i,
+    disabled: n,
+    tabIndex: v,
+    modelValue: c,
+    actualValue: f
+  };
+}, Ge = [
+  "value",
+  "name",
+  "disabled",
+  "checked"
+];
+var He = /* @__PURE__ */ z({
+  name: "ElRadio",
+  __name: "radio",
+  props: Me,
+  emits: re,
+  setup(o, { emit: S }) {
+    const l = o, r = S, s = $("radio"), { radioRef: f, radioGroup: c, focus: i, size: n, disabled: b, modelValue: v, actualValue: g } = ce(l, r);
+    function d() {
+      te(() => r(U, v.value));
+    }
+    return (k, a) => {
+      var t;
+      return R(), C("label", { class: E([
+        e(s).b(),
+        e(s).is("disabled", e(b)),
+        e(s).is("focus", e(i)),
+        e(s).is("bordered", o.border),
+        e(s).is("checked", e(v) === e(g)),
+        e(s).m(e(n))
+      ]) }, [y("span", { class: E([
+        e(s).e("input"),
+        e(s).is("disabled", e(b)),
+        e(s).is("checked", e(v) === e(g))
+      ]) }, [Q(y("input", {
+        ref_key: "radioRef",
+        ref: f,
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => Z(v) ? v.value = m : null),
+        class: E(e(s).e("original")),
+        value: e(g),
+        name: o.name || ((t = e(c)) == null ? void 0 : t.name),
+        disabled: e(b),
+        checked: e(v) === e(g),
+        type: "radio",
+        onFocus: a[1] || (a[1] = (m) => i.value = !0),
+        onBlur: a[2] || (a[2] = (m) => i.value = !1),
+        onChange: d,
+        onClick: a[3] || (a[3] = x(() => {
+        }, ["stop"]))
+      }, null, 42, Ge), [[ee, e(v)]]), y("span", { class: E(e(s).e("inner")) }, null, 2)], 2), y("span", {
+        class: E(e(s).e("label")),
+        onKeydown: a[4] || (a[4] = x(() => {
+        }, ["stop"]))
+      }, [A(k.$slots, "default", {}, () => [w(I(o.label), 1)])], 34)], 2);
+    };
+  }
+}), me = He;
+const Xe = [
+  "value",
+  "name",
+  "disabled"
+];
+var Ye = /* @__PURE__ */ z({
+  name: "ElRadioButton",
+  __name: "radio-button",
+  props: je,
+  setup(o) {
+    const S = o, l = $("radio"), { radioRef: r, focus: s, size: f, disabled: c, modelValue: i, radioGroup: n, actualValue: b } = ce(S), v = h(() => ({
+      backgroundColor: (n == null ? void 0 : n.fill) || "",
+      borderColor: (n == null ? void 0 : n.fill) || "",
+      boxShadow: n != null && n.fill ? `-1px 0 0 0 ${n.fill}` : "",
+      color: (n == null ? void 0 : n.textColor) || ""
+    }));
+    return (g, d) => {
+      var k;
+      return R(), C("label", { class: E([
+        e(l).b("button"),
+        e(l).is("active", e(i) === e(b)),
+        e(l).is("disabled", e(c)),
+        e(l).is("focus", e(s)),
+        e(l).bm("button", e(f))
+      ]) }, [Q(y("input", {
+        ref_key: "radioRef",
+        ref: r,
+        "onUpdate:modelValue": d[0] || (d[0] = (a) => Z(i) ? i.value = a : null),
+        class: E(e(l).be("button", "original-radio")),
+        value: e(b),
+        type: "radio",
+        name: o.name || ((k = e(n)) == null ? void 0 : k.name),
+        disabled: e(c),
+        onFocus: d[1] || (d[1] = (a) => s.value = !0),
+        onBlur: d[2] || (d[2] = (a) => s.value = !1),
+        onClick: d[3] || (d[3] = x(() => {
+        }, ["stop"]))
+      }, null, 42, Xe), [[ee, e(i)]]), y("span", {
+        class: E(e(l).be("button", "inner")),
+        style: Le(e(i) === e(b) ? v.value : {}),
+        onKeydown: d[4] || (d[4] = x(() => {
+        }, ["stop"]))
+      }, [A(g.$slots, "default", {}, () => [w(I(o.label), 1)])], 38)], 2);
+    };
+  }
+}), D = Ye;
+const We = [
+  "id",
+  "aria-label",
+  "aria-labelledby"
+];
+var Je = /* @__PURE__ */ z({
+  name: "ElRadioGroup",
+  __name: "radio-group",
+  props: Ke,
+  emits: qe,
+  setup(o, { emit: S }) {
+    const l = o, r = S, s = $("radio"), f = Re(), c = B(), { formItem: i } = ke(), { inputId: n, isLabeledByFormItem: b } = Be(l, { formItemContext: i }), v = (t) => {
+      r(Y, t), te(() => r(U, t));
+    };
+    ae(() => {
+      const t = c.value.querySelectorAll("[type=radio]"), m = t[0];
+      !Array.from(t).some((u) => u.checked) && m && (m.tabIndex = 0);
+    });
+    const g = h(() => l.name || f.value), d = h(() => ({
+      ...ue,
+      ...l.props
+    })), k = (t) => {
+      const { label: m, value: u, disabled: _ } = d.value, V = {
+        label: t[m],
+        value: t[u],
+        disabled: t[_]
+      };
+      return {
+        ...Pe(t, [
+          m,
+          u,
+          _
+        ]),
+        ...V
+      };
+    }, a = h(() => l.type === "button" ? D : me);
+    return Ue(de, $e({
+      ...Ae(l),
+      changeEvent: v,
+      name: g
+    })), oe(() => l.modelValue, (t, m) => {
+      l.validateEvent && !Ce(t, m) && (i == null || i.validate("change").catch(Ie));
+    }), (t, m) => (R(), C("div", {
+      id: e(n),
+      ref_key: "radioGroupRef",
+      ref: c,
+      class: E(e(s).b("group")),
+      role: "radiogroup",
+      "aria-label": e(b) ? void 0 : o.ariaLabel || "radio-group",
+      "aria-labelledby": e(b) ? e(i).labelId : void 0
+    }, [A(t.$slots, "default", {}, () => [(R(!0), C(le, null, se(o.options, (u, _) => (R(), ne(De(a.value), Fe({ key: _ }, { ref_for: !0 }, k(u)), null, 16))), 128))])], 10, We));
+  }
+}), pe = Je;
+const Qe = xe(me, {
+  RadioButton: D,
+  RadioGroup: pe
+}), Ze = J(pe);
+J(D);
+const et = { class: "wrapper" }, tt = { class: "screen_thumbnail" }, at = ["src"], ot = { class: "validity-period" }, lt = {
+  key: 0,
+  class: "custom"
+}, st = { class: "footer" }, ut = /* @__PURE__ */ z({
+  __name: "ScreenShotTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(o, { emit: S }) {
+    const l = we(), r = Ne(), s = o, f = B(0), c = B(), i = B(), n = B(), b = S;
+    ae(() => {
+      c.value = 1280, i.value = 720, r.setReadyById(s.componentId);
+    }), oe(
+      () => r.isToolActive(s.componentId),
+      (a) => {
+        a && d(220, 124, !1);
+      }
+    );
+    const v = (a) => {
+      f.value = a, a !== 3 && (c.value = L[a].width, i.value = L[a].height);
+    }, g = () => {
+      b("closePanel");
+    }, d = (a, t, m) => {
+      const u = document.getElementById("myCanvas"), _ = document.createElement("a");
+      _.download = "screenshot.png";
+      const V = document.createElement("canvas"), p = V.getContext("2d");
+      if (u && p) {
+        V.width = a, V.height = t;
+        const ve = a / u.width, fe = t / u.height, F = Math.max(ve, fe), O = u.width * F, M = u.height * F, be = (a - O) / 2, ge = (t - M) / 2;
+        p.clearRect(0, 0, a, t), p.fillStyle = "transparent", p.fillRect(0, 0, a, t), p.drawImage(u, 0, 0, u.width, u.height, be, ge, O, M), m ? V.toBlob(function(ye) {
+          const j = URL.createObjectURL(ye);
+          _.href = j, _.click(), URL.revokeObjectURL(j);
+        }) : n.value = V.toDataURL("image/png");
+      }
+    }, k = () => {
+      d(c.value, i.value, !0);
+    };
+    return (a, t) => {
+      const m = Qe, u = Ze, _ = ze, V = _e;
+      return R(), ne(V, {
+        class: "screen_container",
+        width: 240,
+        panelTitle: e(l)("screenshot.title"),
+        "click-handle": g
+      }, {
+        default: T(() => [
+          y("div", et, [
+            y("div", tt, [
+              y("img", {
+                class: "thumbnail_img",
+                src: n.value,
+                alt: ""
+              }, null, 8, at)
+            ]),
+            P(u, {
+              modelValue: f.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (p) => f.value = p),
+              onChange: v
+            }, {
+              default: T(() => [
+                y("div", ot, [
+                  (R(!0), C(le, null, se(e(L), (p) => (R(), C("div", {
+                    key: p.id,
+                    class: "period_box"
+                  }, [
+                    P(m, {
+                      value: p.id
+                    }, {
+                      default: T(() => [
+                        w(I(p.name || e(l)(p.label ?? "")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])
+                  ]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            f.value === 3 ? (R(), C("div", lt, [
+              P(_, {
+                modelValue: c.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (p) => c.value = p),
+                placeholder: e(l)("screenshot.widthPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"]),
+              t[3] || (t[3] = w(" x ", -1)),
+              P(_, {
+                modelValue: i.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (p) => i.value = p),
+                placeholder: e(l)("screenshot.heightPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])
+            ])) : Oe("", !0),
+            y("div", st, [
+              y("div", {
+                class: "btn1",
+                onClick: g
+              }, I(e(l)("common.cancel")), 1),
+              y("div", {
+                class: "btn2",
+                onClick: k
+              }, I(e(l)("common.save")), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["panelTitle"]);
+    };
+  }
+});
+export {
+  ut as default
+};