@duxweb/dvha-pro 1.1.30 → 1.1.31

package/dist/esm/components/stats/number.js

@@ -1,49 +1,35 @@
-import { defineComponent as s, createVNode as t, createTextVNode as l } from "vue";
-const c = /* @__PURE__ */ s({
-  name: "DuxStatsNumber",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    subtitle: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    change: {
-      type: Number,
-      default: 0
-    },
-    changeType: {
-      type: String,
-      default: "up"
-    }
-  },
-  setup(n) {
-    const a = (e) => typeof e == "number" ? e.toLocaleString() : e, u = (e) => e === "up" ? "▲" : e === "down" ? "▼" : "", r = (e) => e === "up" ? "text-success" : e === "down" ? "text-error" : "text-muted";
-    return () => t("div", {
-      class: "flex flex-col gap-1"
-    }, [t("div", {
-      class: "flex items-baseline justify-between"
-    }, [t("h3", {
-      class: "text-sm text-muted"
-    }, [n.title])]), t("div", {
-      class: "text-2xl font-bold text-default"
-    }, [a(n.value)]), t("div", {
-      class: "flex flex-row gap-2 items-center text-sm"
-    }, [n.subtitle && t("span", {
-      class: " text-muted"
-    }, [n.subtitle]), n.change !== void 0 && t("div", {
-      class: ["flex items-center gap-1", r(n.changeType)]
-    }, [t("span", {
-      class: "text-xs"
-    }, [u(n.changeType)]), t("span", null, [Math.abs(n.change), l("%")])])])]);
-  }
+import { createTextVNode as e, createVNode as t, defineComponent as n } from "vue";
+const r = /* @__PURE__ */ n({
+	name: "DuxStatsNumber",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		subtitle: {
+			type: String,
+			default: ""
+		},
+		value: {
+			type: [Number, String],
+			default: 0
+		},
+		change: {
+			type: Number,
+			default: 0
+		},
+		changeType: {
+			type: String,
+			default: "up"
+		}
+	},
+	setup(n) {
+		let r = (e) => typeof e == "number" ? e.toLocaleString() : e, i = (e) => e === "up" ? "▲" : e === "down" ? "▼" : "", a = (e) => e === "up" ? "text-success" : e === "down" ? "text-error" : "text-muted";
+		return () => t("div", { class: "flex flex-col gap-1" }, [
+			t("div", { class: "flex items-baseline justify-between" }, [t("h3", { class: "text-sm text-muted" }, [n.title])]),
+			t("div", { class: "text-2xl font-bold text-default" }, [r(n.value)]),
+			t("div", { class: "flex flex-row gap-2 items-center text-sm" }, [n.subtitle && t("span", { class: " text-muted" }, [n.subtitle]), n.change !== void 0 && t("div", { class: ["flex items-center gap-1", a(n.changeType)] }, [t("span", { class: "text-xs" }, [i(n.changeType)]), t("span", null, [Math.abs(n.change), e("%")])])])
+		]);
+	}
 });
-export {
-  c as DuxStatsNumber
-};
+export { r as DuxStatsNumber };

package/dist/esm/components/stats/realTime.js

@@ -1,100 +1,76 @@
-import { defineComponent as m, computed as s, createVNode as e, Fragment as u } from "vue";
-import { useI18n as d } from "@duxweb/dvha-core";
+import { DuxCard as e } from "../card/card.js";
+import "../card/index.js";
+import { DuxChart as t } from "../chart/echart.js";
+import "../chart/index.js";
+import { DuxStatsNumber as n } from "./number.js";
+import { Fragment as r, computed as i, createVNode as a, defineComponent as o } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
 import { NScrollbar as c } from "naive-ui";
-import { DuxCard as p } from "../card/card.js";
-import "@vueuse/core";
-import "clsx";
-import { DuxChart as x } from "../chart/echart.js";
-import { DuxStatsNumber as f } from "./number.js";
-const w = /* @__PURE__ */ m({
-  name: "DuxStatsRealTime",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    subtitle: {
-      type: String,
-      default: ""
-    },
-    cards: {
-      type: Array,
-      default: () => []
-    },
-    charts: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(a) {
-    const {
-      t: i
-    } = d(), r = s(() => a.title || i("components.stats.realTimeData")), n = s(() => a.charts.length === 1 ? a.charts.map((t) => ({
-      ...t,
-      class: "col-span-2",
-      chartOption: {
-        showXAxisLabel: !0,
-        labels: t.labels,
-        data: [{
-          name: t.title,
-          data: t.data
-        }]
-      }
-    })) : a.charts.map((t) => ({
-      ...t,
-      class: "col-span-1",
-      chartOption: {
-        showXAxisLabel: !0,
-        labels: t.labels,
-        data: [{
-          name: t.title,
-          data: t.data
-        }]
-      }
-    }))), o = (t) => typeof t == "number" ? t.toLocaleString() : t;
-    return () => e(p, {
-      title: r.value
-    }, {
-      headerExtra: () => e("div", {
-        class: "text-sm text-muted"
-      }, [a.subtitle]),
-      default: () => e(u, null, [a.cards.length > 0 && e("div", {
-        class: "lg:h-26 bg-muted"
-      }, [e(c, {
-        xScrollable: !0
-      }, {
-        default: () => [e("div", {
-          class: ["grid grid-cols-2 whitespace-nowrap auto-cols-max", "lg:grid-cols-[repeat(auto-fill,minmax(100px,1fr))]"]
-        }, [a.cards.map((t, l) => e("div", {
-          key: l,
-          class: "text-center flex flex-col gap-1 py-6"
-        }, [e("div", {
-          class: ["text-2xl font-bold"]
-        }, [o(t.value)]), e("div", {
-          class: "text-sm text-muted"
-        }, [t.label])]))])]
-      })]), a.charts.length > 0 && e("div", {
-        class: ["grid grid-cols-1", "lg:grid-cols-[repeat(auto-fit,minmax(100px,1fr))]"]
-      }, [n.value.map((t, l) => e("div", {
-        key: l,
-        class: ["p-4 pb-0 flex gap-4"]
-      }, [e(f, {
-        title: t.title,
-        subtitle: t.subtitle,
-        value: t.value || 0,
-        change: t.change,
-        changeType: t.changeType
-      }, null), e("div", {
-        class: "flex-1 min-w-0"
-      }, [e(x, {
-        type: "line",
-        height: "100px",
-        min: !0,
-        option: t.chartOption
-      }, null)])]))])])
-    });
-  }
+const l = /* @__PURE__ */ o({
+	name: "DuxStatsRealTime",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		subtitle: {
+			type: String,
+			default: ""
+		},
+		cards: {
+			type: Array,
+			default: () => []
+		},
+		charts: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(o) {
+		let { t: l } = s(), u = i(() => o.title || l("components.stats.realTimeData")), d = i(() => o.charts.length === 1 ? o.charts.map((e) => ({
+			...e,
+			class: "col-span-2",
+			chartOption: {
+				showXAxisLabel: !0,
+				labels: e.labels,
+				data: [{
+					name: e.title,
+					data: e.data
+				}]
+			}
+		})) : o.charts.map((e) => ({
+			...e,
+			class: "col-span-1",
+			chartOption: {
+				showXAxisLabel: !0,
+				labels: e.labels,
+				data: [{
+					name: e.title,
+					data: e.data
+				}]
+			}
+		}))), f = (e) => typeof e == "number" ? e.toLocaleString() : e;
+		return () => a(e, { title: u.value }, {
+			headerExtra: () => a("div", { class: "text-sm text-muted" }, [o.subtitle]),
+			default: () => a(r, null, [o.cards.length > 0 && a("div", { class: "lg:h-26 bg-muted" }, [a(c, { xScrollable: !0 }, { default: () => [a("div", { class: ["grid grid-cols-2 whitespace-nowrap auto-cols-max", "lg:grid-cols-[repeat(auto-fill,minmax(100px,1fr))]"] }, [o.cards.map((e, t) => a("div", {
+				key: t,
+				class: "text-center flex flex-col gap-1 py-6"
+			}, [a("div", { class: ["text-2xl font-bold"] }, [f(e.value)]), a("div", { class: "text-sm text-muted" }, [e.label])]))])] })]), o.charts.length > 0 && a("div", { class: ["grid grid-cols-1", "lg:grid-cols-[repeat(auto-fit,minmax(100px,1fr))]"] }, [d.value.map((e, r) => a("div", {
+				key: r,
+				class: ["p-4 pb-0 flex gap-4"]
+			}, [a(n, {
+				title: e.title,
+				subtitle: e.subtitle,
+				value: e.value || 0,
+				change: e.change,
+				changeType: e.changeType
+			}, null), a("div", { class: "flex-1 min-w-0" }, [a(t, {
+				type: "line",
+				height: "100px",
+				min: !0,
+				option: e.chartOption
+			}, null)])]))])])
+		});
+	}
 });
-export {
-  w as DuxStatsRealTime
-};
+export { l as DuxStatsRealTime };

package/dist/esm/components/status/blockEmpty.js

@@ -1,157 +1,154 @@
-import { defineComponent as i, createVNode as t } from "vue";
-import { useI18n as o } from "@duxweb/dvha-core";
-import l from "clsx";
-const n = /* @__PURE__ */ i({
-  name: "Message",
-  props: {
-    text: {
-      type: String
-    },
-    desc: {
-      type: String
-    },
-    simple: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    const {
-      t: r
-    } = o();
-    return () => t("div", {
-      class: "flex justify-center p-2"
-    }, [t("div", {
-      class: l(["flex flex-row items-center", e.simple ? "flex-col gap-2" : "gap-2"])
-    }, [t("div", null, [t("svg", {
-      class: "size-60px",
-      viewBox: "0 0 200 200",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [t("defs", null, [t("linearGradient", {
-      id: "bgGradient",
-      x1: "0%",
-      y1: "0%",
-      x2: "100%",
-      y2: "100%"
-    }, [t("stop", {
-      offset: "0%",
-      style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.1"
-    }, null), t("stop", {
-      offset: "100%",
-      style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.05"
-    }, null)]), t("linearGradient", {
-      id: "boxGradient",
-      x1: "0%",
-      y1: "0%",
-      x2: "0%",
-      y2: "100%"
-    }, [t("stop", {
-      offset: "0%",
-      style: "stop-color:rgb(var(--ui-bg-elevated));stop-opacity:1"
-    }, null), t("stop", {
-      offset: "100%",
-      style: "stop-color:rgb(var(--ui-bg-muted));stop-opacity:1"
-    }, null)])]), t("circle", {
-      cx: "100",
-      cy: "100",
-      r: "85",
-      fill: "url(#bgGradient)"
-    }, null), t("g", {
-      transform: "translate(100, 100)"
-    }, [t("ellipse", {
-      cx: "0",
-      cy: "35",
-      rx: "45",
-      ry: "8",
-      fill: "rgb(var(--ui-color-gray-300))",
-      opacity: "0.3"
-    }, null), t("path", {
-      d: "M -35 -10 L -35 25 Q -35 30 -30 30 L 30 30 Q 35 30 35 25 L 35 -5 Q 35 -10 30 -10 L 5 -10 L -5 -20 L -30 -20 Q -35 -20 -35 -15 Z",
-      fill: "url(#boxGradient)",
-      stroke: "rgb(var(--ui-color-gray-300))",
-      "stroke-width": "1"
-    }, null), t("path", {
-      d: "M -5 -20 L 5 -10 L 15 -10 Q 20 -10 20 -15 Q 20 -20 15 -20 Z",
-      fill: "rgb(var(--ui-color-primary))",
-      opacity: "0.8"
-    }, null), t("g", {
-      transform: "translate(0, -5)",
-      opacity: "0.6"
-    }, [t("rect", {
-      x: "-8",
-      y: "-5",
-      width: "16",
-      height: "20",
-      rx: "2",
-      fill: "rgb(var(--ui-bg-elevated))",
-      stroke: "rgb(var(--ui-color-gray-400))",
-      "stroke-width": "0.5"
-    }, null), t("line", {
-      x1: "-5",
-      y1: "0",
-      x2: "5",
-      y2: "0",
-      stroke: "rgb(var(--ui-color-gray-400))",
-      "stroke-width": "1",
-      opacity: "0.5"
-    }, null), t("line", {
-      x1: "-5",
-      y1: "4",
-      x2: "3",
-      y2: "4",
-      stroke: "rgb(var(--ui-color-gray-400))",
-      "stroke-width": "1",
-      opacity: "0.5"
-    }, null), t("line", {
-      x1: "-5",
-      y1: "8",
-      x2: "5",
-      y2: "8",
-      stroke: "rgb(var(--ui-color-gray-400))",
-      "stroke-width": "1",
-      opacity: "0.5"
-    }, null)]), t("circle", {
-      cx: "-25",
-      cy: "-25",
-      r: "2",
-      fill: "rgb(var(--ui-color-primary))",
-      opacity: "0.4"
-    }, [t("animate", {
-      attributeName: "opacity",
-      values: "0.4;0.8;0.4",
-      dur: "2s",
-      repeatCount: "indefinite"
-    }, null)]), t("circle", {
-      cx: "25",
-      cy: "-15",
-      r: "1.5",
-      fill: "rgb(var(--ui-color-primary))",
-      opacity: "0.3"
-    }, [t("animate", {
-      attributeName: "opacity",
-      values: "0.3;0.6;0.3",
-      dur: "3s",
-      repeatCount: "indefinite"
-    }, null)]), t("circle", {
-      cx: "20",
-      cy: "25",
-      r: "1",
-      fill: "rgb(var(--ui-color-primary))",
-      opacity: "0.2"
-    }, [t("animate", {
-      attributeName: "opacity",
-      values: "0.2;0.5;0.2",
-      dur: "4s",
-      repeatCount: "indefinite"
-    }, null)])])])]), t("div", {
-      class: "flex flex-col gap-0"
-    }, [t("div", {
-      class: l([e.simple ? "text-center text-muted" : "text-default"])
-    }, [e.text || r("pages.empty.title")]), !e.simple && t("div", {
-      class: "text-muted"
-    }, [e.desc || r("pages.empty.desc")])])])]);
-  }
+import { createVNode as e, defineComponent as t } from "vue";
+import { useI18n as n } from "@duxweb/dvha-core";
+import r from "clsx";
+const i = /* @__PURE__ */ t({
+	name: "Message",
+	props: {
+		text: { type: String },
+		desc: { type: String },
+		simple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let { t: i } = n();
+		return () => e("div", { class: "flex justify-center p-2" }, [e("div", { class: r(["flex flex-row items-center", t.simple ? "flex-col gap-2" : "gap-2"]) }, [e("div", null, [e("svg", {
+			class: "size-60px",
+			viewBox: "0 0 200 200",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [
+			e("defs", null, [e("linearGradient", {
+				id: "bgGradient",
+				x1: "0%",
+				y1: "0%",
+				x2: "100%",
+				y2: "100%"
+			}, [e("stop", {
+				offset: "0%",
+				style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.1"
+			}, null), e("stop", {
+				offset: "100%",
+				style: "stop-color:rgb(var(--ui-color-primary));stop-opacity:0.05"
+			}, null)]), e("linearGradient", {
+				id: "boxGradient",
+				x1: "0%",
+				y1: "0%",
+				x2: "0%",
+				y2: "100%"
+			}, [e("stop", {
+				offset: "0%",
+				style: "stop-color:rgb(var(--ui-bg-elevated));stop-opacity:1"
+			}, null), e("stop", {
+				offset: "100%",
+				style: "stop-color:rgb(var(--ui-bg-muted));stop-opacity:1"
+			}, null)])]),
+			e("circle", {
+				cx: "100",
+				cy: "100",
+				r: "85",
+				fill: "url(#bgGradient)"
+			}, null),
+			e("g", { transform: "translate(100, 100)" }, [
+				e("ellipse", {
+					cx: "0",
+					cy: "35",
+					rx: "45",
+					ry: "8",
+					fill: "rgb(var(--ui-color-gray-300))",
+					opacity: "0.3"
+				}, null),
+				e("path", {
+					d: "M -35 -10 L -35 25 Q -35 30 -30 30 L 30 30 Q 35 30 35 25 L 35 -5 Q 35 -10 30 -10 L 5 -10 L -5 -20 L -30 -20 Q -35 -20 -35 -15 Z",
+					fill: "url(#boxGradient)",
+					stroke: "rgb(var(--ui-color-gray-300))",
+					"stroke-width": "1"
+				}, null),
+				e("path", {
+					d: "M -5 -20 L 5 -10 L 15 -10 Q 20 -10 20 -15 Q 20 -20 15 -20 Z",
+					fill: "rgb(var(--ui-color-primary))",
+					opacity: "0.8"
+				}, null),
+				e("g", {
+					transform: "translate(0, -5)",
+					opacity: "0.6"
+				}, [
+					e("rect", {
+						x: "-8",
+						y: "-5",
+						width: "16",
+						height: "20",
+						rx: "2",
+						fill: "rgb(var(--ui-bg-elevated))",
+						stroke: "rgb(var(--ui-color-gray-400))",
+						"stroke-width": "0.5"
+					}, null),
+					e("line", {
+						x1: "-5",
+						y1: "0",
+						x2: "5",
+						y2: "0",
+						stroke: "rgb(var(--ui-color-gray-400))",
+						"stroke-width": "1",
+						opacity: "0.5"
+					}, null),
+					e("line", {
+						x1: "-5",
+						y1: "4",
+						x2: "3",
+						y2: "4",
+						stroke: "rgb(var(--ui-color-gray-400))",
+						"stroke-width": "1",
+						opacity: "0.5"
+					}, null),
+					e("line", {
+						x1: "-5",
+						y1: "8",
+						x2: "5",
+						y2: "8",
+						stroke: "rgb(var(--ui-color-gray-400))",
+						"stroke-width": "1",
+						opacity: "0.5"
+					}, null)
+				]),
+				e("circle", {
+					cx: "-25",
+					cy: "-25",
+					r: "2",
+					fill: "rgb(var(--ui-color-primary))",
+					opacity: "0.4"
+				}, [e("animate", {
+					attributeName: "opacity",
+					values: "0.4;0.8;0.4",
+					dur: "2s",
+					repeatCount: "indefinite"
+				}, null)]),
+				e("circle", {
+					cx: "25",
+					cy: "-15",
+					r: "1.5",
+					fill: "rgb(var(--ui-color-primary))",
+					opacity: "0.3"
+				}, [e("animate", {
+					attributeName: "opacity",
+					values: "0.3;0.6;0.3",
+					dur: "3s",
+					repeatCount: "indefinite"
+				}, null)]),
+				e("circle", {
+					cx: "20",
+					cy: "25",
+					r: "1",
+					fill: "rgb(var(--ui-color-primary))",
+					opacity: "0.2"
+				}, [e("animate", {
+					attributeName: "opacity",
+					values: "0.2;0.5;0.2",
+					dur: "4s",
+					repeatCount: "indefinite"
+				}, null)])
+			])
+		])]), e("div", { class: "flex flex-col gap-0" }, [e("div", { class: r([t.simple ? "text-center text-muted" : "text-default"]) }, [t.text || i("pages.empty.title")]), !t.simple && e("div", { class: "text-muted" }, [t.desc || i("pages.empty.desc")])])])]);
+	}
 });
-export {
-  n as DuxBlockEmpty
-};
+export { i as DuxBlockEmpty };

package/dist/esm/components/status/index.js

@@ -0,0 +1,2 @@
+import "./blockEmpty.js";
+import "./listEmpty.js";

package/dist/esm/components/status/listEmpty.js

@@ -1,28 +1,21 @@
-import { defineComponent as o, createVNode as t } from "vue";
-import { useI18n as l } from "@duxweb/dvha-core";
-import { DuxDrawEmptyForm as r } from "../draw/drawEmptyForm.js";
-const p = /* @__PURE__ */ o({
-  name: "DuxListEmpty",
-  props: {
-    title: String,
-    desc: String,
-    bordered: Boolean
-  },
-  setup(e) {
-    const {
-      t: s
-    } = l();
-    return () => t("div", {
-      class: "flex flex-col items-center justify-center gap-2 h-full"
-    }, [t(r, {
-      class: "max-h-120px"
-    }, null), t("div", {
-      class: "text-lg text-default font-bold"
-    }, [e?.title || s("pages.empty.title")]), t("div", {
-      class: "text-muted"
-    }, [e?.desc || s("pages.empty.desc")])]);
-  }
+import { DuxDrawEmptyForm as e } from "../draw/drawEmptyForm.js";
+import "../draw/index.js";
+import { createVNode as t, defineComponent as n } from "vue";
+import { useI18n as r } from "@duxweb/dvha-core";
+const i = /* @__PURE__ */ n({
+	name: "DuxListEmpty",
+	props: {
+		title: String,
+		desc: String,
+		bordered: Boolean
+	},
+	setup(n) {
+		let { t: i } = r();
+		return () => t("div", { class: "flex flex-col items-center justify-center gap-2 h-full" }, [
+			t(e, { class: "max-h-120px" }, null),
+			t("div", { class: "text-lg text-default font-bold" }, [n?.title || i("pages.empty.title")]),
+			t("div", { class: "text-muted" }, [n?.desc || i("pages.empty.desc")])
+		]);
+	}
 });
-export {
-  p as DuxListEmpty
-};
+export { i as DuxListEmpty };

package/dist/esm/components/table/index.js

@@ -0,0 +1,2 @@
+import "./table.js";
+import "./tablePage.js";