@dazhicheng/ui 1.0.7 → 1.1.0

package/dist/index-COVG9Wvh.js

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