@xtctwins/tctwins-bimx-engine 0.2.54 → 0.3.0

package/dist/ScreenShotTool-XXjP20-m.mjs

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