sakana-element 1.0.1

package/dist/es/Button-B9E1LUtb.js

@@ -0,0 +1,106 @@
+import { defineComponent as z, useSlots as I, inject as O, ref as S, computed as s, createBlock as g, openBlock as u, resolveDynamicComponent as N, unref as R, normalizeClass as U, withCtx as w, renderSlot as d, createCommentVNode as _, createVNode as D, normalizeStyle as h, provide as K, reactive as P, toRef as r, createElementBlock as V } from "vue";
+import { _ as k } from "./Icon-D-m6M0GX.js";
+import { t as X } from "./vendor-B6hv2FuL.js";
+import { w as T } from "./utils-Dr2tNfHs.js";
+const C = Symbol(
+  "BUTTON_GROUP_CTX_KEY"
+), Y = /* @__PURE__ */ z({
+  name: "ErButton",
+  __name: "Button",
+  props: {
+    tag: { default: "button" },
+    type: {},
+    size: {},
+    nativeType: { default: "button" },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    icon: {},
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    round: { type: Boolean },
+    loadingIcon: {},
+    autofocus: { type: Boolean },
+    useThrottle: { type: Boolean, default: !0 },
+    throttleDuration: { default: 500 }
+  },
+  emits: ["click"],
+  setup(a, { expose: n, emit: l }) {
+    const t = a, i = l, $ = I(), o = O(C, void 0), c = S(), p = s(() => (o == null ? void 0 : o.size) ?? (t == null ? void 0 : t.size) ?? ""), f = s(() => (o == null ? void 0 : o.type) ?? (t == null ? void 0 : t.type) ?? ""), y = s(() => (o == null ? void 0 : o.disabled) || (t == null ? void 0 : t.disabled) || !1), m = s(() => ({
+      marginRight: $.default ? "6px" : "0px"
+    })), v = (e) => i("click", e), G = X(
+      v,
+      t.throttleDuration,
+      { trailing: !1 }
+    );
+    return n({
+      ref: c
+    }), (e, B) => (u(), g(N(e.tag), {
+      ref_key: "_ref",
+      ref: c,
+      autofocus: e.autofocus,
+      type: e.tag === "button" ? e.nativeType : void 0,
+      class: U(["er-button", {
+        [`er-button--${f.value}`]: f.value,
+        [`er-button--${p.value}`]: p.value,
+        "is-plain": e.plain,
+        "is-round": e.round,
+        "is-circle": e.circle,
+        "is-disabled": y.value,
+        "is-loading": e.loading
+      }]),
+      disabled: y.value || e.loading ? !0 : void 0,
+      onClick: B[0] || (B[0] = (b) => e.useThrottle ? R(G)(b) : v(b))
+    }, {
+      default: w(() => [
+        e.loading ? d(e.$slots, "loading", { key: 0 }, () => [
+          D(k, {
+            class: "loading-icon",
+            icon: e.loadingIcon ?? "spinner",
+            style: h(m.value),
+            size: "1x",
+            spin: ""
+          }, null, 8, ["icon", "style"])
+        ], !0) : _("", !0),
+        e.icon && !e.loading ? (u(), g(k, {
+          key: 1,
+          icon: e.icon,
+          style: h(m.value),
+          size: "1x"
+        }, null, 8, ["icon", "style"])) : _("", !0),
+        d(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["autofocus", "type", "disabled", "class"]));
+  }
+}), E = (a, n) => {
+  const l = a.__vccOpts || a;
+  for (const [t, i] of n)
+    l[t] = i;
+  return l;
+}, j = /* @__PURE__ */ E(Y, [["__scopeId", "data-v-3a64ee7d"]]), q = { class: "er-button-group" }, A = /* @__PURE__ */ z({
+  name: "ErButtonGroup",
+  __name: "ButtonGroup",
+  props: {
+    size: {},
+    type: {},
+    disabled: { type: Boolean }
+  },
+  setup(a) {
+    const n = a;
+    return K(
+      //注入
+      C,
+      P({
+        size: r(n, "size"),
+        type: r(n, "type"),
+        disabled: r(n, "disabled")
+      })
+    ), (l, t) => (u(), V("div", q, [
+      d(l.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), F = /* @__PURE__ */ E(A, [["__scopeId", "data-v-f316cd1a"]]), Q = T(j), W = T(F);
+export {
+  Q as E,
+  W as a
+};

package/dist/es/Icon-D-m6M0GX.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, computed as o, createElementBlock as l, openBlock 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-B6hv2FuL.js";
+import { w as d } from "./utils-Dr2tNfHs.js";
+const v = /* @__PURE__ */ p({
+  name: "ErIcon",
+  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(t) {
+    const e = t, n = o(() => f(e, ["type", "color"])), r = o(() => ({ color: e.color ?? void 0 }));
+    return (a, I) => (s(), l("i", i({
+      class: ["er-icon", [`er-icon-${e.type}`]],
+      style: r.value
+    }, a.$attrs), [
+      c(m(u), y(B(n.value)), null, 16)
+    ], 16));
+  }
+}), k = d(v);
+export {
+  k as E,
+  v as _
+};

package/dist/es/index.js

@@ -0,0 +1,14 @@
+import { m as o } from "./utils-Dr2tNfHs.js";
+import { library as r } from "@fortawesome/fontawesome-svg-core";
+import { fas as t } from "@fortawesome/free-solid-svg-icons";
+import { E as a, a as m } from "./Button-B9E1LUtb.js";
+import { E as s } from "./Icon-D-m6M0GX.js";
+const n = [a, m, s];
+r.add(t);
+const E = o(n);
+export {
+  a as ErButton,
+  m as ErButtonGroup,
+  s as ErIcon,
+  E as default
+};

package/dist/es/utils-Dr2tNfHs.js

@@ -0,0 +1,14 @@
+import { f as n } from "./vendor-B6hv2FuL.js";
+function e(a) {
+  return (s) => n(a, (l) => {
+    s.use(l);
+  });
+}
+const i = (a) => (a.install = (t) => {
+  const s = a.name;
+  t.component(s, a);
+}, a);
+export {
+  e as m,
+  i as w
+};