@aplus-frontend/ui
Version:
45 lines (44 loc) • 1.45 kB
JavaScript
import { getCurrentInstance as v, inject as N, ref as p, computed as V, unref as y } from "vue";
const m = "aplus", l = "is-", c = (a, r, t, $, o) => {
let u = `${a}-${r}`;
return t && (u += `-${t}`), $ && (u += `__${$}`), o && (u += `--${o}`), u;
}, B = Symbol("namespaceContextKey"), C = (a) => {
const r = a || (v() ? N(B, p(m)) : p(m));
return V(() => y(r) || m);
}, q = (a, r) => {
const t = C(r);
return {
namespace: t,
b: (s = "") => c(t.value, a, s, "", ""),
e: (s) => s ? c(t.value, a, "", s, "") : "",
m: (s) => s ? c(t.value, a, "", "", s) : "",
be: (s, e) => s && e ? c(t.value, a, s, e, "") : "",
em: (s, e) => s && e ? c(t.value, a, "", s, e) : "",
bm: (s, e) => s && e ? c(t.value, a, s, "", e) : "",
bem: (s, e, n) => s && e && n ? c(t.value, a, s, e, n) : "",
is: (s, ...e) => {
const n = e.length >= 1 ? e[0] : !0;
return s && n ? `${l}${s}` : "";
},
cssVar: (s) => {
const e = {};
for (const n in s)
s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
return e;
},
cssVarName: (s) => `--${t.value}-${s}`,
cssVarBlock: (s) => {
const e = {};
for (const n in s)
s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
return e;
},
cssVarBlockName: (s) => `--${t.value}-${a}-${s}`
};
};
export {
m as defaultNamespace,
B as namespaceContextKey,
C as useGetDerivedNamespace,
q as useNamespace
};