bani-ui 1.0.2-alpha.0 → 1.0.2-alpha.10

package/dist/es/Button-DE5lOjx4.js

@@ -0,0 +1,86 @@
+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-B1pHSRJ9.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-CyogNz9a.js";
+import { w as K } from "./utils-CnOVokX1.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,
+  V as _,
+  F as a
+};

package/dist/es/ButtonGroup-CgAr7Q6O.js

@@ -0,0 +1,29 @@
+import { defineComponent as n, provide as s, reactive as p, toRef as t, openBlock as i, createElementBlock as a, renderSlot as l } from "vue";
+import { B as c } from "./Button-DE5lOjx4.js";
+import { w as d } from "./utils-CnOVokX1.js";
+import "@fortawesome/free-solid-svg-icons";
+const m = { class: "er-button-group" }, u = /* @__PURE__ */ n({
+  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")
+      })
+    ), (r, B) => (i(), a("div", m, [
+      l(r.$slots, "default")
+    ]));
+  }
+}), G = d(u);
+export {
+  G as B
+};

package/dist/es/Icon-B1pHSRJ9.js

@@ -0,0 +1,50 @@
+import { defineComponent as r, computed as t, openBlock as l, 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 { p as f } from "./vendor-CyogNz9a.js";
+import { w as d } from "./utils-CnOVokX1.js";
+import "@fortawesome/free-solid-svg-icons";
+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 (p, I) => (l(), s("i", i({
+      class: ["er-icon", [`er-icon--${e.type}`]],
+      style: a.value
+    }, p.$attrs), [
+      c(m(u), y(B(n.value)), null, 16)
+    ], 16));
+  }
+}), _ = d(v);
+export {
+  _ as B,
+  v as _
+};

package/dist/es/Loading-BJXm3yVc.js

@@ -0,0 +1,196 @@
+import { defineComponent as E, useCssVars as T, computed as V, openBlock as m, createBlock as k, Transition as w, withCtx as D, withDirectives as z, createElementVNode as x, normalizeClass as F, createCommentVNode as C, createElementBlock as M, toDisplayString as H, vShow as R, nextTick as K, ref as A, reactive as O, createApp as P } from "vue";
+import { e as Y } from "./hooks-Mfyp42JB.js";
+import { _ as Z } from "./Icon-B1pHSRJ9.js";
+import { m as I, k as q, a as G, e as U } from "./vendor-CyogNz9a.js";
+const j = { class: "er-loading__spinner" }, J = {
+  key: 1,
+  class: "er-loading-text"
+}, Q = /* @__PURE__ */ E({
+  name: "BnLoading",
+  inheritAttrs: !1,
+  __name: "Loading",
+  props: {
+    visible: {},
+    background: {},
+    spinner: {},
+    text: {},
+    fullscreen: {},
+    lock: {},
+    beforeClose: { type: Function },
+    closed: { type: Function },
+    target: {},
+    body: { type: Boolean },
+    zIndex: {},
+    onAfterLeave: { type: Function }
+  },
+  setup(e) {
+    T((t) => ({
+      v098d7d6e: t.background,
+      v1880a613: t.zIndex
+    }));
+    const n = e, o = V(() => I(n.spinner) ? n.spinner : "spinner");
+    return (t, r) => (m(), k(w, {
+      name: "fade-in-linear",
+      onAfterLeave: e.onAfterLeave
+    }, {
+      default: D(() => [
+        z(x("div", {
+          class: F(["er-loading er-loading__mask", { "is-fullscreen": e.fullscreen }])
+        }, [
+          x("div", j, [
+            n.spinner !== !1 ? (m(), k(Z, {
+              key: 0,
+              icon: o.value,
+              spin: ""
+            }, null, 8, ["icon"])) : C("", !0),
+            e.text ? (m(), M("p", J, H(e.text), 1)) : C("", !0)
+          ])
+        ], 2), [
+          [R, n.visible.value]
+        ])
+      ]),
+      _: 1
+    }, 8, ["onAfterLeave"]));
+  }
+}), h = "er-loading-parent--relative", S = "er-loading-parent--hiden", f = "er-loading-numb", u = /* @__PURE__ */ new Map(), { nextZIndex: W } = Y(3e4);
+function X(e) {
+  const n = A(e.visible), o = A(!1), t = () => {
+    o.value && s();
+  }, r = O({
+    ...e,
+    onAfterLeave: t
+  }), c = (a) => r.text = a, s = () => {
+    var L, p;
+    const a = r.parent;
+    ce(a), !v(a) && (U(() => {
+      te(a), $(a);
+    }, 1), u.delete(a ?? document.body), (p = (L = i.$el) == null ? void 0 : L.parentNode) == null || p.removeChild(i.$el), y.unmount());
+  };
+  let g;
+  const B = () => {
+    var a;
+    e.beforeClose && !e.beforeClose() || (o.value = !0, clearTimeout(g), g = G(t), n.value = !1, (a = e.closed) == null || a.call(e));
+  }, y = P(Q, {
+    ...r,
+    zIndex: r.fullscreen ? W() : void 0,
+    visible: n
+  }), i = y.mount(document.createElement("div"));
+  return {
+    get $el() {
+      return i.$el;
+    },
+    vm: i,
+    close: B,
+    visible: n,
+    setText: c
+  };
+}
+function ee(e) {
+  let n;
+  return I(e.target) ? n = document.querySelector(e.target) ?? document.body : n = e.target || document.body, {
+    parent: n === document.body || e.body ? document.body : n,
+    background: e.background ?? "rgba(0, 0, 0, 0.5)",
+    spinner: e.spinner,
+    text: e.text,
+    fullscreen: n === document.body && (e.fullscreen ?? !0),
+    lock: e.lock ?? !1,
+    visible: e.visible ?? !0,
+    target: n
+  };
+}
+function ne(e = document.body) {
+  e.classList.add(h);
+}
+function te(e = document.body) {
+  e.classList.remove(h);
+}
+function oe(e = document.body) {
+  e.classList.add(S);
+}
+function $(e = document.body) {
+  e.classList.remove(S);
+}
+function v(e = document.body) {
+  return e.getAttribute(f);
+}
+function re(e = document.body) {
+  e.removeAttribute(f);
+}
+function ae(e = document.body) {
+  const n = v(e) ?? "0";
+  e.setAttribute(f, `${Number.parseInt(n) + 1}`);
+}
+function ce(e = document.body) {
+  const n = v(e);
+  if (n) {
+    const o = Number.parseInt(n) - 1;
+    o === 0 ? re(e) : e.setAttribute(f, `${o}`);
+  }
+}
+function se(e, n = document.body) {
+  e.lock ? oe(n) : $(n), ne(n);
+}
+let l = null;
+function b(e = {}) {
+  var r;
+  const n = ee(e), o = n.parent ?? document.body;
+  if (n.fullscreen && !q(l))
+    return l;
+  if (ae(n == null ? void 0 : n.parent), u.has(o))
+    return u.get(o);
+  const t = X({
+    ...n,
+    closed: () => {
+      var c;
+      (c = n.closed) == null || c.call(n), n.fullscreen && (l = null);
+    }
+  });
+  return se(e, n == null ? void 0 : n.parent), (r = n.parent) == null || r.appendChild(t.$el), K(() => t.visible.value = !!n.visible), n.fullscreen && (l = t), u.set(o, t), t;
+}
+const d = Symbol("loading");
+function N(e, n) {
+  const o = (s) => e.getAttribute(`er-loading-${s}`), t = (s) => n.modifiers[s], r = t("fullscreen"), c = {
+    text: o("text"),
+    spinner: o("spinner"),
+    background: o("background"),
+    target: r ? void 0 : e,
+    body: t("body"),
+    lock: t("lock"),
+    fullscreen: r
+  };
+  e[d] = {
+    options: c,
+    instance: b(c)
+  };
+}
+const _ = {
+  mounted(e, n) {
+    n.value && N(e, n);
+  },
+  updated(e, n) {
+    var o, t;
+    if (n.oldValue !== n.value) {
+      if (n.value && !n.oldValue) {
+        N(e, n);
+        return;
+      }
+      (t = (o = e[d]) == null ? void 0 : o.instance) == null || t.close();
+    }
+  },
+  unmounted(e) {
+    var n;
+    (n = e[d]) == null || n.instance.close(), e[d] = void 0;
+  }
+}, fe = {
+  name: "BnLoading",
+  install(e) {
+    e.directive("loading", _), e.config.globalProperties.$loading = b;
+  },
+  directive: _,
+  service: b
+};
+export {
+  fe as B,
+  b as L,
+  _ as v
+};

package/dist/es/Message-CLTFWHIN.js

@@ -0,0 +1,167 @@
+import { defineComponent as R, ref as g, computed as x, onMounted as $, watch as D, openBlock as v, createBlock as w, Transition as S, withCtx as T, withDirectives as V, createElementVNode as C, normalizeStyle as L, normalizeClass as A, createVNode as B, renderSlot as Z, unref as F, createCommentVNode as I, createElementBlock as H, withModifiers as j, vShow as q, shallowReactive as G, isVNode as J, h as K, render as N } from "vue";
+import { d as P, a as Q, e as U, b as W } from "./hooks-Mfyp42JB.js";
+import { t as X, R as Y, b as _ } from "./utils-CnOVokX1.js";
+import { _ as b } from "./Icon-B1pHSRJ9.js";
+import { faCircleInfo as ee } from "@fortawesome/free-solid-svg-icons";
+import { b as te, e as se, g as k, m as ne, f as z, h as oe, s as ae } from "./vendor-CyogNz9a.js";
+const re = [
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "error"
+], ie = { class: "er-message__content" }, ce = {
+  key: 0,
+  class: "er-message__close"
+}, le = /* @__PURE__ */ R({
+  name: "BnMessage",
+  __name: "Message",
+  props: {
+    id: {},
+    message: {},
+    duration: { default: 3e3 },
+    showClose: { type: Boolean },
+    center: { type: Boolean },
+    type: { default: "info" },
+    offset: { default: 10 },
+    zIndex: {},
+    transitionName: { default: "fade-up" },
+    onDestory: {}
+  },
+  setup(e, { expose: t }) {
+    const s = e, n = g(!1), i = g(), c = x(() => X.get(s.type) ?? ee), o = g(0), { topOffset: h, bottomOffset: f } = P({
+      getLastBottomOffset: te(me, s),
+      offset: s.offset,
+      boxHeight: o
+    }), d = x(() => ({
+      top: h.value + "px",
+      zIndex: s.zIndex
+    }));
+    let p;
+    function y() {
+      s.duration !== 0 && (p = se(u, s.duration));
+    }
+    function E() {
+      clearTimeout(p);
+    }
+    function u() {
+      n.value = !1;
+    }
+    return $(() => {
+      n.value = !0, y();
+    }), D(n, (l) => {
+      l || (o.value = -s.offset);
+    }), Q(document, "keydown", (l) => {
+      const { code: a } = l;
+      a === "Escape" && u();
+    }), t({
+      bottomOffset: f,
+      close: u
+    }), (l, a) => (v(), w(S, {
+      name: e.transitionName,
+      onEnter: a[0] || (a[0] = (O) => o.value = i.value.getBoundingClientRect().height),
+      onAfterLeave: a[1] || (a[1] = (O) => !n.value && e.onDestory())
+    }, {
+      default: T(() => [
+        V(C("div", {
+          ref_key: "messageRef",
+          ref: i,
+          class: A(["er-message", {
+            [`er-message--${e.type}`]: e.type,
+            "is-close": e.showClose,
+            "text-center": e.center
+          }]),
+          style: L(d.value),
+          role: "alert",
+          onMouseenter: E,
+          onMouseleave: y
+        }, [
+          B(b, {
+            class: "er-message__icon",
+            icon: c.value
+          }, null, 8, ["icon"]),
+          C("div", ie, [
+            Z(l.$slots, "default", {}, () => [
+              e.message ? (v(), w(F(Y), {
+                key: 0,
+                vNode: e.message
+              }, null, 8, ["vNode"])) : I("", !0)
+            ])
+          ]),
+          e.showClose ? (v(), H("div", ce, [
+            B(b, {
+              icon: "xmark",
+              onClick: j(u, ["stop"])
+            })
+          ])) : I("", !0)
+        ], 38), [
+          [q, n.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), r = G([]), { nextZIndex: fe } = U(), de = {
+  type: "info",
+  duration: 3e3,
+  offset: 10,
+  transitionName: "fade-up"
+};
+function M(e) {
+  const t = !e || J(e) || ne(e) ? {
+    message: e
+  } : e;
+  return { ...de, ...t };
+}
+function ue(e) {
+  const t = W().value, s = document.createElement("div"), n = () => {
+    const d = z(r, { id: t });
+    d !== -1 && (r.splice(d, 1), N(null, s));
+  }, i = {
+    ...e,
+    id: t,
+    zIndex: fe(),
+    onDestory: n
+  }, c = K(le, i);
+  N(c, s), document.body.appendChild(s.firstElementChild);
+  const o = c.component, f = {
+    props: i,
+    id: t,
+    vm: o,
+    vnode: c,
+    handler: {
+      close: () => o.exposed.close()
+    }
+  };
+  return r.push(f), f;
+}
+const m = function(e = {}) {
+  const t = M(e);
+  return ue(t).handler;
+};
+function me() {
+  const e = z(r, { id: this.id });
+  return e <= 0 ? 0 : oe(r, [e - 1, "vm", "exposed", "bottomOffset", "value"]);
+}
+function ge(e) {
+  k(r, (t) => {
+    if (e) {
+      t.props.type === e && t.handler.close();
+      return;
+    }
+    t.handler.close();
+  });
+}
+k(
+  re,
+  (e) => ae(m, e, (t) => {
+    const s = M(t);
+    return m({ ...s, type: e });
+  })
+);
+m.closeAll = ge;
+const Ce = _(m, "$message");
+export {
+  Ce as B,
+  re as m
+};

package/dist/es/Popconfirm-DA_hHUdg.js

@@ -0,0 +1,99 @@
+import { defineComponent as w, computed as d, ref as x, openBlock as u, createBlock as p, createSlots as $, withCtx as o, createElementVNode as n, normalizeStyle as N, createCommentVNode as P, createTextVNode as c, toDisplayString as i, createVNode as y, unref as B, renderSlot as h } from "vue";
+import { _ as T } from "./Button-DE5lOjx4.js";
+import { _ as S } from "./Icon-B1pHSRJ9.js";
+import { B as V } from "./Tooltip-040OoVcb.js";
+import { faQuestionCircle as g } from "@fortawesome/free-solid-svg-icons";
+import { a as z, w as I } from "./utils-CnOVokX1.js";
+import { c as A } from "./hooks-Mfyp42JB.js";
+const R = { class: "er-popconfirm__main" }, D = { class: "er-popconfirm__action" }, E = /* @__PURE__ */ w({
+  name: "BnPopconfirm",
+  __name: "Popconfirm",
+  props: {
+    title: { default: "" },
+    confirmButtonText: {},
+    cancelButtonText: {},
+    confirmButtonType: { default: "primary" },
+    cancelButtonType: {},
+    icon: {},
+    iconColor: { default: "#f90" },
+    hideIcon: { type: Boolean },
+    hideAfter: { default: 200 },
+    width: { default: 150 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(t, { emit: k }) {
+    const { t: r } = A(), l = t, a = d(() => l.icon ?? g), f = k, m = x(), v = d(() => ({ width: z(l.width) })), s = () => {
+      var e;
+      (e = m.value) == null || e.hide();
+    }, C = (e) => {
+      f("cancel", e), s();
+    }, _ = (e) => {
+      f("confirm", e), s();
+    };
+    return (e, L) => (u(), p(V, {
+      ref_key: "tooltipRef",
+      ref: m,
+      trigger: "click",
+      "hide-timeout": t.hideAfter
+    }, $({
+      content: o(() => [
+        n("div", {
+          class: "er-popconfirm",
+          style: N(v.value)
+        }, [
+          n("div", R, [
+            !t.hideIcon && a.value ? (u(), p(S, {
+              key: 0,
+              icon: a.value,
+              color: t.iconColor
+            }, null, 8, ["icon", "color"])) : P("", !0),
+            c(" " + i(t.title), 1)
+          ]),
+          n("div", D, [
+            y(T, {
+              size: "small",
+              class: "er-popconfirm__cancel",
+              type: t.cancelButtonType,
+              onClick: C
+            }, {
+              default: o(() => [
+                c(i(t.cancelButtonText || B(r)("popconfirm.cancelButtonText")), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            y(T, {
+              size: "small",
+              class: "er-popconfirm__confirm",
+              type: t.confirmButtonType,
+              onClick: _
+            }, {
+              default: o(() => [
+                c(i(t.confirmButtonText || B(r)("popconfirm.confirmButtonText")), 1)
+              ]),
+              _: 1
+            }, 8, ["type"])
+          ])
+        ], 4)
+      ]),
+      _: 2
+    }, [
+      e.$slots.default ? {
+        name: "default",
+        fn: o(() => [
+          h(e.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.reference ? {
+        name: "reference",
+        fn: o(() => [
+          h(e.$slots, "reference")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["hide-timeout"]));
+  }
+}), H = I(E);
+export {
+  H as B
+};