bani-ui 1.0.2-alpha.2 → 1.0.2-alpha.3

package/dist/es/Button-CVCKNr_z.js

@@ -0,0 +1,85 @@
+import { defineComponent as $, inject as N, computed as l, useSlots as O, ref as U, openBlock as m, createBlock as y, resolveDynamicComponent as w, unref as B, normalizeClass as D, withCtx as I, renderSlot as g, createVNode as R, normalizeStyle as b, createCommentVNode as v } from "vue";
+import { _ as h } from "./Icon-CrwMq7oY.js";
+import { faSpinner as p } from "@fortawesome/free-solid-svg-icons";
+import { library as E } from "@fortawesome/fontawesome-svg-core";
+import { t as G } from "./vendor-vd2Uvf7X.js";
+import { w as K } from "./utils-CWTCZ0kD.js";
+const P = Symbol(
+  "BUTTON_GROUP_CTX_KEY"
+), V = /* @__PURE__ */ $({
+  name: "BnButton",
+  __name: "Button",
+  props: {
+    tag: { default: "button" },
+    type: {},
+    size: {},
+    plain: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    disabled: { type: Boolean },
+    autofocus: { type: Boolean },
+    nativeType: { default: "button" },
+    icon: {},
+    loading: { type: Boolean },
+    loadingIcon: {},
+    useThrottle: { type: Boolean, default: !0 },
+    throttleDuration: { default: 500 }
+  },
+  emits: ["click"],
+  setup(e, { expose: T, emit: k }) {
+    E.add(p);
+    const o = e, t = N(P, void 0), a = l(() => (t == null ? void 0 : t.size) ?? o.size ?? ""), i = l(() => (t == null ? void 0 : t.type) ?? o.type ?? ""), s = l(() => (t == null ? void 0 : t.disabled) || o.disabled || !1), C = k, z = O(), u = U(), c = l(() => ({
+      marginRight: z.default ? "6px" : "0px"
+    })), d = (n) => C("click", n), S = G(
+      d,
+      o.throttleDuration,
+      { trailing: !1 }
+    );
+    return T({
+      ref: u,
+      disabled: s,
+      size: a,
+      type: i
+    }), (n, r) => (m(), y(w(o.tag), {
+      ref_key: "_ref",
+      ref: u,
+      class: D(["er-button", {
+        [`er-button--${i.value}`]: i.value,
+        [`er-button--${a.value}`]: a.value,
+        "is-plain": e.plain,
+        "is-round": e.round,
+        "is-circle": e.circle,
+        "is-disabled": s.value,
+        "is-loading": e.loading
+      }]),
+      autofocus: e.autofocus,
+      type: e.tag === "button" ? e.nativeType : void 0,
+      disabled: s.value || e.loading,
+      onClick: r[0] || (r[0] = (f) => e.useThrottle ? B(S)(f) : d(f))
+    }, {
+      default: I(() => [
+        e.loading ? g(n.$slots, "loading", { key: 0 }, () => [
+          R(h, {
+            class: "loading-icon",
+            icon: e.loadingIcon ?? B(p),
+            style: b(c.value),
+            size: "1x",
+            spin: ""
+          }, null, 8, ["icon", "style"])
+        ]) : v("", !0),
+        e.icon && !e.loading ? (m(), y(h, {
+          key: 1,
+          icon: e.icon,
+          size: "1x",
+          style: b(c.value)
+        }, null, 8, ["icon", "style"])) : v("", !0),
+        g(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["autofocus", "type", "disabled", "class"]));
+  }
+}), F = K(V);
+export {
+  P as B,
+  F as a
+};

package/dist/es/ButtonGroup-DaudVIbY.js

@@ -0,0 +1,28 @@
+import { defineComponent as r, provide as s, reactive as p, toRef as t, openBlock as a, createElementBlock as i, renderSlot as l } from "vue";
+import { B as c } from "./Button-CVCKNr_z.js";
+import { w as d } from "./utils-CWTCZ0kD.js";
+const u = { class: "er-button-group" }, m = /* @__PURE__ */ r({
+  name: "BnButtonGroup",
+  __name: "ButtonGroup",
+  props: {
+    size: {},
+    type: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const e = o;
+    return s(
+      c,
+      p({
+        size: t(e, "size"),
+        type: t(e, "type"),
+        disabled: t(e, "disabled")
+      })
+    ), (n, B) => (a(), i("div", u, [
+      l(n.$slots, "default")
+    ]));
+  }
+}), y = d(m);
+export {
+  y as B
+};

package/dist/es/Icon-CrwMq7oY.js

@@ -0,0 +1,49 @@
+import { defineComponent as r, computed as t, openBlock as p, createElementBlock as s, mergeProps as i, createVNode as c, unref as m, normalizeProps as y, guardReactiveProps as B } from "vue";
+import { FontAwesomeIcon as u } from "@fortawesome/vue-fontawesome";
+import { o as f } from "./vendor-vd2Uvf7X.js";
+import { w as d } from "./utils-CWTCZ0kD.js";
+const v = /* @__PURE__ */ r({
+  name: "BnIcon",
+  inheritAttrs: !1,
+  __name: "Icon",
+  props: {
+    border: { type: Boolean },
+    fixedWidth: { type: Boolean },
+    flip: {},
+    icon: {},
+    mask: {},
+    listItem: { type: Boolean },
+    pull: {},
+    pulse: { type: Boolean },
+    rotation: {},
+    swapOpacity: { type: Boolean },
+    size: {},
+    spin: { type: Boolean },
+    transform: {},
+    symbol: { type: [Boolean, String] },
+    title: {},
+    inverse: { type: Boolean },
+    bounce: { type: Boolean },
+    shake: { type: Boolean },
+    beat: { type: Boolean },
+    fade: { type: Boolean },
+    beatFade: { type: Boolean },
+    spinPulse: { type: Boolean },
+    spinReverse: { type: Boolean },
+    type: {},
+    color: {}
+  },
+  setup(e) {
+    const o = e, n = t(() => f(o, ["type", "color"])), a = t(() => ({ color: o.color ?? void 0 }));
+    return (l, I) => (p(), s("i", i({
+      class: ["er-icon", [`er-icon--${e.type}`]],
+      style: a.value
+    }, l.$attrs), [
+      c(m(u), y(B(n.value)), null, 16)
+    ], 16));
+  }
+}), w = d(v);
+export {
+  w as B,
+  v as _
+};

package/dist/es/index.js

@@ -0,0 +1,11 @@
+import { m as o } from "./utils-CWTCZ0kD.js";
+import { a as t } from "./Button-CVCKNr_z.js";
+import { B as n } from "./ButtonGroup-DaudVIbY.js";
+import { B as r } from "./Icon-CrwMq7oY.js";
+const m = [t, n, r], e = o(m);
+export {
+  t as BnButton,
+  n as BnButtonGroup,
+  r as BnIcon,
+  e as default
+};

package/dist/es/utils-CWTCZ0kD.js

@@ -0,0 +1,12 @@
+import { f as n } from "./vendor-vd2Uvf7X.js";
+function e(a) {
+  return (s) => n(a, (l) => s.use(l));
+}
+const i = (a) => (a.install = (t) => {
+  const s = a.name;
+  t.component(s, a);
+}, a);
+export {
+  e as m,
+  i as w
+};