bani-ui 1.0.2-alpha.9 → 1.0.2

package/dist/es/{Button-Bwzevixh.js → Button-CXgL_cy-.js}

@@ -1,9 +1,9 @@
 import { defineComponent, inject, computed, useSlots, ref, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createVNode, normalizeStyle, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./Icon-C5WM3GNh.js";
+import { _ as _sfc_main$1 } from "./Icon-iDz_Qer5.js";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons";
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { t as throttle } from "./vendor-R0ZbR4ac.js";
-import { w as withInstall } from "./utils-Uf9tqvV5.js";
+import { t as throttle } from "./vendor-mcUuP0dl.js";
+import { w as withInstall } from "./utils-mFOE2DND.js";
 const BUTTON_GROUP_CTX_KEY = Symbol(
   "BUTTON_GROUP_CTX_KEY"
 );
@@ -49,7 +49,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { trailing: false }
     );
     __expose({
-      ref: _ref,
+      get ref() {
+        return _ref.value ?? void 0;
+      },
       disabled,
       size,
       type

package/dist/es/{ButtonGroup-iYDLXmLV.js → ButtonGroup-CaS3gDGZ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, provide, reactive, toRef, openBlock, createElementBlock, renderSlot } from "vue";
-import { B as BUTTON_GROUP_CTX_KEY } from "./Button-Bwzevixh.js";
-import { w as withInstall } from "./utils-Uf9tqvV5.js";
+import { B as BUTTON_GROUP_CTX_KEY } from "./Button-CXgL_cy-.js";
+import { w as withInstall } from "./utils-mFOE2DND.js";
 import "@fortawesome/free-solid-svg-icons";
 const _hoisted_1 = { class: "er-button-group" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -32,5 +32,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const BnButtonGroup = withInstall(_sfc_main);
 export {
-  BnButtonGroup as B
+  BnButtonGroup as B,
+  _sfc_main as _
 };

package/dist/es/ConfigProvider-BPs20cEq.js

@@ -0,0 +1,74 @@
+import { ref, getCurrentInstance, computed, unref, inject, provide, defineComponent, renderSlot } from "vue";
+import { n as merge, o as n, p as o } from "./vendor-mcUuP0dl.js";
+import { E as English } from "./locale/lang/en.js";
+import { w as withInstall } from "./utils-mFOE2DND.js";
+import "@fortawesome/free-solid-svg-icons";
+const configProviderContextKey = Symbol();
+const globalConfig = ref();
+function useGlobalConfig(key, defaultVal = void 0) {
+  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
+  return config;
+}
+const _createI18n = (opts) => {
+  var _a, _b, _c;
+  const mergeMsg = (msg) => merge(msg, (opts == null ? void 0 : opts.extendsI18nMsg) ?? {});
+  if (!(opts == null ? void 0 : opts.locale))
+    return o({
+      locale: "en",
+      messages: mergeMsg({
+        en: English.el
+      })
+    });
+  return o({
+    locale: ((_a = opts.locale) == null ? void 0 : _a.name) || "en",
+    messages: mergeMsg({
+      [((_b = opts.locale) == null ? void 0 : _b.name) || "en"]: ((_c = opts.locale) == null ? void 0 : _c.el) || {}
+    })
+  });
+};
+function provideGlobalConfig(config = { locale: English }, app, global = false) {
+  const instance = getCurrentInstance();
+  const oldConfig = instance ? useGlobalConfig() : void 0;
+  const provideFn = instance ? provide : void 0;
+  if (!provideFn) {
+    console.warn(
+      "provideGlobalConfig",
+      "provideGlobalConfig() can only be used inside setup()"
+    );
+    return;
+  }
+  const context = computed(() => {
+    const cfg = unref(config);
+    if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
+    return merge({}, oldConfig.value, cfg);
+  });
+  const i18n = computed(() => {
+    return _createI18n(context.value);
+  });
+  provideFn(configProviderContextKey, context);
+  provideFn(n, i18n);
+  if (global || !globalConfig.value) globalConfig.value = context.value;
+  return context;
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BnConfigProvider",
+    inheritAttrs: false
+  },
+  __name: "ConfigProvider",
+  props: {
+    locale: {},
+    extendsI18nMsg: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const config = provideGlobalConfig(props);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { config: unref(config) });
+    };
+  }
+});
+const BnConfigProvider = withInstall(_sfc_main);
+export {
+  BnConfigProvider as B
+};

package/dist/es/Dropdown-Dgqe_mDE.js

@@ -0,0 +1,175 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, useSlots, ref, provide, createVNode, mergeProps, withCtx, createBlock, renderList } from "vue";
+import { b as useId } from "./hooks-Bze4eaZa.js";
+import { _ as _sfc_main$2 } from "./ButtonGroup-CaS3gDGZ.js";
+import { _ as _sfc_main$3 } from "./Button-CXgL_cy-.js";
+import { B as BnTooltip } from "./Tooltip-CR8OQQL4.js";
+import { faAngleDown } from "@fortawesome/free-solid-svg-icons";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { q as omit, k as isNil } from "./vendor-mcUuP0dl.js";
+import { w as withInstall } from "./utils-mFOE2DND.js";
+const DROPDOWN_CTX_KEY = Symbol("dropdownContext");
+const _hoisted_1$1 = {
+  key: 0,
+  role: "separator",
+  class: "divided-placeholder"
+};
+const _hoisted_2 = ["id"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BnDropdownItem",
+    inheritAttrs: false
+  },
+  __name: "DropdownItem",
+  props: {
+    command: { default: useId().value },
+    label: {},
+    disabled: { type: Boolean, default: false },
+    divided: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = inject(DROPDOWN_CTX_KEY);
+    const size = computed(() => ctx == null ? void 0 : ctx.size.value);
+    function handleClick() {
+      if (props.disabled) return;
+      ctx == null ? void 0 : ctx.handleItemClick(props);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.divided ? (openBlock(), createElementBlock("li", _hoisted_1$1)) : createCommentVNode("", true),
+        createElementVNode("li", {
+          id: `dropdown-item-${__props.command ?? unref(useId)().value}`,
+          class: normalizeClass({
+            "er-dropdown__item": true,
+            ["er-dropdown__item--" + size.value]: size.value,
+            "is-disabled": __props.disabled,
+            "is-divided": __props.divided
+          }),
+          onClick: handleClick
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ], 10, _hoisted_2)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1 = { class: "er-dropdown__menu" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BnDropdown",
+    inheritAttrs: false
+  },
+  __name: "Dropdown",
+  props: {
+    type: {},
+    size: {},
+    items: { default: () => [] },
+    hideOnClick: { type: Boolean, default: true },
+    splitButton: { type: Boolean },
+    content: {},
+    trigger: {},
+    placement: {},
+    manual: { type: Boolean },
+    disabled: { type: Boolean },
+    popperOptions: {},
+    transition: {},
+    showTimeout: {},
+    hideTimeout: {}
+  },
+  emits: ["visible-change", "command", "click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    library.add(faAngleDown);
+    const props = __props;
+    const emits = __emit;
+    useSlots();
+    const tooltipRef = ref();
+    const triggerRef = ref();
+    const virtualRef = computed(() => {
+      var _a;
+      return ((_a = triggerRef.value) == null ? void 0 : _a.ref) ?? void 0;
+    });
+    const tooltipProps = computed(
+      () => omit(props, ["items", "hideAfterClick", "size", "type", "splitButton"])
+    );
+    function handleItemClick(e) {
+      var _a;
+      props.hideOnClick && ((_a = tooltipRef.value) == null ? void 0 : _a.hide());
+      !isNil(e.command) && emits("command", e.command);
+    }
+    provide(DROPDOWN_CTX_KEY, {
+      handleItemClick,
+      size: computed(() => props.size)
+    });
+    __expose({
+      open: () => {
+        var _a;
+        return (_a = tooltipRef.value) == null ? void 0 : _a.show();
+      },
+      close: () => {
+        var _a;
+        return (_a = tooltipRef.value) == null ? void 0 : _a.hide();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["er-dropdown", { "is-disabled": props.disabled }])
+      }, [
+        createVNode(BnTooltip, mergeProps({
+          ref_key: "tooltipRef",
+          ref: tooltipRef
+        }, tooltipProps.value, {
+          "virtual-triggering": __props.splitButton,
+          "virtual-ref": virtualRef.value,
+          onVisibleChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("visible-change", $event))
+        }), {
+          content: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "dropdown", {}, () => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+                  return openBlock(), createBlock(_sfc_main$1, mergeProps({
+                    key: item.command,
+                    ref_for: true
+                  }, item), null, 16);
+                }), 128))
+              ])
+            ])
+          ]),
+          default: withCtx(() => [
+            __props.splitButton ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              type: __props.type,
+              size: __props.size,
+              disabled: __props.disabled
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3, {
+                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }),
+                createVNode(_sfc_main$3, {
+                  ref_key: "triggerRef",
+                  ref: triggerRef,
+                  icon: "angle-down"
+                }, null, 512)
+              ]),
+              _: 3
+            }, 8, ["type", "size", "disabled"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          ]),
+          _: 3
+        }, 16, ["virtual-triggering", "virtual-ref"])
+      ], 2);
+    };
+  }
+});
+const BnDropdown = withInstall(_sfc_main);
+const BnDropdownItem = withInstall(_sfc_main$1);
+export {
+  BnDropdown as B,
+  BnDropdownItem as a
+};

package/dist/es/{Icon-C5WM3GNh.js → Icon-iDz_Qer5.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createVNode, unref, normalizeProps, guardReactiveProps } from "vue";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { p as omit } from "./vendor-R0ZbR4ac.js";
-import { w as withInstall } from "./utils-Uf9tqvV5.js";
+import { q as omit } from "./vendor-mcUuP0dl.js";
+import { w as withInstall } from "./utils-mFOE2DND.js";
 import "@fortawesome/free-solid-svg-icons";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/{Loading-DEDOSX2q.js → Loading-BuMMkzGV.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, toDisplayString, vShow, nextTick, ref, reactive, createApp } from "vue";
-import { e as useZIndex } from "./hooks-D92zul9o.js";
-import { _ as _sfc_main$1 } from "./Icon-C5WM3GNh.js";
-import { m as isString, k as isNil, a as defer, e as delay } from "./vendor-R0ZbR4ac.js";
+import { e as useZIndex } from "./hooks-Bze4eaZa.js";
+import { _ as _sfc_main$1 } from "./Icon-iDz_Qer5.js";
+import { m as isString, k as isNil, a as defer, e as delay } from "./vendor-mcUuP0dl.js";
 const _hoisted_1 = { class: "er-loading__spinner" };
 const _hoisted_2 = {
   key: 1,

package/dist/es/{Message-CQJbBQH-.js → Message-xfxk4ZMC.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, normalizeClass, createVNode, renderSlot, unref, createCommentVNode, createElementBlock, withModifiers, vShow, shallowReactive, isVNode, h, render } from "vue";
-import { d as useOffset, a as useEventListener, e as useZIndex, b as useId } from "./hooks-D92zul9o.js";
-import { t as typeIconMap, R as RenderVnode, b as withInstallFunction } from "./utils-Uf9tqvV5.js";
-import { _ as _sfc_main$1 } from "./Icon-C5WM3GNh.js";
-import { faCircleInfo } from "@fortawesome/free-solid-svg-icons";
-import { b as bind, e as delay, g as forEach, m as isString, f as findIndex, h as get, s as set } from "./vendor-R0ZbR4ac.js";
+import { d as useOffset, a as useEventListener, e as useZIndex, b as useId } from "./hooks-Bze4eaZa.js";
+import { t as typeIconMap, R as RenderVnode, b as withInstallFunction } from "./utils-mFOE2DND.js";
+import { _ as _sfc_main$1 } from "./Icon-iDz_Qer5.js";
+import { faCircleInfo, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { b as bind, e as delay, g as forEach, m as isString, f as findIndex, h as get, s as set } from "./vendor-mcUuP0dl.js";
 const messageTypes = [
   "info",
   "success",
@@ -110,9 +110,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             __props.showClose ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(_sfc_main$1, {
-                icon: "xmark",
+                icon: unref(faXmark),
                 onClick: withModifiers(close, ["stop"])
-              })
+              }, null, 8, ["icon"])
             ])) : createCommentVNode("", true)
           ], 38), [
             [vShow, visible.value]
@@ -198,5 +198,6 @@ forEach(
 message.closeAll = closeAll;
 const BnMessage = withInstallFunction(message, "$message");
 export {
-  BnMessage as B
+  BnMessage as B,
+  messageTypes as m
 };

package/dist/es/{Popconfirm-n33nSKOi.js → Popconfirm-DiHdBNmK.js}

@@ -1,10 +1,10 @@
-import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createTextVNode, toDisplayString, createVNode, unref, renderSlot } from "vue";
-import { _ as _sfc_main$2 } from "./Button-Bwzevixh.js";
-import { _ as _sfc_main$1 } from "./Icon-C5WM3GNh.js";
-import { B as BnTooltip } from "./Tooltip-BF6cY52d.js";
+import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from "vue";
+import { _ as _sfc_main$2 } from "./Button-CXgL_cy-.js";
+import { _ as _sfc_main$1 } from "./Icon-iDz_Qer5.js";
+import { B as BnTooltip } from "./Tooltip-CR8OQQL4.js";
 import { faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
-import { a as addUnit, w as withInstall } from "./utils-Uf9tqvV5.js";
-import { c as useLocale } from "./hooks-D92zul9o.js";
+import { a as addUnit, w as withInstall } from "./utils-mFOE2DND.js";
+import { c as useLocale } from "./hooks-Bze4eaZa.js";
 const _hoisted_1 = { class: "er-popconfirm__main" };
 const _hoisted_2 = { class: "er-popconfirm__action" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -26,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["confirm", "cancel"],
   setup(__props, { emit: __emit }) {
-    const { t } = useLocale();
+    const locale = useLocale();
+    const t = computed(() => locale.value.t);
     const props = __props;
     const icon = computed(() => props.icon ?? faQuestionCircle);
     const emits = __emit;
@@ -72,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: cancel
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.cancelButtonText || unref(t)("popconfirm.cancelButtonText")), 1)
+                  createTextVNode(toDisplayString(__props.cancelButtonText || t.value("popconfirm.cancelButtonText")), 1)
                 ]),
                 _: 1
               }, 8, ["type"]),
@@ -83,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: confirm
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.confirmButtonText || unref(t)("popconfirm.confirmButtonText")), 1)
+                  createTextVNode(toDisplayString(__props.confirmButtonText || t.value("popconfirm.confirmButtonText")), 1)
                 ]),
                 _: 1
               }, 8, ["type"])

package/dist/es/{Tooltip-BF6cY52d.js → Tooltip-CR8OQQL4.js}

@@ -1,7 +1,7 @@
 import { onMounted, watch, onUnmounted, defineComponent, ref, computed, watchEffect, openBlock, createElementBlock, mergeProps, toHandlers, renderSlot, createVNode, Transition, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from "vue";
-import { u as useClickOutside } from "./hooks-D92zul9o.js";
-import { i as isElement, g as forEach, c as createPopper, d as debounce, b as bind, k as isNil } from "./vendor-R0ZbR4ac.js";
-import { _ as _export_sfc, w as withInstall } from "./utils-Uf9tqvV5.js";
+import { u as useClickOutside } from "./hooks-Bze4eaZa.js";
+import { i as isElement, g as forEach, c as createPopper, d as debounce, b as bind, k as isNil } from "./vendor-mcUuP0dl.js";
+import { _ as _export_sfc, w as withInstall } from "./utils-mFOE2DND.js";
 import "@fortawesome/free-solid-svg-icons";
 function useEvenstToTiggerNode(props, triggerNode, events, closeMethod) {
   let watchEventsStopHandle;

package/dist/es/{hooks-D92zul9o.js → hooks-Bze4eaZa.js}

@@ -1,5 +1,5 @@
 import { isRef, watch, onMounted, onBeforeUnmount, unref, computed, ref, inject } from "vue";
-import { p as omit, n, o } from "./vendor-R0ZbR4ac.js";
+import { o as n, p as o, q as omit } from "./vendor-mcUuP0dl.js";
 import { E as English } from "./locale/lang/en.js";
 function useEventListener(target, event, handler) {
   if (isRef(target)) {
@@ -50,13 +50,11 @@ function useId(namespace = "er") {
 }
 function useLocale(localeOverrides) {
   {
-    return omit(
-      inject(
-        n,
-        o({ locale: English.name, messages: { en: English.el } })
-      ),
-      "install"
-    );
+    const injected = inject(n);
+    return computed(() => {
+      const instance = unref(injected) ?? o({ locale: English.name, messages: { en: English.el } });
+      return omit(instance, "install");
+    });
   }
 }
 function useClickOutside(elementRef, callback) {

package/dist/es/index.js

@@ -1,13 +1,16 @@
-import { m as makeInstaller } from "./utils-Uf9tqvV5.js";
+import { m as makeInstaller } from "./utils-mFOE2DND.js";
 import "@fortawesome/free-solid-svg-icons";
-import { a as BnButton } from "./Button-Bwzevixh.js";
-import { B as BnButtonGroup } from "./ButtonGroup-iYDLXmLV.js";
-import { B as BnMessage } from "./Message-CQJbBQH-.js";
-import { B as BnIcon } from "./Icon-C5WM3GNh.js";
-import { B as BnLoading } from "./Loading-DEDOSX2q.js";
-import { v, L, v as v2 } from "./Loading-DEDOSX2q.js";
-import { a as BnTooltip } from "./Tooltip-BF6cY52d.js";
-import { B as BnPopconfirm } from "./Popconfirm-n33nSKOi.js";
+import { a as BnButton } from "./Button-CXgL_cy-.js";
+import { B as BnButtonGroup } from "./ButtonGroup-CaS3gDGZ.js";
+import { B as BnMessage } from "./Message-xfxk4ZMC.js";
+import { m } from "./Message-xfxk4ZMC.js";
+import { B as BnIcon } from "./Icon-iDz_Qer5.js";
+import { B as BnLoading } from "./Loading-BuMMkzGV.js";
+import { v, L, v as v2 } from "./Loading-BuMMkzGV.js";
+import { a as BnTooltip } from "./Tooltip-CR8OQQL4.js";
+import { B as BnPopconfirm } from "./Popconfirm-DiHdBNmK.js";
+import { B as BnDropdown, a as BnDropdownItem } from "./Dropdown-Dgqe_mDE.js";
+import { B as BnConfigProvider } from "./ConfigProvider-BPs20cEq.js";
 const components = [
   BnButton,
   BnButtonGroup,
@@ -15,12 +18,18 @@ const components = [
   BnMessage,
   BnLoading,
   BnTooltip,
-  BnPopconfirm
+  BnPopconfirm,
+  BnDropdown,
+  BnDropdownItem,
+  BnConfigProvider
 ];
 const installer = makeInstaller(components);
 export {
   BnButton,
   BnButtonGroup,
+  BnConfigProvider,
+  BnDropdown,
+  BnDropdownItem,
   BnIcon,
   BnLoading,
   v as BnLoadingDirective,
@@ -29,5 +38,6 @@ export {
   BnPopconfirm,
   BnTooltip,
   installer as default,
+  m as messageTypes,
   v2 as vLoading
 };

package/dist/es/{utils-Uf9tqvV5.js → utils-mFOE2DND.js}

@@ -1,4 +1,4 @@
-import { g as forEach, j as isFunction, l as isNumber, m as isString } from "./vendor-R0ZbR4ac.js";
+import { g as forEach, j as isFunction, l as isNumber, m as isString } from "./vendor-mcUuP0dl.js";
 import { faCircleInfo, faCheckCircle, faCircleExclamation, faCircleXmark } from "@fortawesome/free-solid-svg-icons";
 import { defineComponent } from "vue";
 function makeInstaller(components) {