oeos-components 0.3.1 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as Q, h as V, shallowRef as w, inject as _, toRefs as X, computed as p, getCurrentInstance as ee, watch as E, watchEffect as P, onMounted as te, onBeforeUnmount as ne, isRef as oe, unref as se, nextTick as ae } from "vue";
|
|
2
|
-
import { i as ie, t as le } from "./index-
|
|
2
|
+
import { i as ie, t as le } from "./index-DqYUSDJ3.js";
|
|
3
3
|
const re = ["getWidth", "getHeight", "getDom", "getOption", "resize", "dispatchAction", "convertToPixel", "convertFromPixel", "containPixel", "getDataURL", "getConnectedDataURL", "appendData", "clear", "isDisposed", "dispose"];
|
|
4
4
|
function ue(t) {
|
|
5
5
|
return function() {
|
|
@@ -33948,7 +33948,7 @@ const Woe = P({ name: "OText" }), joe = P({ ...Woe, props: { lineClamp: { type:
|
|
|
33948
33948
|
} }), gae = dt(gt(mae, [["__scopeId", "data-v-f4696737"]]));
|
|
33949
33949
|
qe([AC, _C, pC, eT, nT, Qg, aT, cv, rT, sT, fT, xT, ec, bT, ST, AT, TT, DT, kT, OT, VT, Ny, Oy, FT, zy, Vy, GT, jT, WT]);
|
|
33950
33950
|
const vae = { key: 1, class: "vChart-box" }, yae = P({ name: "OCountBar" }), xae = P({ ...yae, props: { data: { type: Array, default: () => [] } }, setup(n) {
|
|
33951
|
-
const t = Oh(() => import("./index-
|
|
33951
|
+
const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve(!1);
|
|
33952
33952
|
let r = { tooltip: { trigger: "axis", axisPointer: { type: "shadow" }, formatter: (i) => {
|
|
33953
33953
|
const s = i[0];
|
|
33954
33954
|
return `${s.name}: ${Ft(s.value)}个 <br> 总大小: ${jn(i[1].value)}`;
|
|
@@ -33967,7 +33967,7 @@ const vae = { key: 1, class: "vChart-box" }, yae = P({ name: "OCountBar" }), xae
|
|
|
33967
33967
|
return a.value ? (L(), me(l, { key: 0, class: "h-100%" })) : (L(), B("div", vae, [Qe(Y(t), { class: "calc-height", option: o.value, autoresize: "" }, null, 8, ["option"])]));
|
|
33968
33968
|
};
|
|
33969
33969
|
} }), wae = dt(gt(xae, [["__scopeId", "data-v-5584de16"]])), _ae = { key: 1, class: "vChart-box" }, bae = P({ name: "OCountBarOld" }), Sae = P({ ...bae, props: { data: { type: Array, default: () => [] } }, setup(n) {
|
|
33970
|
-
const t = Oh(() => import("./index-
|
|
33970
|
+
const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve(!1);
|
|
33971
33971
|
let r = { tooltip: { trigger: "axis", formatter: (i) => {
|
|
33972
33972
|
const s = i[0];
|
|
33973
33973
|
return `${s.name}: ${Ft(s.value)}个 <br> 总大小: ${jn(i[1].value)}`;
|
|
@@ -34022,22 +34022,23 @@ const vae = { key: 1, class: "vChart-box" }, yae = P({ name: "OCountBar" }), xae
|
|
|
34022
34022
|
}(m), y = Ch(v + " " + g);
|
|
34023
34023
|
return u.value = y / 5, y;
|
|
34024
34024
|
}, p = ie(() => {
|
|
34025
|
-
var
|
|
34026
|
-
|
|
34027
|
-
|
|
34028
|
-
|
|
34029
|
-
|
|
34030
|
-
|
|
34025
|
+
var m, g, v, y, x, w;
|
|
34026
|
+
let h = ((g = (m = a.value) == null ? void 0 : m.$el) == null ? void 0 : g.offsetWidth) < 1e3 ? 4 : 2;
|
|
34027
|
+
const f = s.value[0].timeValue.map((b, _, S) => {
|
|
34028
|
+
const M = Iu(1e3 * b.time, "{m}-{d}"), A = _ === 0 || Iu(1e3 * S[_ - 1].time, "{m}-{d}") !== M;
|
|
34029
|
+
return { ...b, timeStr: M, isKeyPoint: A };
|
|
34030
|
+
});
|
|
34031
|
+
return { color: [i[0], i[1], "#37A2FF", "#FF0087", "#FFBF00"], tooltip: { trigger: "axis", formatter: (b, ..._) => {
|
|
34032
|
+
let S = ` ${Iu(1e3 * s.value[0].timeValue[b[0].dataIndex].time, "{y}-{m}-{d} {h}:{m}")} <br> `;
|
|
34033
|
+
return b.forEach((M) => {
|
|
34034
|
+
M.seriesName === "数量" && (S += `数量: <span class="bold-700">${Ft(M.data)}</span> <br> `), M.seriesName === "大小" && (S += `大小: <span class="bold-700">
|
|
34035
|
+
${jn(M.data)}
|
|
34031
34036
|
</span>`);
|
|
34032
|
-
}),
|
|
34033
|
-
} }, grid: { containLabel: !0, top: "10%", right: "4%", bottom: "4%", left: "4%" }, legend: { data: ["数量", "大小"], right: "10", orient: "horizontal", align: "left" }, xAxis: { type: "category", interval: 0,
|
|
34034
|
-
var _
|
|
34035
|
-
|
|
34036
|
-
|
|
34037
|
-
} } }, yAxis: [{ type: "value", axisLine: { show: !1 }, splitLine: { show: !1 }, minInterval: 1, axisLabel: { color: "#8e97ae", formatter: (v) => {
|
|
34038
|
-
var y;
|
|
34039
|
-
return (y = v) >= 1e12 ? Ft(y / 1e12) + "兆" : y >= 1e8 ? Ft(y / 1e8) + "亿" : y >= 1e4 ? Ft(y / 1e4) + "万" : Ft(y);
|
|
34040
|
-
}, hideOverlap: !0 } }, { type: "value", position: "right", splitLine: { show: !1 }, minInterval: 1, interval: u.value, max: d, axisLabel: { color: "#8e97ae", formatter: (v) => jn(v) } }], blendMode: "multiply", series: [{ name: "数量", type: "line", stack: "Total", smooth: !0, showSymbol: !1, lineStyle: { color: i[0], width: 1 }, areaStyle: { color: i[0] }, emphasis: { focus: "series" }, data: (f = (h = s.value) == null ? void 0 : h[0]) == null ? void 0 : f.timeValue.map((v) => Number(v.value)) }, { yAxisIndex: 1, name: "大小", type: "line", stack: "Total", smooth: !0, showSymbol: !1, lineStyle: { width: 1, color: i[1] }, areaStyle: { color: i[1] }, emphasis: { focus: "series" }, data: (g = (m = l.value) == null ? void 0 : m[0]) == null ? void 0 : g.timeValue.map((v) => Number(v.value)) }] };
|
|
34037
|
+
}), S;
|
|
34038
|
+
} }, grid: { containLabel: !0, top: "10%", right: "4%", bottom: "4%", left: "4%" }, legend: { data: ["数量", "大小"], right: "10", orient: "horizontal", align: "left" }, xAxis: { type: "category", data: f.map((b) => b.isKeyPoint ? b.timeStr : ""), axisLabel: { showMinLabel: !0, showMaxLabel: !0, interval: h }, axisTick: { alignWithLabel: !0, interval: h } }, yAxis: [{ type: "value", axisLine: { show: !1 }, splitLine: { show: !1 }, minInterval: 1, axisLabel: { color: "#8e97ae", formatter: (b) => {
|
|
34039
|
+
var _;
|
|
34040
|
+
return (_ = b) >= 1e12 ? Ft(_ / 1e12) + "兆" : _ >= 1e8 ? Ft(_ / 1e8) + "亿" : _ >= 1e4 ? Ft(_ / 1e4) + "万" : Ft(_);
|
|
34041
|
+
}, hideOverlap: !0 } }, { type: "value", position: "right", splitLine: { show: !1 }, minInterval: 1, interval: u.value, max: d, axisLabel: { color: "#8e97ae", formatter: (b) => jn(b) } }], blendMode: "multiply", series: [{ name: "数量", type: "line", stack: "Total", smooth: !0, showSymbol: !1, lineStyle: { color: i[0], width: 1 }, areaStyle: { color: i[0] }, emphasis: { focus: "series" }, data: (y = (v = s.value) == null ? void 0 : v[0]) == null ? void 0 : y.timeValue.map((b) => Number(b.value)) }, { yAxisIndex: 1, name: "大小", type: "line", stack: "Total", smooth: !0, showSymbol: !1, lineStyle: { width: 1, color: i[1] }, areaStyle: { color: i[1] }, emphasis: { focus: "series" }, data: (w = (x = l.value) == null ? void 0 : x[0]) == null ? void 0 : w.timeValue.map((b) => Number(b.value)) }] };
|
|
34041
34042
|
});
|
|
34042
34043
|
return ut([() => r.objectCount, () => r.objectSize], ([h, f]) => {
|
|
34043
34044
|
s.value = h, l.value = f;
|
|
@@ -34071,7 +34072,7 @@ function Jv(n, t) {
|
|
|
34071
34072
|
return n.dataIndex === 0 ? parseInt(t) > 100 ? vl("--red") : vl("--blue") : vl("--green");
|
|
34072
34073
|
}
|
|
34073
34074
|
const Zae = P({ name: "OQuotaPie", __name: "index", props: { used: { type: [String, Number], required: !0 }, total: { type: [String, Number], required: !0 }, type: { type: String, default: "used" }, text: { type: String, required: !0, default: "总使用量 / 总可用量" } }, setup(n) {
|
|
34074
|
-
const t = Oh(() => import("./index-
|
|
34075
|
+
const t = Oh(() => import("./index-BPYz8wj5.js")), { proxy: e } = Nt(), o = n, a = ve(null), r = ve({ width: 0, height: 0 }), i = ve(!1), s = ve();
|
|
34075
34076
|
ve([]);
|
|
34076
34077
|
const l = ve(0), c = ve(0), u = ve("0%");
|
|
34077
34078
|
let d = { title: { text: "", textStyle: { color: "blue", fontSize: 16 } }, legend: { top: "bottom", textStyle: { fontSize: 10 }, left: "center" }, tooltip: { trigger: "item", show: !1 }, toolbox: { show: !0, feature: { mark: { show: !0 } } }, series: [{ type: "pie", radius: ["70%", "90%"], center: ["50%", "50%"], label: { backgroundColor: "#F6F8FC", borderColor: "#8C8D8E", position: "inner", borderRadius: 4, textStyle: { fontSize: 12, color: "#e4393c" }, rich: { a: { color: "#6E7079", lineHeight: 22, fontSize: 10, align: "center" }, hr: { borderColor: "#8C8D8E", width: "100%", borderWidth: 1, height: 0 }, b: { color: "#4C5058", fontSize: 12, fontWeight: "bold", lineHeight: 33 } } }, itemStyle: { borderRadius: 8, color: (h) => Jv(h, u.value) }, data: [] }], graphic: { type: "text", left: "center", top: "center", style: { text: ie(() => {
|
|
@@ -34106,7 +34107,7 @@ ${o.text}`;
|
|
|
34106
34107
|
};
|
|
34107
34108
|
} }), qae = dt(gt(Zae, [["__scopeId", "data-v-4edcc1d9"]])), Ik = (n) => (Eh("data-v-d886d366"), n = n(), Nh(), n), Qae = { class: "vChart-box" }, Kae = { class: "f w-100% list-container" }, Jae = { class: "list" }, $ae = Ik(() => k("div", null, "使用量", -1)), ere = { class: "num" }, tre = { class: "list" }, nre = Ik(() => k("div", null, "总量", -1)), ore = { class: "num" }, are = P({ name: "OUsedPie" }), rre = P({ ...are, props: { used: { type: [Number, String], default: 0 }, total: { type: [Number, String], default: 0 }, options: { type: Object, default: () => {
|
|
34108
34109
|
} } }, setup(n) {
|
|
34109
|
-
const t = Oh(() => import("./index-
|
|
34110
|
+
const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve("0%");
|
|
34110
34111
|
let r = { tooltip: { trigger: "item", show: !1 }, series: [{ type: "pie", center: ["50%", "50%"], radius: ["65%", "85%"], clockwise: !0, avoidLabelOverlap: !0, hoverOffset: 15, itemStyle: { color: (i) => Jv(i, a.value) }, label: { show: !1, position: "outside", formatter: function(i) {
|
|
34111
34112
|
i.name, i.value;
|
|
34112
34113
|
let { value: s, name: l } = i.data, c = jn(s);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as e, O as t, q as o, d as r, f as m, c as i, H as n, w as g, a as f, G as l, b as p, D as c, E as d, j as u, r as y, I as v, x as S, h, g as T, l as b, J as x, e as B, y as E, m as F, n as w, B as C, z as D, s as I, o as L, F as O, C as W, A as $, u as j, k, v as q, p as z } from "./index-
|
|
1
|
+
import { $ as e, O as t, q as o, d as r, f as m, c as i, H as n, w as g, a as f, G as l, b as p, D as c, E as d, j as u, r as y, I as v, x as S, h, g as T, l as b, J as x, e as B, y as E, m as F, n as w, B as C, z as D, s as I, o as L, F as O, C as W, A as $, u as j, k, v as q, p as z } from "./index-DqYUSDJ3.js";
|
|
2
2
|
export {
|
|
3
3
|
e as $toast,
|
|
4
4
|
t as OSvg,
|