@dazhicheng/ui 1.0.7 → 1.1.1

package/dist/index-DE2yohHu.js

@@ -0,0 +1,78 @@
+import { e as a, m as c, d as u, b as l, a as p, w as f } from "./use-form-common-props-CiRVSa0R.js";
+import { defineComponent as m, computed as d, createElementBlock as g, openBlock as y, mergeProps as b, unref as S, renderSlot as h } from "vue";
+import { g as E, k as w, d as C } from "./index-DxTPuBYV.js";
+import { isClient as P } from "@vueuse/core";
+const _ = "utils/dom/style", A = (t, s) => {
+  if (!t || !s) return !1;
+  if (s.includes(" ")) throw new Error("className should not contain space.");
+  return t.classList.contains(s);
+}, F = (t, s) => {
+  var o;
+  if (!P || !t || !s) return "";
+  let e = w(s);
+  e === "float" && (e = "cssFloat");
+  try {
+    const r = t.style[e];
+    if (r) return r;
+    const n = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
+    return n ? n[e] : "";
+  } catch {
+    return t.style[e];
+  }
+};
+function k(t, s = "px") {
+  if (!t && t !== 0) return "";
+  if (a(t) || c(t))
+    return `${t}${s}`;
+  if (E(t))
+    return t;
+  u(_, "binding value must be a string or number");
+}
+const z = l({
+  /**
+   * @description SVG icon size, size x size
+   */
+  size: {
+    type: p([Number, String])
+  },
+  /**
+   * @description SVG tag's fill attribute
+   */
+  color: {
+    type: String
+  }
+});
+var N = /* @__PURE__ */ m({
+  name: "ElIcon",
+  inheritAttrs: !1,
+  __name: "icon",
+  props: z,
+  setup(t) {
+    const s = t, o = C("icon"), e = d(() => {
+      const { size: r, color: n } = s, i = k(r);
+      return !i && !n ? {} : {
+        fontSize: i,
+        "--color": n
+      };
+    });
+    return (r, n) => (y(), g(
+      "i",
+      b({
+        class: S(o).b(),
+        style: e.value
+      }, r.$attrs),
+      [
+        h(r.$slots, "default")
+      ],
+      16
+      /* FULL_PROPS */
+    ));
+  }
+});
+const L = f(N);
+export {
+  L as E,
+  k as a,
+  F as g,
+  A as h
+};

package/dist/index-DM7o1Y9_.js

@@ -0,0 +1,27 @@
+import { i as c } from "./index-DxTPuBYV.js";
+const m = 100, E = 600, s = "_RepeatClick", p = {
+  beforeMount(t, n) {
+    const e = n.value, { interval: d = m, delay: l = E } = c(
+      e
+    ) ? {} : e;
+    let o, r;
+    const i = () => c(e) ? e() : e.handler(), a = () => {
+      r && (clearTimeout(r), r = void 0), o && (clearInterval(o), o = void 0);
+    }, u = (v) => {
+      v.button === 0 && (a(), i(), document.addEventListener("mouseup", a, { once: !0 }), r = setTimeout(() => {
+        o = setInterval(() => {
+          i();
+        }, d);
+      }, l));
+    };
+    t[s] = { start: u, clear: a }, t.addEventListener("mousedown", u);
+  },
+  unmounted(t) {
+    if (!t[s]) return;
+    const { start: n, clear: e } = t[s];
+    n && t.removeEventListener("mousedown", n), e && (e(), document.removeEventListener("mouseup", e)), t[s] = null;
+  }
+};
+export {
+  p as v
+};

package/dist/index-DT5rBqSy.js

@@ -0,0 +1,432 @@
+import { e as h, l as F, b as C, u as U, n as A, h as oe, j as ae, a as L, d as le, w as te, o as K } from "./use-form-common-props-CiRVSa0R.js";
+import { g as T, C as G, U as N, d as $ } from "./index-DxTPuBYV.js";
+import { ref as I, inject as ie, computed as c, defineComponent as x, createElementBlock as k, openBlock as V, normalizeClass as y, unref as e, createElementVNode as S, withDirectives as M, withModifiers as P, isRef as j, vModelRadio as O, renderSlot as D, createTextVNode as q, toDisplayString as H, nextTick as W, normalizeStyle as se, onMounted as re, provide as ne, reactive as de, toRefs as ue, watch as me, Fragment as pe, renderList as ve, createBlock as ce, resolveDynamicComponent as be, mergeProps as fe } from "vue";
+import { u as ye } from "./index-Mg3lmVPp.js";
+import { u as ge } from "./index-vljoqWNo.js";
+import { isEqual as Ee, omit as Be } from "lodash-es";
+import { b as Se, u as Ve, a as Re } from "./use-form-item-DuAhca9z.js";
+const J = C({
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  /**
+   * @description size of the Radio
+   */
+  size: U,
+  /**
+   * @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
+  }
+}), ke = C({
+  ...J,
+  /**
+   * @description whether to add a border around Radio
+   */
+  border: Boolean
+}), Q = {
+  [N]: (o) => T(o) || h(o) || F(o),
+  [G]: (o) => T(o) || h(o) || F(o)
+}, Le = {
+  modelValue: void 0,
+  disabled: void 0,
+  label: void 0,
+  value: void 0,
+  name: void 0,
+  border: !1
+}, X = /* @__PURE__ */ Symbol("radioGroupKey"), Y = (o, g) => {
+  const l = I(), s = ie(X, void 0), a = c(() => !!s), f = c(() => A(o.value) ? o.label : o.value), b = c({
+    get() {
+      return a.value ? s.modelValue : o.modelValue;
+    },
+    set(v) {
+      a.value ? s.changeEvent(v) : g && g(N, v), l.value.checked = o.modelValue === f.value;
+    }
+  }), r = oe(c(() => s == null ? void 0 : s.size)), t = ae(c(() => s == null ? void 0 : s.disabled)), m = I(!1), u = c(() => t.value || a.value && b.value !== f.value ? -1 : 0);
+  return ye(
+    {
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-radio",
+      ref: "https://element-plus.org/en-US/component/radio.html"
+    },
+    c(() => a.value && A(o.value))
+  ), {
+    radioRef: l,
+    isGroup: a,
+    radioGroup: s,
+    focus: m,
+    size: r,
+    disabled: t,
+    tabIndex: u,
+    modelValue: b,
+    actualValue: f
+  };
+}, Pe = ["value", "name", "disabled", "checked"];
+var Z = /* @__PURE__ */ x({
+  name: "ElRadio",
+  __name: "radio",
+  props: ke,
+  emits: Q,
+  setup(o, { emit: g }) {
+    const l = o, s = g, a = $("radio"), { radioRef: f, radioGroup: b, focus: r, size: t, disabled: m, modelValue: u, actualValue: v } = Y(l, s);
+    function d() {
+      W(() => s(G, u.value));
+    }
+    return (B, n) => {
+      var i;
+      return V(), k(
+        "label",
+        {
+          class: y([
+            e(a).b(),
+            e(a).is("disabled", e(m)),
+            e(a).is("focus", e(r)),
+            e(a).is("bordered", o.border),
+            e(a).is("checked", e(u) === e(v)),
+            e(a).m(e(t))
+          ])
+        },
+        [
+          S(
+            "span",
+            {
+              class: y([
+                e(a).e("input"),
+                e(a).is("disabled", e(m)),
+                e(a).is("checked", e(u) === e(v))
+              ])
+            },
+            [
+              M(S("input", {
+                ref_key: "radioRef",
+                ref: f,
+                "onUpdate:modelValue": n[0] || (n[0] = (p) => j(u) ? u.value = p : null),
+                class: y(e(a).e("original")),
+                value: e(v),
+                name: o.name || ((i = e(b)) == null ? void 0 : i.name),
+                disabled: e(m),
+                checked: e(u) === e(v),
+                type: "radio",
+                onFocus: n[1] || (n[1] = (p) => r.value = !0),
+                onBlur: n[2] || (n[2] = (p) => r.value = !1),
+                onChange: d,
+                onClick: n[3] || (n[3] = P(() => {
+                }, ["stop"]))
+              }, null, 42, Pe), [
+                [O, e(u)]
+              ]),
+              S(
+                "span",
+                {
+                  class: y(e(a).e("inner"))
+                },
+                null,
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          ),
+          S(
+            "span",
+            {
+              class: y(e(a).e("label")),
+              onKeydown: n[4] || (n[4] = P(() => {
+              }, ["stop"]))
+            },
+            [
+              D(B.$slots, "default", {}, () => [
+                q(
+                  H(o.label),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            34
+            /* CLASS, NEED_HYDRATION */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const Ce = C({
+  ...J
+}), Te = {
+  modelValue: void 0,
+  disabled: void 0,
+  label: void 0,
+  value: void 0,
+  name: void 0
+}, Ie = ["value", "name", "disabled"];
+var z = /* @__PURE__ */ x({
+  name: "ElRadioButton",
+  __name: "radio-button",
+  props: Ce,
+  setup(o) {
+    const g = o, l = $("radio"), { radioRef: s, focus: a, size: f, disabled: b, modelValue: r, radioGroup: t, actualValue: m } = Y(g), u = c(() => ({
+      backgroundColor: (t == null ? void 0 : t.fill) || "",
+      borderColor: (t == null ? void 0 : t.fill) || "",
+      boxShadow: t != null && t.fill ? `-1px 0 0 0 ${t.fill}` : "",
+      color: (t == null ? void 0 : t.textColor) || ""
+    }));
+    return (v, d) => {
+      var B;
+      return V(), k(
+        "label",
+        {
+          class: y([
+            e(l).b("button"),
+            e(l).is("active", e(r) === e(m)),
+            e(l).is("disabled", e(b)),
+            e(l).is("focus", e(a)),
+            e(l).bm("button", e(f))
+          ])
+        },
+        [
+          M(S("input", {
+            ref_key: "radioRef",
+            ref: s,
+            "onUpdate:modelValue": d[0] || (d[0] = (n) => j(r) ? r.value = n : null),
+            class: y(e(l).be("button", "original-radio")),
+            value: e(m),
+            type: "radio",
+            name: o.name || ((B = e(t)) == null ? void 0 : B.name),
+            disabled: e(b),
+            onFocus: d[1] || (d[1] = (n) => a.value = !0),
+            onBlur: d[2] || (d[2] = (n) => a.value = !1),
+            onClick: d[3] || (d[3] = P(() => {
+            }, ["stop"]))
+          }, null, 42, Ie), [
+            [O, e(r)]
+          ]),
+          S(
+            "span",
+            {
+              class: y(e(l).be("button", "inner")),
+              style: se(e(r) === e(m) ? u.value : {}),
+              onKeydown: d[4] || (d[4] = P(() => {
+              }, ["stop"]))
+            },
+            [
+              D(v.$slots, "default", {}, () => [
+                q(
+                  H(o.label),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const w = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+}, Ge = C({
+  /**
+   * @description native `id` attribute
+   */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description the size of radio buttons or bordered radios
+   */
+  size: U,
+  /**
+   * @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: L(Array)
+  },
+  props: {
+    type: L(Object),
+    default: () => w
+  },
+  type: {
+    type: String,
+    values: ["radio", "button"],
+    default: "radio"
+  },
+  ...ge(["ariaLabel"])
+}), Ne = Q, Ue = {
+  id: void 0,
+  disabled: void 0,
+  modelValue: void 0,
+  fill: "",
+  textColor: "",
+  name: void 0,
+  validateEvent: !0,
+  props: () => w,
+  type: "radio"
+}, $e = ["id", "aria-label", "aria-labelledby"];
+var _ = /* @__PURE__ */ x({
+  name: "ElRadioGroup",
+  __name: "radio-group",
+  props: Ge,
+  emits: Ne,
+  setup(o, { emit: g }) {
+    const l = o, s = g, a = $("radio"), f = Se(), b = I(), { formItem: r } = Ve(), { inputId: t, isLabeledByFormItem: m } = Re(l, {
+      formItemContext: r
+    }), u = (i) => {
+      s(N, i), W(() => s(G, i));
+    };
+    re(() => {
+      const i = b.value.querySelectorAll("[type=radio]"), p = i[0];
+      !Array.from(i).some((E) => E.checked) && p && (p.tabIndex = 0);
+    });
+    const v = c(() => l.name || f.value), d = c(() => ({
+      ...w,
+      ...l.props
+    })), B = (i) => {
+      const { label: p, value: E, disabled: R } = d.value, ee = {
+        label: i[p],
+        value: i[E],
+        disabled: i[R]
+      };
+      return { ...Be(i, [p, E, R]), ...ee };
+    }, n = c(
+      () => l.type === "button" ? z : Z
+    );
+    return ne(
+      X,
+      de({
+        ...ue(l),
+        changeEvent: u,
+        name: v
+      })
+    ), me(
+      () => l.modelValue,
+      (i, p) => {
+        l.validateEvent && !Ee(i, p) && (r == null || r.validate("change").catch((E) => le(E)));
+      }
+    ), (i, p) => (V(), k("div", {
+      id: e(t),
+      ref_key: "radioGroupRef",
+      ref: b,
+      class: y(e(a).b("group")),
+      role: "radiogroup",
+      "aria-label": e(m) ? void 0 : o.ariaLabel || "radio-group",
+      "aria-labelledby": e(m) ? e(r).labelId : void 0
+    }, [
+      D(i.$slots, "default", {}, () => [
+        (V(!0), k(
+          pe,
+          null,
+          ve(o.options, (E, R) => (V(), ce(
+            be(n.value),
+            fe({ key: R }, { ref_for: !0 }, B(E)),
+            null,
+            16
+            /* FULL_PROPS */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])
+    ], 10, $e));
+  }
+});
+const Ke = te(Z, {
+  RadioButton: z,
+  RadioGroup: _
+}), Me = K(_), je = K(z);
+export {
+  Ke as ElRadio,
+  je as ElRadioButton,
+  Me as ElRadioGroup,
+  Ke as default,
+  Ce as radioButtonProps,
+  Te as radioButtonPropsDefaults,
+  w as radioDefaultProps,
+  Q as radioEmits,
+  Ne as radioGroupEmits,
+  X as radioGroupKey,
+  Ge as radioGroupProps,
+  Ue as radioGroupPropsDefaults,
+  ke as radioProps,
+  J as radioPropsBase,
+  Le as radioPropsDefaults
+};