@xtctwins/tctwins-bimx-engine 0.3.9 → 0.3.11

package/dist/ScreenShotTool-fYVxpPrW.mjs

@@ -0,0 +1,430 @@
+import { _ as _e } from "./panel.vue_vue_type_style_index_0_lang-DOsptET6.mjs";
+import { ab as U, o as K, ac as q, g as G, ad as Y, b as N, ae as J, af as he, j as H, q as X, a as Se, ag as Ve, ah as Ee, u as $, ai as Re, aj as ke, ak as Ce, C as Ie, N as Be, al as Pe, am as W, w as xe, F as we, G as Ne, J as ze } from "./index-BzB8rqmg.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 T, createVNode as P, createCommentVNode as Oe } from "vue";
+import { a as L } from "./const-DOnRsYpZ.mjs";
+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) => K(o) || q(o) || G(o),
+  [U]: (o) => K(o) || q(o) || G(o)
+}, de = Symbol("radioGroupKey"), Me = 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: 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"])
+}), qe = 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: Ke,
+  emits: qe,
+  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" }, ut = /* @__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 = 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, 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: 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), I(le, null, se(e(L), (p) => (R(), I("div", {
+                    key: p.id,
+                    class: "period_box"
+                  }, [
+                    P(m, {
+                      label: p.id
+                    }, {
+                      default: T(() => [
+                        w(B(p.name || e(l)(p.label ?? "")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])
+                  ]))), 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 {
+  ut as default
+};

package/dist/{SectionTool-Dc_qndpy.mjs → SectionTool-Bpk5jewK.mjs}

@@ -1,7 +1,7 @@
-import { _ as me } from "./alert-BE0cXifr.mjs";
-import { F as pe, G as fe, T as j, H as w, I as z, P as d, K as he, Z as ke, L as ge, M as we } from "./index-s9bhlFsR.mjs";
-import { E as be } from "./el-slider-D_kA0TiT.mjs";
-import { _ as ye } from "./panel.vue_vue_type_style_index_0_lang-D0m8xJuR.mjs";
+import { _ as me } from "./alert-DwTFq4bp.mjs";
+import { F as pe, G as fe, T as j, H as w, I as z, P as d, K as he, Z as ke, L as ge, M as we } from "./index-DfRswjrC.mjs";
+import { E as be } from "./el-slider-C9_q447A.mjs";
+import { _ as ye } from "./panel.vue_vue_type_style_index_0_lang-E8w23EhV.mjs";
 import { defineComponent as Se, ref as v, onMounted as Ce, watch as Ve, onBeforeUnmount as xe, openBlock as s, createElementBlock as l, Fragment as B, unref as n, createBlock as Pe, withCtx as E, createElementVNode as o, toDisplayString as u, withDirectives as G, renderList as H, vShow as W, createVNode as m, normalizeClass as Te, withModifiers as Le, createTextVNode as $e } from "vue";
 import { B as ze } from "./const-DOnRsYpZ.mjs";
 const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_title" }, Ie = { class: "section_control_button" }, Ae = ["src"], De = { class: "control_buttons" }, Me = ["onClick"], Oe = { class: "section_panel_cont" }, Ue = {