@xtctwins/tctwins-industry-engine 0.0.1

package/dist/el-checkbox-DeNYO9VE.mjs

@@ -0,0 +1,460 @@
+import { inject as F, computed as v, getCurrentInstance as Z, watch as ee, nextTick as le, ref as U, toRaw as H, defineComponent as E, useSlots as ne, openBlock as x, createBlock as ae, resolveDynamicComponent as ue, unref as a, normalizeClass as C, withCtx as te, createElementVNode as J, withDirectives as N, createElementBlock as S, isRef as $, withModifiers as z, vModelCheckbox as D, renderSlot as R, Fragment as pe, createTextVNode as oe, toDisplayString as se, createCommentVNode as P, normalizeStyle as ge, provide as Ce, toRefs as xe } from "vue";
+import { H as ie, M as de, U as G, d as Q, F as X, i as T, b as M, K as Ve, P as A, j as re, a as I, f as O, e as ye, aq as Se, J as Y, Q as ce, L as w, u as K, _ as j, D as Le, W as Be, ar as Ee, w as _e, R as be } from "./index-CBO0Vhj8.mjs";
+const fe = {
+  modelValue: {
+    type: [Number, String, Boolean],
+    default: void 0
+  },
+  label: {
+    type: [String, Boolean, Number, Object],
+    default: void 0
+  },
+  value: {
+    type: [String, Boolean, Number, Object],
+    default: void 0
+  },
+  indeterminate: Boolean,
+  disabled: Boolean,
+  checked: Boolean,
+  name: {
+    type: String,
+    default: void 0
+  },
+  trueValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  falseValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  trueLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  falseLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  id: {
+    type: String,
+    default: void 0
+  },
+  border: Boolean,
+  size: ie,
+  tabindex: [String, Number],
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ...de(["ariaControls"])
+}, me = {
+  [G]: (e) => Q(e) || X(e) || T(e),
+  change: (e) => Q(e) || X(e) || T(e)
+}, _ = Symbol("checkboxGroupContextKey"), Ie = ({
+  model: e,
+  isChecked: r
+}) => {
+  const i = F(_, void 0), n = v(() => {
+    var d, c;
+    const u = (d = i == null ? void 0 : i.max) == null ? void 0 : d.value, f = (c = i == null ? void 0 : i.min) == null ? void 0 : c.value;
+    return !M(u) && e.value.length >= u && !r.value || !M(f) && e.value.length <= f && r.value;
+  });
+  return {
+    isDisabled: Ve(v(() => (i == null ? void 0 : i.disabled.value) || n.value)),
+    isLimitDisabled: n
+  };
+}, Fe = (e, {
+  model: r,
+  isLimitExceeded: i,
+  hasOwnLabel: n,
+  isDisabled: b,
+  isLabeledByFormItem: d
+}) => {
+  const c = F(_, void 0), { formItem: u } = A(), { emit: f } = Z();
+  function s(l) {
+    var h, k, o, p;
+    return [!0, e.trueValue, e.trueLabel].includes(l) ? (k = (h = e.trueValue) != null ? h : e.trueLabel) != null ? k : !0 : (p = (o = e.falseValue) != null ? o : e.falseLabel) != null ? p : !1;
+  }
+  function t(l, h) {
+    f("change", s(l), h);
+  }
+  function m(l) {
+    if (i.value)
+      return;
+    const h = l.target;
+    f("change", s(h.checked), l);
+  }
+  async function V(l) {
+    i.value || !n.value && !b.value && d.value && (l.composedPath().some((o) => o.tagName === "LABEL") || (r.value = s([!1, e.falseValue, e.falseLabel].includes(r.value)), await le(), t(r.value, l)));
+  }
+  const L = v(() => (c == null ? void 0 : c.validateEvent) || e.validateEvent);
+  return ee(() => e.modelValue, () => {
+    L.value && (u == null || u.validate("change").catch((l) => re(l)));
+  }), {
+    handleChange: m,
+    onClickRoot: V
+  };
+}, Ne = (e) => {
+  const r = U(!1), { emit: i } = Z(), n = F(_, void 0), b = v(() => M(n) === !1), d = U(!1), c = v({
+    get() {
+      var u, f;
+      return b.value ? (u = n == null ? void 0 : n.modelValue) == null ? void 0 : u.value : (f = e.modelValue) != null ? f : r.value;
+    },
+    set(u) {
+      var f, s;
+      b.value && I(u) ? (d.value = ((f = n == null ? void 0 : n.max) == null ? void 0 : f.value) !== void 0 && u.length > (n == null ? void 0 : n.max.value) && u.length > c.value.length, d.value === !1 && ((s = n == null ? void 0 : n.changeEvent) == null || s.call(n, u))) : (i(G, u), r.value = u);
+    }
+  });
+  return {
+    model: c,
+    isGroup: b,
+    isLimitExceeded: d
+  };
+}, $e = (e, r, { model: i }) => {
+  const n = F(_, void 0), b = U(!1), d = v(() => O(e.value) ? e.label : e.value), c = v(() => {
+    const t = i.value;
+    return T(t) ? t : I(t) ? ye(d.value) ? t.map(H).some((m) => Se(m, d.value)) : t.map(H).includes(d.value) : t != null ? t === e.trueValue || t === e.trueLabel : !!t;
+  }), u = Y(v(() => {
+    var t;
+    return (t = n == null ? void 0 : n.size) == null ? void 0 : t.value;
+  }), {
+    prop: !0
+  }), f = Y(v(() => {
+    var t;
+    return (t = n == null ? void 0 : n.size) == null ? void 0 : t.value;
+  })), s = v(() => !!r.default || !O(d.value));
+  return {
+    checkboxButtonSize: u,
+    isChecked: c,
+    isFocused: b,
+    checkboxSize: f,
+    hasOwnLabel: s,
+    actualValue: d
+  };
+}, ve = (e, r) => {
+  const { formItem: i } = A(), { model: n, isGroup: b, isLimitExceeded: d } = Ne(e), {
+    isFocused: c,
+    isChecked: u,
+    checkboxButtonSize: f,
+    checkboxSize: s,
+    hasOwnLabel: t,
+    actualValue: m
+  } = $e(e, r, { model: n }), { isDisabled: V } = Ie({ model: n, isChecked: u }), { inputId: L, isLabeledByFormItem: l } = ce(e, {
+    formItemContext: i,
+    disableIdGeneration: t,
+    disableIdManagement: b
+  }), { handleChange: h, onClickRoot: k } = Fe(e, {
+    model: n,
+    isLimitExceeded: d,
+    hasOwnLabel: t,
+    isDisabled: V,
+    isLabeledByFormItem: l
+  });
+  return (() => {
+    function p() {
+      var y, g;
+      I(n.value) && !n.value.includes(m.value) ? n.value.push(m.value) : n.value = (g = (y = e.trueValue) != null ? y : e.trueLabel) != null ? g : !0;
+    }
+    e.checked && p();
+  })(), w({
+    from: "label act as value",
+    replacement: "value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, v(() => b.value && O(e.value))), w({
+    from: "true-label",
+    replacement: "true-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, v(() => !!e.trueLabel)), w({
+    from: "false-label",
+    replacement: "false-value",
+    version: "3.0.0",
+    scope: "el-checkbox",
+    ref: "https://element-plus.org/en-US/component/checkbox.html"
+  }, v(() => !!e.falseLabel)), {
+    inputId: L,
+    isLabeledByFormItem: l,
+    isChecked: u,
+    isDisabled: V,
+    isFocused: c,
+    checkboxButtonSize: f,
+    checkboxSize: s,
+    hasOwnLabel: t,
+    model: n,
+    actualValue: m,
+    handleChange: h,
+    onClickRoot: k
+  };
+}, ze = E({
+  name: "ElCheckbox"
+}), De = /* @__PURE__ */ E({
+  ...ze,
+  props: fe,
+  emits: me,
+  setup(e) {
+    const r = e, i = ne(), {
+      inputId: n,
+      isLabeledByFormItem: b,
+      isChecked: d,
+      isDisabled: c,
+      isFocused: u,
+      checkboxSize: f,
+      hasOwnLabel: s,
+      model: t,
+      actualValue: m,
+      handleChange: V,
+      onClickRoot: L
+    } = ve(r, i), l = K("checkbox"), h = v(() => [
+      l.b(),
+      l.m(f.value),
+      l.is("disabled", c.value),
+      l.is("bordered", r.border),
+      l.is("checked", d.value)
+    ]), k = v(() => [
+      l.e("input"),
+      l.is("disabled", c.value),
+      l.is("checked", d.value),
+      l.is("indeterminate", r.indeterminate),
+      l.is("focus", u.value)
+    ]);
+    return (o, p) => (x(), ae(ue(!a(s) && a(b) ? "span" : "label"), {
+      class: C(a(h)),
+      "aria-controls": o.indeterminate ? o.ariaControls : null,
+      onClick: a(L)
+    }, {
+      default: te(() => {
+        var y, g, q, W;
+        return [
+          J("span", {
+            class: C(a(k))
+          }, [
+            o.trueValue || o.falseValue || o.trueLabel || o.falseLabel ? N((x(), S("input", {
+              key: 0,
+              id: a(n),
+              "onUpdate:modelValue": (B) => $(t) ? t.value = B : null,
+              class: C(a(l).e("original")),
+              type: "checkbox",
+              indeterminate: o.indeterminate,
+              name: o.name,
+              tabindex: o.tabindex,
+              disabled: a(c),
+              "true-value": (g = (y = o.trueValue) != null ? y : o.trueLabel) != null ? g : !0,
+              "false-value": (W = (q = o.falseValue) != null ? q : o.falseLabel) != null ? W : !1,
+              onChange: a(V),
+              onFocus: (B) => u.value = !0,
+              onBlur: (B) => u.value = !1,
+              onClick: z(() => {
+              }, ["stop"])
+            }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+              [D, a(t)]
+            ]) : N((x(), S("input", {
+              key: 1,
+              id: a(n),
+              "onUpdate:modelValue": (B) => $(t) ? t.value = B : null,
+              class: C(a(l).e("original")),
+              type: "checkbox",
+              indeterminate: o.indeterminate,
+              disabled: a(c),
+              value: a(m),
+              name: o.name,
+              tabindex: o.tabindex,
+              onChange: a(V),
+              onFocus: (B) => u.value = !0,
+              onBlur: (B) => u.value = !1,
+              onClick: z(() => {
+              }, ["stop"])
+            }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
+              [D, a(t)]
+            ]),
+            J("span", {
+              class: C(a(l).e("inner"))
+            }, null, 2)
+          ], 2),
+          a(s) ? (x(), S("span", {
+            key: 0,
+            class: C(a(l).e("label"))
+          }, [
+            R(o.$slots, "default"),
+            o.$slots.default ? P("v-if", !0) : (x(), S(pe, { key: 0 }, [
+              oe(se(o.label), 1)
+            ], 64))
+          ], 2)) : P("v-if", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "aria-controls", "onClick"]));
+  }
+});
+var Ge = /* @__PURE__ */ j(De, [["__file", "checkbox.vue"]]);
+const we = E({
+  name: "ElCheckboxButton"
+}), Ue = /* @__PURE__ */ E({
+  ...we,
+  props: fe,
+  emits: me,
+  setup(e) {
+    const r = e, i = ne(), {
+      isFocused: n,
+      isChecked: b,
+      isDisabled: d,
+      checkboxButtonSize: c,
+      model: u,
+      actualValue: f,
+      handleChange: s
+    } = ve(r, i), t = F(_, void 0), m = K("checkbox"), V = v(() => {
+      var l, h, k, o;
+      const p = (h = (l = t == null ? void 0 : t.fill) == null ? void 0 : l.value) != null ? h : "";
+      return {
+        backgroundColor: p,
+        borderColor: p,
+        color: (o = (k = t == null ? void 0 : t.textColor) == null ? void 0 : k.value) != null ? o : "",
+        boxShadow: p ? `-1px 0 0 0 ${p}` : void 0
+      };
+    }), L = v(() => [
+      m.b("button"),
+      m.bm("button", c.value),
+      m.is("disabled", d.value),
+      m.is("checked", b.value),
+      m.is("focus", n.value)
+    ]);
+    return (l, h) => {
+      var k, o, p, y;
+      return x(), S("label", {
+        class: C(a(L))
+      }, [
+        l.trueValue || l.falseValue || l.trueLabel || l.falseLabel ? N((x(), S("input", {
+          key: 0,
+          "onUpdate:modelValue": (g) => $(u) ? u.value = g : null,
+          class: C(a(m).be("button", "original")),
+          type: "checkbox",
+          name: l.name,
+          tabindex: l.tabindex,
+          disabled: a(d),
+          "true-value": (o = (k = l.trueValue) != null ? k : l.trueLabel) != null ? o : !0,
+          "false-value": (y = (p = l.falseValue) != null ? p : l.falseLabel) != null ? y : !1,
+          onChange: a(s),
+          onFocus: (g) => n.value = !0,
+          onBlur: (g) => n.value = !1,
+          onClick: z(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [D, a(u)]
+        ]) : N((x(), S("input", {
+          key: 1,
+          "onUpdate:modelValue": (g) => $(u) ? u.value = g : null,
+          class: C(a(m).be("button", "original")),
+          type: "checkbox",
+          name: l.name,
+          tabindex: l.tabindex,
+          disabled: a(d),
+          value: a(f),
+          onChange: a(s),
+          onFocus: (g) => n.value = !0,
+          onBlur: (g) => n.value = !1,
+          onClick: z(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [D, a(u)]
+        ]),
+        l.$slots.default || l.label ? (x(), S("span", {
+          key: 2,
+          class: C(a(m).be("button", "inner")),
+          style: ge(a(b) ? a(V) : void 0)
+        }, [
+          R(l.$slots, "default", {}, () => [
+            oe(se(l.label), 1)
+          ])
+        ], 6)) : P("v-if", !0)
+      ], 2);
+    };
+  }
+});
+var he = /* @__PURE__ */ j(Ue, [["__file", "checkbox-button.vue"]]);
+const Pe = Le({
+  modelValue: {
+    type: Be(Array),
+    default: () => []
+  },
+  disabled: Boolean,
+  min: Number,
+  max: Number,
+  size: ie,
+  fill: String,
+  textColor: String,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ...de(["ariaLabel"])
+}), Te = {
+  [G]: (e) => I(e),
+  change: (e) => I(e)
+}, Me = E({
+  name: "ElCheckboxGroup"
+}), Oe = /* @__PURE__ */ E({
+  ...Me,
+  props: Pe,
+  emits: Te,
+  setup(e, { emit: r }) {
+    const i = e, n = K("checkbox"), { formItem: b } = A(), { inputId: d, isLabeledByFormItem: c } = ce(i, {
+      formItemContext: b
+    }), u = async (s) => {
+      r(G, s), await le(), r("change", s);
+    }, f = v({
+      get() {
+        return i.modelValue;
+      },
+      set(s) {
+        u(s);
+      }
+    });
+    return Ce(_, {
+      ...Ee(xe(i), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue: f,
+      changeEvent: u
+    }), ee(() => i.modelValue, () => {
+      i.validateEvent && (b == null || b.validate("change").catch((s) => re(s)));
+    }), (s, t) => {
+      var m;
+      return x(), ae(ue(s.tag), {
+        id: a(d),
+        class: C(a(n).b("group")),
+        role: "group",
+        "aria-label": a(c) ? void 0 : s.ariaLabel || "checkbox-group",
+        "aria-labelledby": a(c) ? (m = a(b)) == null ? void 0 : m.labelId : void 0
+      }, {
+        default: te(() => [
+          R(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+    };
+  }
+});
+var ke = /* @__PURE__ */ j(Oe, [["__file", "checkbox-group.vue"]]);
+const Ke = _e(Ge, {
+  CheckboxButton: he,
+  CheckboxGroup: ke
+});
+be(he);
+const je = be(ke);
+export {
+  Ke as E,
+  je as a
+};