bani-ui 1.0.2-alpha.5 → 1.0.2-alpha.7

package/dist/es/{Button-eQN4Iutg.js → Button-Cx5Es0NL.js}

@@ -1,9 +1,9 @@
 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-CL9G-J0o.js";
+import { _ as h } from "./Icon-DmRQNZdt.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-CZxuzErw.js";
-import { w as K } from "./utils-CKyHXHob.js";
+import { t as G } from "./vendor-BvCJXmoZ.js";
+import { w as K } from "./utils-D7OMQX6l.js";
 const P = Symbol(
   "BUTTON_GROUP_CTX_KEY"
 ), V = /* @__PURE__ */ $({

package/dist/es/{ButtonGroup-BequUrIT.js → ButtonGroup-BiVl0zub.js}

@@ -1,6 +1,6 @@
 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-eQN4Iutg.js";
-import { w as d } from "./utils-CKyHXHob.js";
+import { B as c } from "./Button-Cx5Es0NL.js";
+import { w as d } from "./utils-D7OMQX6l.js";
 import "@fortawesome/free-solid-svg-icons";
 const m = { class: "er-button-group" }, u = /* @__PURE__ */ n({
   name: "BnButtonGroup",

package/dist/es/{Icon-CL9G-J0o.js → Icon-DmRQNZdt.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, 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-CZxuzErw.js";
-import { w as d } from "./utils-CKyHXHob.js";
+import { o as f } from "./vendor-BvCJXmoZ.js";
+import { w as d } from "./utils-D7OMQX6l.js";
 import "@fortawesome/free-solid-svg-icons";
 const v = /* @__PURE__ */ l({
   name: "BnIcon",

package/dist/es/Loading-P_9XOqlc.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 { c as Y } from "./hooks-CkxWXunh.js";
+import { _ as Z } from "./Icon-DmRQNZdt.js";
+import { h, d as q, a as G, e as U } from "./vendor-BvCJXmoZ.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(() => h(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"]));
+  }
+}), I = "er-loading-parent--relative", S = "er-loading-parent--hiden", f = "er-loading-numb", d = /* @__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) && (G(() => {
+      te(a), $(a);
+    }, 1), d.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 = q(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 h(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(I);
+}
+function te(e = document.body) {
+  e.classList.remove(I);
+}
+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 && !U(l))
+    return l;
+  if (ae(n == null ? void 0 : n.parent), d.has(o))
+    return d.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), d.set(o, t), t;
+}
+const u = 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[u] = {
+    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[u]) == null ? void 0 : o.instance) == null || t.close();
+    }
+  },
+  unmounted(e) {
+    var n;
+    (n = e[u]) == null || n.instance.close(), e[u] = 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-Daog7bhg.js → Message-Bm1CGxbe.js}

@@ -1,8 +1,8 @@
 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 B, normalizeStyle as L, normalizeClass as A, createVNode as C, 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 { b as P, u as Q, c as U, a as W } from "./hooks-CkxWXunh.js";
-import { t as X, R as Y, a as _ } from "./utils-CKyHXHob.js";
-import { _ as k } from "./Icon-CL9G-J0o.js";
-import { b as ee, d as te, a as z, c as se, f as M, g as ne, s as oe } from "./vendor-CZxuzErw.js";
+import { t as X, R as Y, a as _ } from "./utils-D7OMQX6l.js";
+import { _ as k } from "./Icon-DmRQNZdt.js";
+import { b as ee, a as te, c as z, h as se, f as M, g as ne, s as oe } from "./vendor-BvCJXmoZ.js";
 import "@fortawesome/free-solid-svg-icons";
 const ae = [
   "info",
@@ -29,20 +29,20 @@ const ae = [
     onDestory: {}
   },
   setup(e, { expose: t }) {
-    const s = e, n = g(!1), i = g(), c = x(() => X.get(s.type) ?? "circle-info"), o = g(0), { topOffset: p, bottomOffset: d } = P({
+    const s = e, n = g(!1), i = g(), c = x(() => X.get(s.type) ?? "circle-info"), o = g(0), { topOffset: h, bottomOffset: d } = P({
       getLastBottomOffset: ee(ue, s),
       offset: s.offset,
       boxHeight: o
     }), f = x(() => ({
-      top: p.value + "px",
+      top: h.value + "px",
       zIndex: s.zIndex
     }));
-    let h;
+    let p;
     function y() {
-      s.duration !== 0 && (h = te(u, s.duration));
+      s.duration !== 0 && (p = te(u, s.duration));
     }
     function E() {
-      clearTimeout(h);
+      clearTimeout(p);
     }
     function u() {
       n.value = !1;
@@ -162,6 +162,5 @@ z(
 m.closeAll = me;
 const we = _(m, "$message");
 export {
-  we as B,
-  ae as m
+  we as B
 };

package/dist/es/index.js

@@ -1,16 +1,26 @@
-import { m as o } from "./utils-CKyHXHob.js";
+import { m as o } from "./utils-D7OMQX6l.js";
 import "@fortawesome/free-solid-svg-icons";
-import { a as t } from "./Button-eQN4Iutg.js";
-import { B as m } from "./ButtonGroup-BequUrIT.js";
-import { B as r } from "./Message-Daog7bhg.js";
-import { m as g } from "./Message-Daog7bhg.js";
-import { B as s } from "./Icon-CL9G-J0o.js";
-const a = [t, m, s, r], l = o(a);
+import { a as r } from "./Button-Cx5Es0NL.js";
+import { B as a } from "./ButtonGroup-BiVl0zub.js";
+import { B as n } from "./Message-Bm1CGxbe.js";
+import { B as t } from "./Icon-DmRQNZdt.js";
+import { B as m } from "./Loading-P_9XOqlc.js";
+import { v as L, L as u, v as x } from "./Loading-P_9XOqlc.js";
+const s = [
+  r,
+  a,
+  t,
+  n,
+  m
+], g = o(s);
 export {
-  t as BnButton,
-  m as BnButtonGroup,
-  s as BnIcon,
-  r as BnMessage,
-  l as default,
-  g as messageTypes
+  r as BnButton,
+  a as BnButtonGroup,
+  t as BnIcon,
+  m as BnLoading,
+  L as BnLoadingDirective,
+  u as BnLoadingService,
+  n as BnMessage,
+  g as default,
+  x as vLoading
 };

package/dist/es/{utils-CKyHXHob.js → utils-D7OMQX6l.js}

@@ -1,5 +1,5 @@
-import { a as o, i } from "./vendor-CZxuzErw.js";
-import { faCircleInfo as s, faCheckCircle as l, faCircleExclamation as c, faCircleXmark as r } from "@fortawesome/free-solid-svg-icons";
+import { c as o, i } from "./vendor-BvCJXmoZ.js";
+import { faCircleInfo as s, faCheckCircle as c, faCircleExclamation as l, faCircleXmark as r } from "@fortawesome/free-solid-svg-icons";
 import { defineComponent as u } from "vue";
 function p(e) {
   return (n) => o(e, (a) => n.use(a));
@@ -11,8 +11,8 @@ const C = (e) => (e.install = (t) => {
   n.config.globalProperties[t] = e;
 }, e), w = /* @__PURE__ */ new Map([
   ["info", s],
-  ["success", l],
-  ["warning", c],
+  ["success", c],
+  ["warning", l],
   ["danger", r],
   ["error", r]
 ]), I = u({