oeos-components 0.3.3 → 0.3.4

package/dist/{index-WARvRdiW.js → index-BPYz8wj5.js}

@@ -1,5 +1,5 @@
 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";
-import { i as ie, t as le } from "./index-D_7MW5QK.js";
+import { i as ie, t as le } from "./index-DqYUSDJ3.js";
 const re = ["getWidth", "getHeight", "getDom", "getOption", "resize", "dispatchAction", "convertToPixel", "convertFromPixel", "containPixel", "getDataURL", "getConnectedDataURL", "appendData", "clear", "isDisposed", "dispose"];
 function ue(t) {
   return function() {

package/dist/{index-D_7MW5QK.js → index-DqYUSDJ3.js}

@@ -33948,7 +33948,7 @@ const Woe = P({ name: "OText" }), joe = P({ ...Woe, props: { lineClamp: { type:
 } }), gae = dt(gt(mae, [["__scopeId", "data-v-f4696737"]]));
 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]);
 const vae = { key: 1, class: "vChart-box" }, yae = P({ name: "OCountBar" }), xae = P({ ...yae, props: { data: { type: Array, default: () => [] } }, setup(n) {
-  const t = Oh(() => import("./index-WARvRdiW.js")), e = n, o = ve(), a = ve(!1);
+  const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve(!1);
   let r = { tooltip: { trigger: "axis", axisPointer: { type: "shadow" }, formatter: (i) => {
     const s = i[0];
     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
     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"])]));
   };
 } }), 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) {
-  const t = Oh(() => import("./index-WARvRdiW.js")), e = n, o = ve(), a = ve(!1);
+  const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve(!1);
   let r = { tooltip: { trigger: "axis", formatter: (i) => {
     const s = i[0];
     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
     }(m), y = Ch(v + " " + g);
     return u.value = y / 5, y;
   }, p = ie(() => {
-    var f, m, g, v;
-    const h = s.value[0].timeValue.map((y, x, w) => {
-      const b = Iu(1e3 * y.time, "{m}-{d}"), _ = w.slice(0, x).every((S) => Iu(1e3 * S.time, "{m}-{d}") !== b);
-      return { ...y, displayLabel: _ ? b : "" };
+    var m, g, v, y, x, w;
+    let h = ((g = (m = a.value) == null ? void 0 : m.$el) == null ? void 0 : g.offsetWidth) < 1e3 ? 4 : 2;
+    const f = s.value[0].timeValue.map((b, _, S) => {
+      const M = Iu(1e3 * b.time, "{m}-{d}"), A = _ === 0 || Iu(1e3 * S[_ - 1].time, "{m}-{d}") !== M;
+      return { ...b, timeStr: M, isKeyPoint: A };
     });
-    return { color: [i[0], i[1], "#37A2FF", "#FF0087", "#FFBF00"], tooltip: { trigger: "axis", formatter: (y, ...x) => {
-      let w = ` ${Iu(1e3 * s.value[0].timeValue[y[0].dataIndex].time, "{y}-{m}-{d} {h}:{m}")} <br> `;
-      return y.forEach((b) => {
-        b.seriesName === "数量" && (w += `数量: <span class="bold-700">${Ft(b.data)}</span> <br> `), b.seriesName === "大小" && (w += `大小: <span class="bold-700">
-              ${jn(b.data)}
+    return { color: [i[0], i[1], "#37A2FF", "#FF0087", "#FFBF00"], tooltip: { trigger: "axis", formatter: (b, ..._) => {
+      let S = ` ${Iu(1e3 * s.value[0].timeValue[b[0].dataIndex].time, "{y}-{m}-{d} {h}:{m}")} <br> `;
+      return b.forEach((M) => {
+        M.seriesName === "数量" && (S += `数量: <span class="bold-700">${Ft(M.data)}</span> <br> `), M.seriesName === "大小" && (S += `大小: <span class="bold-700">
+              ${jn(M.data)}
             </span>`);
-      }), w;
-    } }, grid: { containLabel: !0, top: "10%", right: "4%", bottom: "4%", left: "4%" }, legend: { data: ["数量", "大小"], right: "10", orient: "horizontal", align: "left" }, xAxis: { type: "category", data: h.map((y) => y.displayLabel), axisLabel: { interval: 0 } }, yAxis: [{ type: "value", axisLine: { show: !1 }, splitLine: { show: !1 }, minInterval: 1, axisLabel: { color: "#8e97ae", formatter: (y) => {
-      var x;
-      return (x = y) >= 1e12 ? Ft(x / 1e12) + "兆" : x >= 1e8 ? Ft(x / 1e8) + "亿" : x >= 1e4 ? Ft(x / 1e4) + "万" : Ft(x);
-    }, hideOverlap: !0 } }, { type: "value", position: "right", splitLine: { show: !1 }, minInterval: 1, interval: u.value, max: d, axisLabel: { color: "#8e97ae", formatter: (y) => jn(y) } }], 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: (m = (f = s.value) == null ? void 0 : f[0]) == null ? void 0 : m.timeValue.map((y) => Number(y.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: (v = (g = l.value) == null ? void 0 : g[0]) == null ? void 0 : v.timeValue.map((y) => Number(y.value)) }] };
+      }), S;
+    } }, 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) => {
+      var _;
+      return (_ = b) >= 1e12 ? Ft(_ / 1e12) + "兆" : _ >= 1e8 ? Ft(_ / 1e8) + "亿" : _ >= 1e4 ? Ft(_ / 1e4) + "万" : Ft(_);
+    }, 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)) }] };
   });
   return ut([() => r.objectCount, () => r.objectSize], ([h, f]) => {
     s.value = h, l.value = f;
@@ -34071,7 +34072,7 @@ function Jv(n, t) {
   return n.dataIndex === 0 ? parseInt(t) > 100 ? vl("--red") : vl("--blue") : vl("--green");
 }
 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) {
-  const t = Oh(() => import("./index-WARvRdiW.js")), { proxy: e } = Nt(), o = n, a = ve(null), r = ve({ width: 0, height: 0 }), i = ve(!1), s = ve();
+  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();
   ve([]);
   const l = ve(0), c = ve(0), u = ve("0%");
   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}`;
   };
 } }), 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: () => {
 } } }, setup(n) {
-  const t = Oh(() => import("./index-WARvRdiW.js")), e = n, o = ve(), a = ve("0%");
+  const t = Oh(() => import("./index-BPYz8wj5.js")), e = n, o = ve(), a = ve("0%");
   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) {
     i.name, i.value;
     let { value: s, name: l } = i.data, c = jn(s);

package/dist/oeos-components-es.js

@@ -1,4 +1,4 @@
-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-D_7MW5QK.js";
+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";
 export {
   e as $toast,
   t as OSvg,