st-comp 0.0.279 → 0.0.280

package/es/el-checkbox-c328b097.js

@@ -0,0 +1,566 @@
+import { K as Le, a as H, s as Y, q as I, b as Se, c as P, m as E, i as F, N as X, C as D, k as Ve, u as U, w as Ee, n as Z } from "./base-dd156b8e.js";
+import { q as Be, u as G, U as O, C as z, l as Ne } from "./el-popper-852446fd.js";
+import { h as ee, p as Oe, g as te, d as M, e as J, f as ae } from "./use-form-item-187cd7db.js";
+import { u as w } from "./index-de9ad85c.js";
+import { inject as L, computed as v, getCurrentInstance as le, watch as ne, nextTick as ue, ref as A, toRaw as Q, defineComponent as T, useSlots as oe, openBlock as y, createBlock as _, resolveDynamicComponent as $, unref as c, normalizeClass as p, withCtx as se, createElementVNode as N, withDirectives as ie, mergeProps as R, isRef as re, withModifiers as de, vModelCheckbox as ce, createElementBlock as B, renderSlot as j, Fragment as ve, createTextVNode as be, toDisplayString as me, createCommentVNode as K, normalizeStyle as Pe, provide as we, toRefs as Ie, renderList as Fe } from "vue";
+import { i as fe } from "./index-47d30a52.js";
+import { c as De, d as ge, t as W, b as ze } from "./index-a181f161.js";
+import { c as Ae, g as _e, e as $e } from "./_baseClone-98af8b33.js";
+function Ke(e, t, a) {
+  var u = -1, l = e.length;
+  t < 0 && (t = -t > l ? 0 : l + t), a = a > l ? l : a, a < 0 && (a += l), l = t > a ? 0 : a - t >>> 0, t >>>= 0;
+  for (var o = Array(l); ++u < l; )
+    o[u] = e[u + t];
+  return o;
+}
+function Ue(e) {
+  var t = e == null ? 0 : e.length;
+  return t ? e[t - 1] : void 0;
+}
+function Me(e, t) {
+  return t.length < 2 ? e : De(e, Ke(t, 0, -1));
+}
+var Te = Object.prototype, Re = Te.hasOwnProperty;
+function je(e, t) {
+  t = ge(t, e);
+  var a = -1, u = t.length;
+  if (!u)
+    return !0;
+  for (; ++a < u; ) {
+    var l = W(t[a]);
+    if (l === "__proto__" && !Re.call(e, "__proto__") || (l === "constructor" || l === "prototype") && a < u - 1)
+      return !1;
+  }
+  var o = Me(e, t);
+  return o == null || delete o[W(Ue(t))];
+}
+function qe(e) {
+  return Le(e) ? void 0 : e;
+}
+var He = 1, Ye = 2, Je = 4, Qe = Be(function(e, t) {
+  var a = {};
+  if (e == null)
+    return a;
+  var u = !1;
+  t = ze(t, function(o) {
+    return o = ge(o, e), u || (u = o.length > 1), o;
+  }), Ae(e, _e(e), a), u && (a = $e(a, He | Ye | Je, qe));
+  for (var l = t.length; l--; )
+    je(a, t[l]);
+  return a;
+});
+const We = Qe, he = {
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [
+      Number,
+      String,
+      Boolean
+    ],
+    default: void 0
+  },
+  /**
+  * @description label of the Checkbox when used inside a `checkbox-group`
+  */
+  label: {
+    type: [
+      String,
+      Boolean,
+      Number,
+      Object
+    ],
+    default: void 0
+  },
+  /**
+  * @description value of the Checkbox when used inside a `checkbox-group`
+  */
+  value: {
+    type: [
+      String,
+      Boolean,
+      Number,
+      Object
+    ],
+    default: void 0
+  },
+  /**
+  * @description Set indeterminate state, only responsible for style control
+  */
+  indeterminate: Boolean,
+  /**
+  * @description whether the Checkbox is disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description if the Checkbox is checked
+  */
+  checked: Boolean,
+  /**
+  * @description native 'name' attribute
+  */
+  name: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description value of the Checkbox if it's checked
+  */
+  trueValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+  * @description value of the Checkbox if it's not checked
+  */
+  falseValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+  * @deprecated use `trueValue` instead
+  * @description value of the Checkbox if it's checked
+  */
+  trueLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+  * @deprecated use `falseValue` instead
+  * @description value of the Checkbox if it's not checked
+  */
+  falseLabel: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+  * @description input id
+  */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+  * @description whether to add a border around Checkbox
+  */
+  border: Boolean,
+  /**
+  * @description size of the Checkbox
+  */
+  size: ee,
+  /**
+  * @description input tabindex
+  */
+  tabindex: [String, Number],
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ariaLabel: String,
+  ...G(["ariaControls"])
+}, xe = {
+  [O]: (e) => H(e) || Y(e) || I(e),
+  change: (e) => H(e) || Y(e) || I(e)
+}, S = Symbol("checkboxGroupContextKey"), Xe = Se({
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: P(Array),
+    default: () => []
+  },
+  /**
+  * @description whether the nesting checkboxes are disabled
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description minimum number of checkbox checked
+  */
+  min: Number,
+  /**
+  * @description maximum number of checkbox checked
+  */
+  max: Number,
+  /**
+  * @description size of checkbox
+  */
+  size: ee,
+  /**
+  * @description border and background color when button is active
+  */
+  fill: String,
+  /**
+  * @description font color when button is active
+  */
+  textColor: String,
+  /**
+  * @description element tag of the checkbox group
+  */
+  tag: {
+    type: String,
+    default: "div"
+  },
+  /**
+  * @description whether to trigger form validation
+  */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  options: { type: P(Array) },
+  props: {
+    type: P(Object),
+    default: () => ke
+  },
+  type: {
+    type: String,
+    values: ["checkbox", "button"],
+    default: "checkbox"
+  },
+  ...G(["ariaLabel"])
+}), Ze = {
+  [O]: (e) => E(e),
+  change: (e) => E(e)
+}, ke = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, Ge = ({ model: e, isChecked: t }) => {
+  const a = L(S, void 0), u = L(Oe, void 0), l = v(() => {
+    var s, b;
+    const o = (s = a == null ? void 0 : a.max) == null ? void 0 : s.value, r = (b = a == null ? void 0 : a.min) == null ? void 0 : b.value;
+    return !F(o) && e.value.length >= o && !t.value || !F(r) && e.value.length <= r && t.value;
+  });
+  return {
+    isDisabled: te(v(() => {
+      var o;
+      return a === void 0 ? (u == null ? void 0 : u.disabled) ?? l.value : ((o = a.disabled) == null ? void 0 : o.value) || l.value;
+    })),
+    isLimitDisabled: l
+  };
+}, et = (e, { model: t, isLimitExceeded: a, hasOwnLabel: u, isDisabled: l, isLabeledByFormItem: o }) => {
+  const r = L(S, void 0), { formItem: s } = M(), { emit: b } = le();
+  function d(n) {
+    return [
+      !0,
+      e.trueValue,
+      e.trueLabel
+    ].includes(n) ? e.trueValue ?? e.trueLabel ?? !0 : e.falseValue ?? e.falseLabel ?? !1;
+  }
+  function f(n, i) {
+    b(z, d(n), i);
+  }
+  function m(n) {
+    if (a.value)
+      return;
+    const i = n.target;
+    b(z, d(i.checked), n);
+  }
+  async function x(n) {
+    a.value || !u.value && !l.value && o.value && (n.composedPath().some((i) => i.tagName === "LABEL") || (t.value = d([
+      !1,
+      e.falseValue,
+      e.falseLabel
+    ].includes(t.value)), await ue(), f(t.value, n)));
+  }
+  const k = v(() => (r == null ? void 0 : r.validateEvent) || e.validateEvent);
+  return ne(() => e.modelValue, () => {
+    k.value && (s == null || s.validate("change").catch(X));
+  }), {
+    handleChange: m,
+    onClickRoot: x
+  };
+}, tt = (e) => {
+  const t = A(!1), { emit: a, vnode: u } = le(), l = L(S, void 0), o = v(() => F(l) === !1), r = A(!1), s = v(() => {
+    const d = u.props ?? {};
+    return "modelValue" in d || "model-value" in d;
+  }), b = v({
+    get() {
+      var d;
+      return o.value ? (d = l == null ? void 0 : l.modelValue) == null ? void 0 : d.value : s.value ? e.modelValue : t.value;
+    },
+    set(d) {
+      var f, m;
+      o.value && E(d) ? (r.value = ((f = l == null ? void 0 : l.max) == null ? void 0 : f.value) !== void 0 && d.length > (l == null ? void 0 : l.max.value) && d.length > b.value.length, r.value === !1 && ((m = l == null ? void 0 : l.changeEvent) == null || m.call(l, d))) : (a(O, d), t.value = d);
+    }
+  });
+  return {
+    model: b,
+    isGroup: o,
+    isLimitExceeded: r
+  };
+}, at = (e, t, { model: a }) => {
+  const u = L(S, void 0), l = A(!1), o = v(() => D(e.value) ? e.label : e.value), r = v(() => {
+    const s = a.value;
+    return I(s) ? s : E(s) ? Ve(o.value) ? s.map(Q).some((b) => fe(b, o.value)) : s.map(Q).includes(o.value) : s != null ? s === e.trueValue || s === e.trueLabel : !!s;
+  });
+  return {
+    checkboxButtonSize: J(v(() => {
+      var s;
+      return (s = u == null ? void 0 : u.size) == null ? void 0 : s.value;
+    }), { prop: !0 }),
+    isChecked: r,
+    isFocused: l,
+    checkboxSize: J(v(() => {
+      var s;
+      return (s = u == null ? void 0 : u.size) == null ? void 0 : s.value;
+    })),
+    hasOwnLabel: v(() => !!t.default || !D(o.value)),
+    actualValue: o
+  };
+}, Ce = (e, t) => {
+  const { formItem: a } = M(), { model: u, isGroup: l, isLimitExceeded: o } = tt(e), { isFocused: r, isChecked: s, checkboxButtonSize: b, checkboxSize: d, hasOwnLabel: f, actualValue: m } = at(e, t, { model: u }), { isDisabled: x } = Ge({
+    model: u,
+    isChecked: s
+  }), { inputId: k, isLabeledByFormItem: n } = ae(e, {
+    formItemContext: a,
+    disableIdGeneration: f,
+    disableIdManagement: l
+  }), { handleChange: i, onClickRoot: g } = et(e, {
+    model: u,
+    isLimitExceeded: o,
+    hasOwnLabel: f,
+    isDisabled: x,
+    isLabeledByFormItem: n
+  });
+  return (() => {
+    function h() {
+      E(u.value) && !u.value.includes(m.value) ? u.value.push(m.value) : u.value = e.trueValue ?? e.trueLabel ?? !0;
+    }
+    e.checked && h();
+  })(), 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(() => l.value && D(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: k,
+    isLabeledByFormItem: n,
+    isChecked: s,
+    isDisabled: x,
+    isFocused: r,
+    checkboxButtonSize: b,
+    checkboxSize: d,
+    hasOwnLabel: f,
+    model: u,
+    actualValue: m,
+    handleChange: i,
+    onClickRoot: g
+  };
+}, lt = [
+  "id",
+  "indeterminate",
+  "name",
+  "tabindex",
+  "disabled"
+];
+var nt = /* @__PURE__ */ T({
+  name: "ElCheckbox",
+  __name: "checkbox",
+  props: he,
+  emits: xe,
+  setup(e) {
+    const t = e, { inputId: a, isLabeledByFormItem: u, isChecked: l, isDisabled: o, isFocused: r, checkboxSize: s, hasOwnLabel: b, model: d, actualValue: f, handleChange: m, onClickRoot: x } = Ce(t, oe()), k = v(() => t.trueValue || t.falseValue || t.trueLabel || t.falseLabel ? {
+      "true-value": t.trueValue ?? t.trueLabel ?? !0,
+      "false-value": t.falseValue ?? t.falseLabel ?? !1
+    } : { value: f.value }), n = U("checkbox"), i = v(() => [
+      n.b(),
+      n.m(s.value),
+      n.is("disabled", o.value),
+      n.is("bordered", t.border),
+      n.is("checked", l.value)
+    ]), g = v(() => [
+      n.e("input"),
+      n.is("disabled", o.value),
+      n.is("checked", l.value),
+      n.is("indeterminate", t.indeterminate),
+      n.is("focus", r.value)
+    ]);
+    return (C, h) => (y(), _($(!c(b) && c(u) ? "span" : "label"), {
+      for: !c(b) && c(u) ? null : c(a),
+      class: p(i.value),
+      "aria-controls": e.indeterminate ? e.ariaControls : null,
+      "aria-checked": e.indeterminate ? "mixed" : void 0,
+      "aria-label": e.ariaLabel,
+      onClick: c(x)
+    }, {
+      default: se(() => [N("span", { class: p(g.value) }, [ie(N("input", R({
+        id: c(a),
+        "onUpdate:modelValue": h[0] || (h[0] = (V) => re(d) ? d.value = V : null),
+        class: c(n).e("original"),
+        type: "checkbox",
+        indeterminate: e.indeterminate,
+        name: e.name,
+        tabindex: e.tabindex,
+        disabled: c(o)
+      }, k.value, {
+        onChange: h[1] || (h[1] = (...V) => c(m) && c(m)(...V)),
+        onFocus: h[2] || (h[2] = (V) => r.value = !0),
+        onBlur: h[3] || (h[3] = (V) => r.value = !1),
+        onClick: h[4] || (h[4] = de(() => {
+        }, ["stop"]))
+      }), null, 16, lt), [[ce, c(d)]]), N("span", { class: p(c(n).e("inner")) }, null, 2)], 2), c(b) ? (y(), B("span", {
+        key: 0,
+        class: p(c(n).e("label"))
+      }, [j(C.$slots, "default"), C.$slots.default ? K("v-if", !0) : (y(), B(ve, { key: 0 }, [be(me(e.label), 1)], 64))], 2)) : K("v-if", !0)]),
+      _: 3
+    }, 8, [
+      "for",
+      "class",
+      "aria-controls",
+      "aria-checked",
+      "aria-label",
+      "onClick"
+    ]));
+  }
+}), ye = nt;
+const ut = [
+  "name",
+  "tabindex",
+  "disabled"
+];
+var ot = /* @__PURE__ */ T({
+  name: "ElCheckboxButton",
+  __name: "checkbox-button",
+  props: he,
+  emits: xe,
+  setup(e) {
+    const t = e, { isFocused: a, isChecked: u, isDisabled: l, checkboxButtonSize: o, model: r, actualValue: s, handleChange: b } = Ce(t, oe()), d = v(() => t.trueValue || t.falseValue || t.trueLabel || t.falseLabel ? {
+      "true-value": t.trueValue ?? t.trueLabel ?? !0,
+      "false-value": t.falseValue ?? t.falseLabel ?? !1
+    } : { value: s.value }), f = L(S, void 0), m = U("checkbox"), x = v(() => {
+      var i, g;
+      const n = ((i = f == null ? void 0 : f.fill) == null ? void 0 : i.value) ?? "";
+      return {
+        backgroundColor: n,
+        borderColor: n,
+        color: ((g = f == null ? void 0 : f.textColor) == null ? void 0 : g.value) ?? "",
+        boxShadow: n ? `-1px 0 0 0 ${n}` : void 0
+      };
+    }), k = v(() => [
+      m.b("button"),
+      m.bm("button", o.value),
+      m.is("disabled", l.value),
+      m.is("checked", u.value),
+      m.is("focus", a.value)
+    ]);
+    return (n, i) => (y(), B("label", { class: p(k.value) }, [ie(N("input", R({
+      "onUpdate:modelValue": i[0] || (i[0] = (g) => re(r) ? r.value = g : null),
+      class: c(m).be("button", "original"),
+      type: "checkbox",
+      name: e.name,
+      tabindex: e.tabindex,
+      disabled: c(l)
+    }, d.value, {
+      onChange: i[1] || (i[1] = (...g) => c(b) && c(b)(...g)),
+      onFocus: i[2] || (i[2] = (g) => a.value = !0),
+      onBlur: i[3] || (i[3] = (g) => a.value = !1),
+      onClick: i[4] || (i[4] = de(() => {
+      }, ["stop"]))
+    }), null, 16, ut), [[ce, c(r)]]), n.$slots.default || e.label ? (y(), B("span", {
+      key: 0,
+      class: p(c(m).be("button", "inner")),
+      style: Pe(c(u) ? x.value : void 0)
+    }, [j(n.$slots, "default", {}, () => [be(me(e.label), 1)])], 6)) : K("v-if", !0)], 2));
+  }
+}), q = ot, st = /* @__PURE__ */ T({
+  name: "ElCheckboxGroup",
+  __name: "checkbox-group",
+  props: Xe,
+  emits: Ze,
+  setup(e, { emit: t }) {
+    const a = e, u = t, l = U("checkbox"), o = te(), { formItem: r } = M(), { inputId: s, isLabeledByFormItem: b } = ae(a, { formItemContext: r }), d = async (n) => {
+      u(O, n), await ue(), u(z, n);
+    }, f = v({
+      get() {
+        return a.modelValue;
+      },
+      set(n) {
+        d(n);
+      }
+    }), m = v(() => ({
+      ...ke,
+      ...a.props
+    })), x = (n) => {
+      const { label: i, value: g, disabled: C } = m.value, h = {
+        label: n[i],
+        value: n[g],
+        disabled: n[C]
+      };
+      return {
+        ...We(n, [
+          i,
+          g,
+          C
+        ]),
+        ...h
+      };
+    }, k = v(() => a.type === "button" ? q : ye);
+    return we(S, {
+      ...Ne(Ie(a), [
+        "size",
+        "min",
+        "max",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      disabled: o,
+      modelValue: f,
+      changeEvent: d
+    }), ne(() => a.modelValue, (n, i) => {
+      a.validateEvent && !fe(n, i) && (r == null || r.validate("change").catch(X));
+    }), (n, i) => {
+      var g;
+      return y(), _($(e.tag), {
+        id: c(s),
+        class: p(c(l).b("group")),
+        role: "group",
+        "aria-label": c(b) ? void 0 : e.ariaLabel || "checkbox-group",
+        "aria-labelledby": c(b) ? (g = c(r)) == null ? void 0 : g.labelId : void 0
+      }, {
+        default: se(() => [j(n.$slots, "default", {}, () => [(y(!0), B(ve, null, Fe(e.options, (C, h) => (y(), _($(k.value), R({ key: h }, { ref_for: !0 }, x(C)), null, 16))), 128))])]),
+        _: 3
+      }, 8, [
+        "id",
+        "class",
+        "aria-label",
+        "aria-labelledby"
+      ]);
+    };
+  }
+}), pe = st;
+const gt = Ee(ye, {
+  CheckboxButton: q,
+  CheckboxGroup: pe
+});
+Z(q);
+const ht = Z(pe);
+export {
+  gt as E,
+  ht as a,
+  We as o
+};