vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
37 lines (36 loc) • 1.12 kB
JavaScript
import { defineComponent as _, createElementBlock as t, openBlock as r, normalizeStyle as n, unref as e, Fragment as u, renderList as m, toDisplayString as o } from "vue";
import { useMagicNumber as b } from "./hook/useMagicNumber.mjs";
const z = /* @__PURE__ */ _({
name: "MagicNumber",
__name: "index",
props: {
value: {},
size: { default: 12 },
sep: { type: Boolean, default: !0 }
},
setup(c) {
const i = c, { digits: p, valueArr: y, styles: d, numStyle: a, isSeparator: g, getItemStyle: f } = b(i);
return (S, v) => (r(), t("div", {
class: "app-magic-number",
style: n(e(d))
}, [
(r(!0), t(u, null, m(e(y), (s, k) => (r(), t("div", {
key: k,
class: "magic-number-item",
style: n(e(f)(s))
}, [
e(g)(s) ? (r(), t("span", {
key: 0,
style: n(e(a))
}, o(s), 5)) : (r(!0), t(u, { key: 1 }, m(e(p), (l) => (r(), t("span", {
key: l,
class: "magic-number-num",
style: n(e(a))
}, o(l), 5))), 128))
], 4))), 128))
], 4));
}
});
export {
z as default
};