@oneb/ui-vue 0.2.4 → 0.2.9

package/dist/index-f8afb6b6.js

@@ -1,149 +0,0 @@
-import { openBlock as t, createElementBlock as d, createElementVNode as k, defineComponent as C, computed as r, normalizeClass as n, withModifiers as _, createBlock as p, toDisplayString as b, resolveDynamicComponent as m, createCommentVNode as g, renderSlot as B, createTextVNode as S } from "vue";
-import { _ as L } from "./_plugin-vue_export-helper-dad06003.js";
-const A = {}, z = {
-  class: "spinner",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
-};
-function F(u, o) {
-  return t(), d("svg", z, o[0] || (o[0] = [
-    k("circle", {
-      style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
-      class: "opacity-75",
-      cx: "12",
-      cy: "12",
-      r: "8",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
-}
-const f = /* @__PURE__ */ L(A, [["render", F]]), I = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  size: {
-    type: String,
-    default: "md"
-  },
-  label: {
-    type: String
-  },
-  labelClass: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: [Function, Object]
-  },
-  isLoading: {
-    type: Boolean
-  },
-  isSubmit: {
-    type: Boolean,
-    default: !1
-  },
-  disabled: {
-    type: Boolean,
-    default: !1
-  },
-  active: {
-    type: Boolean,
-    default: !1
-  },
-  iconClass: {
-    type: [String, Array]
-  },
-  iconAfter: {
-    type: [Function, Object, String]
-  }
-}, j = [
-  "relative inline-flex",
-  "border",
-  "items-center justify-center",
-  "font-medium whitespace-nowrap",
-  "disabled:opacity-50 disabled:cursor-default",
-  "focus:outline-none focus:ring-2",
-  "transition-colors duration-200"
-], D = {
-  sm: ["px-2 py-1 text-sm"],
-  md: ["px-3 py-2"],
-  lg: ["px-4 py-3"]
-}, N = {
-  primary: ["rounded-md   border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],
-  secondary: ["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],
-  info: ["rounded-md   border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],
-  success: ["rounded-md   border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],
-  warning: ["rounded-md   border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],
-  danger: ["rounded-md   border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],
-  touch: ["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],
-  link: ["rounded-md   border-transparent items-center text-info-base hover:text-info-hover text-sm"],
-  none: ["rounded-md   border-transparent text-gray-500"],
-  mini: ["rounded-full   border-transparent bg-[#FAFAFA]  text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]
-}, O = (u = "primary", o = "md") => {
-  const a = [];
-  return a.push(...j), a.push(...N[u] ?? []), u !== "touch" && a.push(...D[o] ?? []), a;
-}, V = ["disabled", "title", "type"], P = /* @__PURE__ */ C({
-  __name: "OneButton",
-  props: I,
-  emits: ["click"],
-  setup(u, { emit: o }) {
-    const a = o, s = u, v = () => {
-      a("click");
-    }, l = r(() => s.icon), i = r(() => s.iconAfter), y = r(() => {
-      const e = O(s.variant, s.size);
-      return s.variant === "touch" && s.active && e.push("bg-primary-body-active"), e;
-    }), h = r(() => s.disabled || s.isLoading), w = r(() => s.label && s.label.length > 0 && s.variant !== "touch"), x = r(() => {
-      const e = [
-        "inline-block text-ellipsis overflow-hidden"
-      ];
-      return l.value != null && e.push("ml-2"), i.value != null && e.push("mr-2"), s.labelClass != null && e.push(s.labelClass), e;
-    }), c = r(() => {
-      const e = [];
-      return s.size === "sm" ? e.push("w-3 h-3") : s.size === "lg" ? e.push("w-5 h-5") : e.push("w-4 h-4"), typeof s.iconClass == "string" ? e.push(s.iconClass) : s.iconClass instanceof Array && e.push(...s.iconClass), e;
-    });
-    return (e, $) => (t(), d("button", {
-      class: n(y.value),
-      disabled: h.value,
-      title: e.label,
-      type: e.isSubmit ? "submit" : "button",
-      onClick: _(v, ["stop"])
-    }, [
-      l.value != null && e.isLoading ? (t(), p(f, {
-        key: 0,
-        class: n(c.value)
-      }, null, 8, ["class"])) : typeof l.value == "string" ? (t(), d("span", {
-        key: 1,
-        class: n(c.value)
-      }, b(l.value), 3)) : l.value != null ? (t(), p(m(l.value), {
-        key: 2,
-        class: n(c.value)
-      }, null, 8, ["class"])) : g("", !0),
-      w.value ? (t(), d("span", {
-        key: 3,
-        class: n(x.value)
-      }, [
-        B(e.$slots, "default", {}, () => [
-          S(b(e.label), 1)
-        ])
-      ], 2)) : g("", !0),
-      i.value != null && e.isLoading ? (t(), p(f, {
-        key: 4,
-        class: n(c.value)
-      }, null, 8, ["class"])) : typeof i.value == "string" ? (t(), d("span", {
-        key: 5,
-        class: n(c.value)
-      }, b(i.value), 3)) : i.value != null ? (t(), p(m(i.value), {
-        key: 6,
-        class: n(c.value)
-      }, null, 8, ["class"])) : g("", !0)
-    ], 10, V));
-  }
-});
-export {
-  f as S,
-  P as _
-};