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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bani-ui",
-  "version": "1.0.2-alpha.0",
+  "version": "1.0.2-alpha.2",
   "type": "module",
   "description": "Components library by Vue3 + TS",
   "main": "./dist/umd/index.umd.cjs",
@@ -11,9 +11,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/types/core/index.d.ts",
       "import": "./dist/es/index.js",
-      "require": "./dist/umd/index.umd.cjs",
-      "types": "./dist/types/core/index.d.ts"
+      "require": "./dist/umd/index.umd.cjs"
     },
     "./dist/": {
       "import": "./dist/",
@@ -36,6 +36,11 @@
     "@bani/theme": "1.0.0",
     "@bani/utils": "1.0.0"
   },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/vue-fontawesome": "^3.2.0"
+  },
   "peerDependencies": {
     "vue": "^3.4.19"
   },

package/dist/es/Button-Bwc0dTzv.js

@@ -1,102 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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
-};