@dazhicheng/ui 1.0.7 → 1.1.1

package/dist/index-CMMUpVFZ.js

@@ -0,0 +1,408 @@
+import { k as X, l as S, e as C, b as Y, a as Z, h as p, j as _, d as M, t as ee, w as ae } from "./use-form-common-props-CiRVSa0R.js";
+import { u as te } from "./index-vljoqWNo.js";
+import { i as V } from "./icon-vcRgBOnR.js";
+import { g as N, I as B, C as A, U as $, d as ie, l as ne, h as O } from "./index-DxTPuBYV.js";
+import { defineComponent as le, computed as d, ref as ce, shallowRef as oe, watch as L, onMounted as se, createElementBlock as v, openBlock as a, withModifiers as ue, normalizeClass as r, createElementVNode as P, createCommentVNode as o, withKeys as ve, unref as i, renderSlot as y, createBlock as s, withCtx as f, resolveDynamicComponent as b, toDisplayString as E, normalizeStyle as re, createVNode as de, nextTick as fe } from "vue";
+import { a as me, E as m } from "./index-DE2yohHu.js";
+import { u as he, a as ye } from "./use-form-item-DuAhca9z.js";
+const be = (e) => ["", ...X].includes(e), ke = Y({
+  /**
+   * @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type
+   */
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  /**
+   * @description whether Switch is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether Switch is in loading state
+   */
+  loading: Boolean,
+  /**
+   * @description size of Switch
+   */
+  size: {
+    type: String,
+    validator: be
+  },
+  /**
+   * @description width of Switch
+   */
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description whether icon or text is displayed inside dot, only the first character will be rendered for text
+   */
+  inlinePrompt: Boolean,
+  /**
+   * @description component of the icon displayed in action when in `off` state
+   */
+  inactiveActionIcon: {
+    type: V
+  },
+  /**
+   * @description component of the icon displayed in action when in `on` state
+   */
+  activeActionIcon: {
+    type: V
+  },
+  /**
+   * @description component of the icon displayed when in `on` state, overrides `active-text`
+   */
+  activeIcon: {
+    type: V
+  },
+  /**
+   * @description component of the icon displayed when in `off` state, overrides `inactive-text`
+   */
+  inactiveIcon: {
+    type: V
+  },
+  /**
+   * @description text displayed when in `on` state
+   */
+  activeText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description text displayed when in `off` state
+   */
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description switch value when in `on` state
+   */
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: !0
+  },
+  /**
+   * @description switch value when in `off` state
+   */
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  /**
+   * @description input name of Switch
+   */
+  name: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching
+   */
+  beforeChange: {
+    type: Z(Function)
+  },
+  /**
+   * @description id for input
+   */
+  id: String,
+  /**
+   * @description tabindex for input
+   */
+  tabindex: {
+    type: [String, Number]
+  },
+  ...te(["ariaLabel"])
+}), Ie = {
+  [$]: (e) => S(e) || N(e) || C(e),
+  [A]: (e) => S(e) || N(e) || C(e),
+  [B]: (e) => S(e) || N(e) || C(e)
+}, ge = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex"], we = ["aria-hidden"], Ve = { key: 1 }, Ee = { key: 1 }, Se = ["aria-hidden"], x = "ElSwitch";
+var Te = /* @__PURE__ */ le({
+  name: x,
+  __name: "switch",
+  props: ke,
+  emits: Ie,
+  setup(e, { expose: U, emit: R }) {
+    const l = e, h = R, { formItem: I } = he(), j = p(), n = ie("switch"), { inputId: G } = ye(l, {
+      formItemContext: I
+    }), g = _(
+      d(() => {
+        if (l.loading)
+          return !0;
+      })
+    ), z = ce(l.modelValue !== !1), k = oe(), H = d(() => [
+      n.b(),
+      n.m(j.value),
+      n.is("disabled", g.value),
+      n.is("checked", c.value)
+    ]), W = d(() => [
+      n.e("label"),
+      n.em("label", "left"),
+      n.is("active", !c.value)
+    ]), q = d(() => [
+      n.e("label"),
+      n.em("label", "right"),
+      n.is("active", c.value)
+    ]), J = d(() => ({
+      width: me(l.width)
+    }));
+    L(
+      () => l.modelValue,
+      () => {
+        z.value = !0;
+      }
+    );
+    const D = d(() => z.value ? l.modelValue : !1), c = d(() => D.value === l.activeValue);
+    [l.activeValue, l.inactiveValue].includes(D.value) || (h($, l.inactiveValue), h(A, l.inactiveValue), h(B, l.inactiveValue)), L(c, (t) => {
+      var u;
+      k.value.checked = t, l.validateEvent && ((u = I == null ? void 0 : I.validate) == null || u.call(I, "change").catch((K) => M(K)));
+    });
+    const w = () => {
+      const t = c.value ? l.inactiveValue : l.activeValue;
+      h($, t), h(A, t), h(B, t), fe(() => {
+        k.value.checked = c.value;
+      });
+    }, F = () => {
+      if (g.value) return;
+      const { beforeChange: t } = l;
+      if (!t) {
+        w();
+        return;
+      }
+      const u = t();
+      [
+        O(u),
+        S(u)
+      ].includes(!0) || ee(
+        x,
+        "beforeChange must return type `Promise<boolean>` or `boolean`"
+      ), O(u) ? u.then((T) => {
+        T && w();
+      }).catch((T) => {
+        M(x, `some error occurred: ${T}`);
+      }) : u && w();
+    }, Q = () => {
+      var t, u;
+      (u = (t = k.value) == null ? void 0 : t.focus) == null || u.call(t);
+    };
+    return se(() => {
+      k.value.checked = c.value;
+    }), U({
+      /**
+       *  @description manual focus to the switch component
+       **/
+      focus: Q,
+      /**
+       * @description whether Switch is checked
+       */
+      checked: c
+    }), (t, u) => (a(), v(
+      "div",
+      {
+        class: r(H.value),
+        onClick: ue(F, ["prevent"])
+      },
+      [
+        P("input", {
+          id: i(G),
+          ref_key: "input",
+          ref: k,
+          class: r(i(n).e("input")),
+          type: "checkbox",
+          role: "switch",
+          "aria-checked": c.value,
+          "aria-disabled": i(g),
+          "aria-label": e.ariaLabel,
+          name: e.name,
+          "true-value": e.activeValue,
+          "false-value": e.inactiveValue,
+          disabled: i(g),
+          tabindex: e.tabindex,
+          onChange: w,
+          onKeydown: ve(F, ["enter"])
+        }, null, 42, ge),
+        !e.inlinePrompt && (e.inactiveIcon || e.inactiveText || t.$slots.inactive) ? (a(), v(
+          "span",
+          {
+            key: 0,
+            class: r(W.value)
+          },
+          [
+            y(t.$slots, "inactive", {}, () => [
+              e.inactiveIcon ? (a(), s(i(m), { key: 0 }, {
+                default: f(() => [
+                  (a(), s(b(e.inactiveIcon)))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : o("v-if", !0),
+              !e.inactiveIcon && e.inactiveText ? (a(), v("span", {
+                key: 1,
+                "aria-hidden": c.value
+              }, E(e.inactiveText), 9, we)) : o("v-if", !0)
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : o("v-if", !0),
+        P(
+          "span",
+          {
+            class: r(i(n).e("core")),
+            style: re(J.value)
+          },
+          [
+            e.inlinePrompt ? (a(), v(
+              "div",
+              {
+                key: 0,
+                class: r(i(n).e("inner"))
+              },
+              [
+                c.value ? (a(), v(
+                  "div",
+                  {
+                    key: 1,
+                    class: r(i(n).e("inner-wrapper"))
+                  },
+                  [
+                    y(t.$slots, "active", {}, () => [
+                      e.activeIcon ? (a(), s(i(m), { key: 0 }, {
+                        default: f(() => [
+                          (a(), s(b(e.activeIcon)))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })) : o("v-if", !0),
+                      !e.activeIcon && e.activeText ? (a(), v(
+                        "span",
+                        Ee,
+                        E(e.activeText),
+                        1
+                        /* TEXT */
+                      )) : o("v-if", !0)
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                )) : (a(), v(
+                  "div",
+                  {
+                    key: 0,
+                    class: r(i(n).e("inner-wrapper"))
+                  },
+                  [
+                    y(t.$slots, "inactive", {}, () => [
+                      e.inactiveIcon ? (a(), s(i(m), { key: 0 }, {
+                        default: f(() => [
+                          (a(), s(b(e.inactiveIcon)))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })) : o("v-if", !0),
+                      !e.inactiveIcon && e.inactiveText ? (a(), v(
+                        "span",
+                        Ve,
+                        E(e.inactiveText),
+                        1
+                        /* TEXT */
+                      )) : o("v-if", !0)
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                ))
+              ],
+              2
+              /* CLASS */
+            )) : o("v-if", !0),
+            P(
+              "div",
+              {
+                class: r(i(n).e("action"))
+              },
+              [
+                e.loading ? (a(), s(i(m), {
+                  key: 0,
+                  class: r(i(n).is("loading"))
+                }, {
+                  default: f(() => [
+                    de(i(ne))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class"])) : c.value ? y(t.$slots, "active-action", { key: 1 }, () => [
+                  e.activeActionIcon ? (a(), s(i(m), { key: 0 }, {
+                    default: f(() => [
+                      (a(), s(b(e.activeActionIcon)))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : o("v-if", !0)
+                ]) : c.value ? o("v-if", !0) : y(t.$slots, "inactive-action", { key: 2 }, () => [
+                  e.inactiveActionIcon ? (a(), s(i(m), { key: 0 }, {
+                    default: f(() => [
+                      (a(), s(b(e.inactiveActionIcon)))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : o("v-if", !0)
+                ])
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          6
+          /* CLASS, STYLE */
+        ),
+        !e.inlinePrompt && (e.activeIcon || e.activeText || t.$slots.active) ? (a(), v(
+          "span",
+          {
+            key: 1,
+            class: r(q.value)
+          },
+          [
+            y(t.$slots, "active", {}, () => [
+              e.activeIcon ? (a(), s(i(m), { key: 0 }, {
+                default: f(() => [
+                  (a(), s(b(e.activeIcon)))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : o("v-if", !0),
+              !e.activeIcon && e.activeText ? (a(), v("span", {
+                key: 1,
+                "aria-hidden": !c.value
+              }, E(e.activeText), 9, Se)) : o("v-if", !0)
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : o("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const ze = ae(Te);
+export {
+  ze as ElSwitch,
+  ze as default,
+  Ie as switchEmits,
+  ke as switchProps
+};