morya-ui 0.3.8 → 0.4.0

package/dist/statistic/index.js

@@ -0,0 +1,189 @@
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { t } from "../Skeleton-DCYdXAH2.js";
+import "./style.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, toRefs as _, unref as v, useAttrs as y, useSlots as b, watch as x, withCtx as S } from "vue";
+//#region src/components/Statistic/utils.ts
+var C = [
+	["Y", 31536e6],
+	["M", 2592e6],
+	["D", 864e5],
+	["H", 36e5],
+	["m", 6e4],
+	["s", 1e3],
+	["S", 1]
+];
+function w(e, t, n = ".", r = ",") {
+	let i = typeof e == "number" ? e : Number(e);
+	if (!Number.isFinite(i)) return String(e);
+	let a = t == null ? String(i) : i.toFixed(t), [o = "", s] = a.split("."), c = o.replace(/\B(?=(\d{3})+(?!\d))/g, r);
+	return a = s == null ? c : `${c}${n}${s}`, a;
+}
+function T(e, t) {
+	let n = Math.max(0, e), r = /\[[^\]]*]/g, i = (t.match(r) || []).map((e) => e.slice(1, -1)), a = t.replace(r, "[]");
+	a = C.reduce((e, [t, r]) => {
+		if (!e.includes(t)) return e;
+		let i = Math.floor(n / r);
+		return n -= i * r, e.replace(RegExp(`${t}+`, "g"), (e) => i.toString().padStart(e.length, "0"));
+	}, a);
+	let o = 0;
+	return a.replace(/\[\]/g, () => {
+		let e = i[o];
+		return o += 1, e ?? "";
+	});
+}
+function E(e, t) {
+	let n = new Date(e).getTime();
+	return Number.isFinite(n) ? T(Math.max(n - Date.now(), 0), t) : "-";
+}
+//#endregion
+//#region src/components/Statistic/Statistic.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "m-statistic__title"
+}, O = { class: "m-statistic__content" }, k = {
+	key: 0,
+	class: "m-statistic__affix m-statistic__prefix"
+}, A = { class: "m-statistic__value" }, j = {
+	key: 1,
+	class: "m-statistic__affix m-statistic__suffix"
+}, M = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Statistic",
+	props: {
+		pt: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		value: { default: 0 },
+		precision: {},
+		prefix: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		suffix: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		valueStyle: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		formatter: {},
+		decimalSeparator: { default: "." },
+		groupSeparator: { default: "," }
+	},
+	setup(c) {
+		let d = c, f = y(), m = b(), { rootAttrs: _ } = e(f, () => d.pt), x = n(() => d.formatter ? d.formatter(d.value ?? 0) : w(d.value ?? 0, d.precision, d.decimalSeparator, d.groupSeparator)), S = n(() => d.valueStyle);
+		return (e, n) => (p(), a("div", l(v(_), { class: "m-statistic" }), [v(m).title || c.title ? (p(), a("div", D, [h(e.$slots, "title", {}, () => [s(g(c.title), 1)])])) : i("", !0), o("div", O, [c.loading ? (p(), r(t, {
+			key: 0,
+			width: "6rem",
+			height: "1.75rem"
+		})) : (p(), a("div", {
+			key: 1,
+			class: "m-statistic__value-row",
+			style: u(S.value)
+		}, [
+			v(m).prefix || c.prefix ? (p(), a("span", k, [h(e.$slots, "prefix", {}, () => [s(g(c.prefix), 1)])])) : i("", !0),
+			o("span", A, [h(e.$slots, "value", {}, () => [s(g(x.value), 1)])]),
+			v(m).suffix || c.suffix ? (p(), a("span", j, [h(e.$slots, "suffix", {}, () => [s(g(c.suffix), 1)])])) : i("", !0)
+		], 4))])], 16));
+	}
+}), N = /* @__PURE__ */ c({
+	__name: "StatisticCountdown",
+	props: {
+		value: { default: 0 },
+		format: { default: "HH:mm:ss" },
+		pt: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		precision: {},
+		prefix: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		suffix: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		valueStyle: {},
+		loading: { type: Boolean },
+		decimalSeparator: {},
+		groupSeparator: {}
+	},
+	emits: ["finish", "change"],
+	setup(e, { emit: t }) {
+		let i = e, a = t, o = m(0), c, l = n(() => i.value instanceof Date ? i.value.getTime() : i.value ?? 0), u = n(() => (o.value, E(l.value, i.format)));
+		function h() {
+			let e = new Date(l.value).getTime();
+			return Number.isFinite(e) ? Math.max(e - Date.now(), 0) : 0;
+		}
+		function y() {
+			let e = h();
+			a("change", e), o.value += 1, e <= 0 && (a("finish"), C());
+		}
+		function b() {
+			C(), y(), c = setInterval(y, 1e3);
+		}
+		function C() {
+			c && clearInterval(c), c = void 0;
+		}
+		f(b), d(C), x(l, b);
+		let { pt: w, title: T, prefix: D, suffix: O, valueStyle: k, loading: A, decimalSeparator: j, groupSeparator: N } = _(i);
+		return (e, t) => (p(), r(M, {
+			pt: v(w),
+			title: v(T),
+			prefix: v(D),
+			suffix: v(O),
+			"value-style": v(k),
+			loading: v(A),
+			"decimal-separator": v(j),
+			"group-separator": v(N)
+		}, {
+			value: S(() => [s(g(u.value), 1)]),
+			_: 1
+		}, 8, [
+			"pt",
+			"title",
+			"prefix",
+			"suffix",
+			"value-style",
+			"loading",
+			"decimal-separator",
+			"group-separator"
+		]));
+	}
+});
+//#endregion
+//#region src/components/Statistic/index.ts
+Object.assign(M, { Countdown: N });
+var P = M;
+//#endregion
+export { M as MStatistic, N as MStatisticCountdown, P as default };