@xtctwins/tctwins-bimx-engine 0.3.21 → 0.3.22

package/dist/ScreenShotTool-_TQ3T0xw.mjs

@@ -0,0 +1,429 @@
+import { _ as _e } from "./panel.vue_vue_type_style_index_0_lang-BG2LZoNF.mjs";
+import { am as U, o as q, an as K, g as G, ao as Y, b as N, ap as J, aq as he, j as H, q as X, a as Se, ar as Ve, as as Ee, u as $, at as Re, au as ke, av as Ce, C as Ie, N as Be, aw as Pe, ax as W, w as xe, F as we, G as Ne, ay as T, J as ze } from "./index-D7FcGpin.mjs";
+import { ref as C, inject as Te, computed as h, defineComponent as z, openBlock as R, createElementBlock as I, normalizeClass as E, unref as e, createElementVNode as y, withDirectives as Q, withModifiers as x, isRef as Z, vModelRadio as ee, renderSlot as D, createTextVNode as w, toDisplayString as B, nextTick as te, normalizeStyle as Le, onMounted as ae, provide as Ue, reactive as $e, toRefs as De, watch as oe, Fragment as le, renderList as se, createBlock as ne, resolveDynamicComponent as Fe, mergeProps as Ae, withCtx as L, createVNode as P, createCommentVNode as Oe } from "vue";
+const ie = N({
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      String,
+      Number,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description size of the Radio
+  */
+  size: J,
+  /**
+  * @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
+  }
+}), je = N({
+  ...ie,
+  /**
+  * @description whether to add a border around Radio
+  */
+  border: Boolean
+}), re = {
+  [Y]: (o) => q(o) || K(o) || G(o),
+  [U]: (o) => q(o) || K(o) || G(o)
+}, de = Symbol("radioGroupKey"), Me = N({ ...ie }), ue = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, qe = N({
+  /**
+  * @description native `id` attribute
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description the size of radio buttons or bordered radios
+  */
+  size: J,
+  /**
+  * @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"])
+}), Ke = re, ce = (o, S) => {
+  const l = C(), 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 = C(!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: je,
+  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(), I("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"]))
+      }, [D(k.$slots, "default", {}, () => [w(B(o.label), 1)])], 34)], 2);
+    };
+  }
+}), me = He;
+const Xe = [
+  "value",
+  "name",
+  "disabled"
+];
+var Ye = /* @__PURE__ */ z({
+  name: "ElRadioButton",
+  __name: "radio-button",
+  props: Me,
+  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(), I("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"]))
+      }, [D(g.$slots, "default", {}, () => [w(B(o.label), 1)])], 38)], 2);
+    };
+  }
+}), F = Ye;
+const Je = [
+  "id",
+  "aria-label",
+  "aria-labelledby"
+];
+var We = /* @__PURE__ */ z({
+  name: "ElRadioGroup",
+  __name: "radio-group",
+  props: qe,
+  emits: Ke,
+  setup(o, { emit: S }) {
+    const l = o, r = S, s = $("radio"), f = Re(), c = C(), { formItem: i } = ke(), { inputId: n, isLabeledByFormItem: b } = Ce(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" ? F : me);
+    return Ue(de, $e({
+      ...De(l),
+      changeEvent: v,
+      name: g
+    })), oe(() => l.modelValue, (t, m) => {
+      l.validateEvent && !Ie(t, m) && (i == null || i.validate("change").catch(Be));
+    }), (t, m) => (R(), I("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
+    }, [D(t.$slots, "default", {}, () => [(R(!0), I(le, null, se(o.options, (u, _) => (R(), ne(Fe(a.value), Ae({ key: _ }, { ref_for: !0 }, k(u)), null, 16))), 128))])], 10, Je));
+  }
+}), pe = We;
+const Qe = xe(me, {
+  RadioButton: F,
+  RadioGroup: pe
+}), Ze = W(pe);
+W(F);
+const et = { class: "wrapper" }, tt = { class: "screen_thumbnail" }, at = ["src"], ot = { class: "validity-period" }, lt = {
+  key: 0,
+  class: "custom"
+}, st = { class: "footer" }, dt = /* @__PURE__ */ z({
+  __name: "ScreenShotTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(o, { emit: S }) {
+    const l = we(), r = Ne(), s = o, f = C(0), c = C(), i = C(), n = C(), 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 = T[a].width, i.value = T[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, A = Math.max(ve, fe), O = u.width * A, j = u.height * A, be = (a - O) / 2, ge = (t - j) / 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, j), m ? V.toBlob(function(ye) {
+          const M = URL.createObjectURL(ye);
+          _.href = M, _.click(), URL.revokeObjectURL(M);
+        }) : 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: L(() => [
+          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: L(() => [
+                y("div", ot, [
+                  (R(!0), I(le, null, se(e(T), (p) => (R(), I("div", {
+                    key: p.id,
+                    class: "period_box"
+                  }, [
+                    P(m, {
+                      value: p.id
+                    }, {
+                      default: L(() => [
+                        w(B(p.name || e(l)(p.label ?? "")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])
+                  ]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            f.value === 3 ? (R(), I("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
+              }, B(e(l)("common.cancel")), 1),
+              y("div", {
+                class: "btn2",
+                onClick: k
+              }, B(e(l)("common.save")), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["panelTitle"]);
+    };
+  }
+});
+export {
+  dt as default
+};