bani-ui 1.0.1 → 1.0.2-alpha.1

package/dist/es/Button-Bwc0dTzv.js

@@ -0,0 +1,102 @@
+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-CseJvWyQ.js";
+import { faSpinner } from "@fortawesome/free-solid-svg-icons";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { t as throttle } from "./vendor-BkjRo-uZ.js";
+import { w as withInstall } from "./utils-B5aZ4w8w.js";
+const BUTTON_GROUP_CTX_KEY = Symbol(
+  "BUTTON_GROUP_CTX_KEY"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    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: true },
+    throttleDuration: { default: 500 }
+  },
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    library.add(faSpinner);
+    const props = __props;
+    const ctx = inject(BUTTON_GROUP_CTX_KEY, void 0);
+    const size = computed(() => (ctx == null ? void 0 : ctx.size) ?? props.size ?? "");
+    const type = computed(() => (ctx == null ? void 0 : ctx.type) ?? props.type ?? "");
+    const disabled = computed(() => (ctx == null ? void 0 : ctx.disabled) || props.disabled || false);
+    const emits = __emit;
+    const slots = useSlots();
+    const _ref = ref();
+    const iconStyle = computed(() => ({
+      marginRight: slots.default ? "6px" : "0px"
+    }));
+    const handleBthClick = (e) => emits("click", e);
+    const handleBthClickThrottle = throttle(
+      handleBthClick,
+      props.throttleDuration,
+      { trailing: false }
+    );
+    __expose({
+      ref: _ref,
+      disabled,
+      size,
+      type
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        ref_key: "_ref",
+        ref: _ref,
+        class: normalizeClass(["er-button", {
+          [`er-button--${type.value}`]: type.value,
+          [`er-button--${size.value}`]: size.value,
+          "is-plain": __props.plain,
+          "is-round": __props.round,
+          "is-circle": __props.circle,
+          "is-disabled": disabled.value,
+          "is-loading": __props.loading
+        }]),
+        autofocus: __props.autofocus,
+        type: __props.tag === "button" ? __props.nativeType : void 0,
+        disabled: disabled.value || __props.loading,
+        onClick: _cache[0] || (_cache[0] = (e) => __props.useThrottle ? unref(handleBthClickThrottle)(e) : handleBthClick(e))
+      }, {
+        default: withCtx(() => [
+          __props.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
+            createVNode(_sfc_main$1, {
+              class: "loading-icon",
+              icon: __props.loadingIcon ?? unref(faSpinner),
+              style: normalizeStyle(iconStyle.value),
+              size: "1x",
+              spin: ""
+            }, null, 8, ["icon", "style"])
+          ]) : createCommentVNode("", true),
+          __props.icon && !__props.loading ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            icon: __props.icon,
+            size: "1x",
+            style: normalizeStyle(iconStyle.value)
+          }, null, 8, ["icon", "style"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["autofocus", "type", "disabled", "class"]);
+    };
+  }
+});
+const BnButton = withInstall(_sfc_main);
+export {
+  BUTTON_GROUP_CTX_KEY as B,
+  BnButton as a
+};

package/dist/es/ButtonGroup-C4UHHgrM.js

@@ -0,0 +1,35 @@
+import { defineComponent, provide, reactive, toRef, openBlock, createElementBlock, renderSlot } from "vue";
+import { B as BUTTON_GROUP_CTX_KEY } from "./Button-Bwc0dTzv.js";
+import { w as withInstall } from "./utils-B5aZ4w8w.js";
+const _hoisted_1 = { class: "er-button-group" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BnButtonGroup"
+  },
+  __name: "ButtonGroup",
+  props: {
+    size: {},
+    type: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    provide(
+      BUTTON_GROUP_CTX_KEY,
+      reactive({
+        size: toRef(props, "size"),
+        type: toRef(props, "type"),
+        disabled: toRef(props, "disabled")
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+const BnButtonGroup = withInstall(_sfc_main);
+export {
+  BnButtonGroup as B
+};

package/dist/es/Icon-CseJvWyQ.js

@@ -0,0 +1,56 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createVNode, unref, normalizeProps, guardReactiveProps } from "vue";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { o as omit } from "./vendor-BkjRo-uZ.js";
+import { w as withInstall } from "./utils-B5aZ4w8w.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BnIcon",
+    inheritAttrs: false
+  },
+  __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(__props) {
+    const props = __props;
+    const filterProps = computed(() => omit(props, ["type", "color"]));
+    const customStyles = computed(() => ({ color: props.color ?? void 0 }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", mergeProps({
+        class: ["er-icon", [`er-icon--${__props.type}`]],
+        style: customStyles.value
+      }, _ctx.$attrs), [
+        createVNode(unref(FontAwesomeIcon), normalizeProps(guardReactiveProps(filterProps.value)), null, 16)
+      ], 16);
+    };
+  }
+});
+const BnIcon = withInstall(_sfc_main);
+export {
+  BnIcon as B,
+  _sfc_main as _
+};

package/dist/es/index.js

@@ -0,0 +1,12 @@
+import { m as makeInstaller } from "./utils-B5aZ4w8w.js";
+import { a as BnButton } from "./Button-Bwc0dTzv.js";
+import { B as BnButtonGroup } from "./ButtonGroup-C4UHHgrM.js";
+import { B as BnIcon } from "./Icon-CseJvWyQ.js";
+const components = [BnButton, BnButtonGroup, BnIcon];
+const installer = makeInstaller(components);
+export {
+  BnButton,
+  BnButtonGroup,
+  BnIcon,
+  installer as default
+};

package/dist/es/utils-B5aZ4w8w.js

@@ -0,0 +1,16 @@
+import { f as forEach } from "./vendor-BkjRo-uZ.js";
+function makeInstaller(components) {
+  const install = (app) => forEach(components, (c) => app.use(c));
+  return install;
+}
+const withInstall = (component) => {
+  component.install = (app) => {
+    const name = component.name;
+    app.component(name, component);
+  };
+  return component;
+};
+export {
+  makeInstaller as m,
+  withInstall as w
+};