@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/hooks/image.js

@@ -1,22 +1,21 @@
-import { NImage as l, NImageGroup as u } from "naive-ui";
-import { h as n, render as r } from "vue";
-function p() {
-  let t = document.querySelector("#preview-image");
-  if (!t) {
-    const e = document.createElement("div");
-    e.id = "preview-image", e.style.display = "none", document.body.appendChild(e), t = e;
-  }
-  return {
-    show: (e, o) => {
-      if (!e.length)
-        return;
-      const m = new MouseEvent("click", { bubbles: !0, cancelable: !0 }), i = e.map((c) => n(l, { width: 100, src: c }));
-      i.length > 1 ? r(n(u, {}, {
-        default: () => i
-      }), t) : r(i[0], t), t?.querySelectorAll(".n-image img")[o || 0]?.dispatchEvent(m);
-    }
-  };
+import { h as e, render as t } from "vue";
+import { NImage as n, NImageGroup as r } from "naive-ui";
+function i() {
+	let i = document.querySelector("#preview-image");
+	if (!i) {
+		let e = document.createElement("div");
+		e.id = "preview-image", e.style.display = "none", document.body.appendChild(e), i = e;
+	}
+	return { show: (a, o) => {
+		if (!a.length) return;
+		let s = new MouseEvent("click", {
+			bubbles: !0,
+			cancelable: !0
+		}), c = a.map((t) => e(n, {
+			width: 100,
+			src: t
+		}));
+		c.length > 1 ? t(e(r, {}, { default: () => c }), i) : t(c[0], i), i?.querySelectorAll(".n-image img")[o || 0]?.dispatchEvent(s);
+	} };
 }
-export {
-  p as useImagePreview
-};
+export { i as useImagePreview };

package/dist/esm/hooks/index.js

@@ -0,0 +1,18 @@
+import "./dialog.js";
+import "./drawer.js";
+import "./modal.js";
+import "./action.js";
+import "./download.js";
+import "./echart.js";
+import "./image.js";
+import "./level.js";
+import "./table.js";
+import "./table/color.js";
+import "./table/image.js";
+import "./table/map.js";
+import "./table/media.js";
+import "./table/status.js";
+import "./table/switch.js";
+import "./table/column.js";
+import "./table/index.js";
+import "./ui.js";

package/dist/esm/hooks/level.js

@@ -1,75 +1,60 @@
-import { useClient as O } from "@duxweb/dvha-core";
-import { useQuery as w } from "@tanstack/vue-query";
-import { ref as i, toRef as r, computed as f, watch as h } from "vue";
-function T(t) {
-  const n = i([]), o = i(!1), a = i(null), m = r(t, "path", "area"), v = r(t, "value", []), s = r(t, "maxLevel", 4), {
-    request: d
-  } = O(), {
-    data: g,
-    isFetching: y
-  } = w({
-    queryKey: [m, a],
-    queryFn: async () => {
-      if (!a.value) return null;
-      const e = {
-        level: a.value.level
-      };
-      return a.value.name && (e[t.nameField || "name"] = a.value.name), d({
-        path: m.value,
-        method: "GET",
-        query: e
-      });
-    },
-    enabled: f(() => !!a.value),
-    staleTime: 1 / 0,
-    gcTime: 1 / 0,
-    refetchOnWindowFocus: !1,
-    refetchOnMount: !1,
-    refetchOnReconnect: !1
-  }), F = (e) => {
-    const l = t.labelField || "name", c = t.valueField || "value";
-    return e.map((u) => ({
-      label: u[l] || u.name || u.label,
-      value: u[c] || u.value || u.name || u.code
-    }));
-  }, b = (e, l) => {
-    for (; n.value.length <= e; )
-      n.value.push([]);
-    n.value[e] = l, n.value = [...n.value];
-  };
-  h(g, (e) => {
-    if (!e?.data || !a.value) return;
-    const l = a.value.level;
-    if (b(l, F(e.data)), o.value && v.value.length > l) {
-      const c = v.value[l], u = c && (s.value === 0 || l < s.value - 1);
-      a.value = u ? {
-        level: l + 1,
-        name: c
-      } : null, u || (o.value = !1);
-    } else
-      a.value = null;
-  });
-  const q = (e, l) => {
-    v.value = [...v.value.slice(0, l), e], n.value = n.value.slice(0, l + 1), (s.value === 0 || l < s.value - 1) && (a.value = {
-      level: l + 1,
-      name: e
-    });
-  };
-  h(v, (e) => {
-    o.value || (n.value = [], o.value = e && e.length > 0, a.value = {
-      level: 0
-    });
-  }, {
-    immediate: !0
-  });
-  const L = f(() => y.value);
-  return {
-    regions: f(() => n.value),
-    onChange: q,
-    isLoading: L,
-    value: v
-  };
+import { computed as e, ref as t, toRef as n, watch as r } from "vue";
+import { useClient as i } from "@duxweb/dvha-core";
+import { useQuery as a } from "@tanstack/vue-query";
+function o(o) {
+	let s = t([]), c = t(!1), l = t(null), u = n(o, "path", "area"), d = n(o, "value", []), f = n(o, "maxLevel", 4), { request: p } = i(), { data: m, isFetching: h } = a({
+		queryKey: [u, l],
+		queryFn: async () => {
+			if (!l.value) return null;
+			let e = { level: l.value.level };
+			return l.value.name && (e[o.nameField || "name"] = l.value.name), p({
+				path: u.value,
+				method: "GET",
+				query: e
+			});
+		},
+		enabled: e(() => !!l.value),
+		staleTime: Infinity,
+		gcTime: Infinity,
+		refetchOnWindowFocus: !1,
+		refetchOnMount: !1,
+		refetchOnReconnect: !1
+	}), g = (e) => {
+		let t = o.labelField || "name", n = o.valueField || "value";
+		return e.map((e) => ({
+			label: e[t] || e.name || e.label,
+			value: e[n] || e.value || e.name || e.code
+		}));
+	}, _ = (e, t) => {
+		for (; s.value.length <= e;) s.value.push([]);
+		s.value[e] = t, s.value = [...s.value];
+	};
+	r(m, (e) => {
+		if (!e?.data || !l.value) return;
+		let t = l.value.level;
+		if (_(t, g(e.data)), c.value && d.value.length > t) {
+			let e = d.value[t], n = e && (f.value === 0 || t < f.value - 1);
+			l.value = n ? {
+				level: t + 1,
+				name: e
+			} : null, n || (c.value = !1);
+		} else l.value = null;
+	});
+	let v = (e, t) => {
+		d.value = [...d.value.slice(0, t), e], s.value = s.value.slice(0, t + 1), (f.value === 0 || t < f.value - 1) && (l.value = {
+			level: t + 1,
+			name: e
+		});
+	};
+	r(d, (e) => {
+		c.value || (s.value = [], c.value = e && e.length > 0, l.value = { level: 0 });
+	}, { immediate: !0 });
+	let y = e(() => h.value);
+	return {
+		regions: e(() => s.value),
+		onChange: v,
+		isLoading: y,
+		value: d
+	};
 }
-export {
-  T as useLevel
-};
+export { o as useLevel };

package/dist/esm/hooks/modal.js

@@ -1,74 +1,8 @@
+import e from "../components/modal/modal.js";
+import "../components/index.js";
 import { useOverlay as t } from "@overlastic/vue";
-import "vue";
-import "@vueuse/core";
-import "clsx";
-import "naive-ui";
-import "@duxweb/dvha-core";
-import "vue-echarts";
-import "vue-router";
-import "dayjs";
-import "lodash-es";
-import "@tanstack/vue-query";
-import "@duxweb/dvha-naiveui";
-import "pinia";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import { DuxModal as m } from "../components/modal/modal.js";
-import "jinrishici";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "vue-command-palette";
-import "../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                                 */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../components/posterEditor/elements/index.js";
-import "fabric";
-import "../components/schemaEditor/schemaEditor.js";
-function xo() {
-  const o = t(m);
-  return {
-    show: (r) => o(r)
-  };
+function n() {
+	let n = t(e);
+	return { show: (e) => n(e) };
 }
-export {
-  xo as useModal
-};
+export { n as useModal };

package/dist/esm/hooks/table/color.js

@@ -1,19 +1,9 @@
-import { createVNode as r } from "vue";
-import { findKey as u, get as a } from "lodash-es";
-function f() {
-  return {
-    render: (n) => (l, c) => {
-      const o = n?.key || "status", t = u(n.maps, (s) => s ? s?.value === a(l, o) : !1), e = t ? n.maps?.[t] : void 0;
-      return e ? r("div", {
-        class: ["flex gap-1 items-center", `text-${t}`]
-      }, [e.icon ? r("div", {
-        class: `size-4 ${e.icon}`
-      }, null) : null, r("span", {
-        class: "text-sm"
-      }, [e?.label])]) : null;
-    }
-  };
+import { createVNode as e } from "vue";
+import { findKey as t, get as n } from "lodash-es";
+function r() {
+	return { render: (r) => (i, a) => {
+		let o = r?.key || "status", s = t(r.maps, (e) => e ? o ? e?.value === n(i, o) : "default" : !1), c = s ? r.maps?.[s] : void 0;
+		return c ? e("div", { class: ["flex gap-1 items-center", `text-${s}`] }, [c.icon ? e("div", { class: `size-4 ${c.icon}` }, null) : null, e("span", { class: "text-sm" }, [c?.label])]) : null;
+	} };
 }
-export {
-  f as useTableColumnColor
-};
+export { r as useTableColumnColor };

package/dist/esm/hooks/table/column.js

@@ -1,33 +1,31 @@
-import { useManage as p } from "@duxweb/dvha-core";
-import { useTableColumnColor as C } from "./color.js";
-import { useTableColumnCopy as f } from "./copy.js";
-import { useTableColumnHidden as b } from "./hidden.js";
-import { useTableColumnImage as T } from "./image.js";
-import { useTableColumnInput as M } from "./input.js";
-import { useTableColumnMap as h } from "./map.js";
-import { useTableColumnMedia as I } from "./media.js";
-import { useTableColumnStatus as S } from "./status.js";
-import { useTableColumnSwitch as g } from "./switch.js";
-function z(e) {
-  const { getPath: n } = p(), o = e?.path || n(), r = e?.rowKey || "id", m = I(), t = T(), u = g({
-    path: o,
-    rowKey: r
-  }), l = S(), d = C(), a = h(), c = M({
-    path: o,
-    rowKey: r
-  }), s = f(), i = b();
-  return {
-    renderMedia: m.render,
-    renderImage: t.render,
-    renderSwitch: u.render,
-    renderStatus: l.render,
-    renderMap: a.render,
-    renderInput: c.render,
-    renderCopy: s.render,
-    renderHidden: i.render,
-    renderColor: d.render
-  };
+import { useTableColumnColor as e } from "./color.js";
+import { useTableColumnCopy as t } from "./copy.js";
+import { useTableColumnHidden as n } from "./hidden.js";
+import { useTableColumnImage as r } from "./image.js";
+import { useTableColumnInput as i } from "./input.js";
+import { useTableColumnMap as a } from "./map.js";
+import { useTableColumnMedia as o } from "./media.js";
+import { useTableColumnStatus as s } from "./status.js";
+import { useTableColumnSwitch as c } from "./switch.js";
+import { useManage as l } from "@duxweb/dvha-core";
+function u(u) {
+	let { getPath: d } = l(), f = u?.path || d(), p = u?.rowKey || "id", m = o(), h = r(), g = c({
+		path: f,
+		rowKey: p
+	}), _ = s(), v = e(), y = a(), b = i({
+		path: f,
+		rowKey: p
+	}), x = t(), S = n();
+	return {
+		renderMedia: m.render,
+		renderImage: h.render,
+		renderSwitch: g.render,
+		renderStatus: _.render,
+		renderMap: y.render,
+		renderInput: b.render,
+		renderCopy: x.render,
+		renderHidden: S.render,
+		renderColor: v.render
+	};
 }
-export {
-  z as useTableColumn
-};
+export { u as useTableColumn };

package/dist/esm/hooks/table/copy.js

@@ -1,30 +1,18 @@
-import { createVNode as r } from "vue";
-import { useI18n as i } from "@duxweb/dvha-core";
-import { useClipboard as l } from "@vueuse/core";
-import { get as a } from "lodash-es";
-import { useMessage as u } from "naive-ui";
-function b() {
-  const {
-    t: o
-  } = i(), t = u(), {
-    copy: s
-  } = l();
-  return {
-    render: (c) => (n, p) => {
-      const e = a(n, c.key || "");
-      return r("div", {
-        class: "flex"
-      }, [e && e !== "-" ? r("div", {
-        class: "flex justify-start items-center gap-1"
-      }, [r("div", null, [e]), r("div", {
-        class: "cursor-pointer i-tabler:copy size-4 text-muted hover:text-primary",
-        onClick: () => {
-          s(e).then(() => t.success(o("hooks.table.copySuccess"))).catch(() => t.error(o("hooks.table.copyFailed")));
-        }
-      }, null)]) : "-"]);
-    }
-  };
+import { createVNode as e } from "vue";
+import { useI18n as t } from "@duxweb/dvha-core";
+import { useMessage as n } from "naive-ui";
+import { useClipboard as r } from "@vueuse/core";
+import { get as i } from "lodash-es";
+function a() {
+	let { t: a } = t(), o = n(), { copy: s } = r();
+	return { render: (t) => (n, r) => {
+		let c = i(n, t.key || "");
+		return e("div", { class: "flex" }, [c && c !== "-" ? e("div", { class: "flex justify-start items-center gap-1" }, [e("div", null, [c]), e("div", {
+			class: "cursor-pointer i-tabler:copy size-4 text-muted hover:text-primary",
+			onClick: () => {
+				s(c).then(() => o.success(a("hooks.table.copySuccess"))).catch(() => o.error(a("hooks.table.copyFailed")));
+			}
+		}, null)]) : "-"]);
+	} };
 }
-export {
-  b as useTableColumnCopy
-};
+export { a as useTableColumnCopy };

package/dist/esm/hooks/table/hidden.js

@@ -1,48 +1,36 @@
-import { createVNode as i, defineComponent as o, ref as u } from "vue";
-import { get as a } from "lodash-es";
-const d = /* @__PURE__ */ o({
-  name: "TableColumnHidden",
-  props: {
-    value: {
-      type: String,
-      default: ""
-    },
-    percent: {
-      type: Number,
-      default: 30
-    }
-  },
-  setup(e) {
-    const t = u(!0);
-    return () => e.value ? i("div", {
-      class: "flex justify-start items-center gap-1"
-    }, [i("div", {
-      class: "font-mono"
-    }, [t.value ? c(e.value, e.percent) : e.value]), i("div", {
-      class: ["cursor-pointer  size-4 text-muted hover:text-primary transition-all duration-150", t.value ? "i-tabler:eye" : "i-tabler:eye-off"],
-      onClick: () => {
-        t.value = !t.value;
-      }
-    }, null)]) : "-";
-  }
+import { createVNode as e, defineComponent as t, ref as n } from "vue";
+import { get as r } from "lodash-es";
+var i = /* @__PURE__ */ t({
+	name: "TableColumnHidden",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		percent: {
+			type: Number,
+			default: 30
+		}
+	},
+	setup(t) {
+		let r = n(!0);
+		return () => t.value ? e("div", { class: "flex justify-start items-center gap-1" }, [e("div", { class: "font-mono" }, [r.value ? o(t.value, t.percent) : t.value]), e("div", {
+			class: ["cursor-pointer  size-4 text-muted hover:text-primary transition-all duration-150", r.value ? "i-tabler:eye" : "i-tabler:eye-off"],
+			onClick: () => {
+				r.value = !r.value;
+			}
+		}, null)]) : "-";
+	}
 });
-function m() {
-  return {
-    render: (t) => (n, r) => {
-      const l = a(n, t.key || "");
-      return i(d, {
-        value: l,
-        percent: t.percent
-      }, null);
-    }
-  };
+function a() {
+	return { render: (t) => (n, a) => e(i, {
+		value: r(n, t.key || ""),
+		percent: t.percent
+	}, null) };
 }
-function c(e, t = 30) {
-  if (!e || e.length < 4)
-    return e;
-  const n = e.length, r = Math.ceil(n * t / 100), l = Math.floor((n - r) / 2);
-  return e.slice(0, l) + "*".repeat(r) + e.slice(l + r);
+function o(e, t = 30) {
+	if (!e || e.length < 4) return e;
+	let n = e.length, r = Math.ceil(n * t / 100), i = Math.floor((n - r) / 2);
+	return e.slice(0, i) + "*".repeat(r) + e.slice(i + r);
 }
-export {
-  m as useTableColumnHidden
-};
+export { a as useTableColumnHidden };

package/dist/esm/hooks/table/image.js

@@ -1,96 +1,28 @@
-import { createVNode as r, h as o } from "vue";
-import { get as h } from "lodash-es";
-import { NImage as g } from "naive-ui";
-import "@vueuse/core";
-import "clsx";
-import { DuxPlaceholder as m } from "../../components/widget/placeholder.js";
-import "@duxweb/dvha-core";
-import "vue-echarts";
-import "vue-router";
-import "@overlastic/vue";
-import "dayjs";
-import "@tanstack/vue-query";
-import "@duxweb/dvha-naiveui";
-import "pinia";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import "jinrishici";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "vue-command-palette";
-import "../../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                                    */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../../components/posterEditor/elements/index.js";
-import "fabric";
-import "../../components/schemaEditor/schemaEditor.js";
-function It() {
-  return {
-    render: (t) => (p, d) => {
-      let i = h(p, t.key || "") || [];
-      return i = Array.isArray(i) ? i : [i], r("div", {
-        class: "flex flex-wrap gap-2"
-      }, [i.length > 0 ? i.map((e, a) => r(g, {
-        key: a,
-        src: e,
-        width: t.imageWidth || 40,
-        height: t.imageHeight || 40,
-        objectFit: "cover",
-        fallbackSrc: "data:image/svg+xml;base64,"
-      }, {
-        placeholder: () => o(m, {
-          width: t.imageWidth || 40,
-          height: t.imageHeight || 40
-        }),
-        error: () => o(m, {
-          width: t.imageWidth || 40,
-          height: t.imageHeight || 40
-        })
-      })) : r(m, {
-        height: 40
-      }, null)]);
-    }
-  };
+import { DuxPlaceholder as e } from "../../components/widget/placeholder.js";
+import "../../components/index.js";
+import { createVNode as t, h as n } from "vue";
+import { NImage as r } from "naive-ui";
+import { get as i } from "lodash-es";
+function a() {
+	return { render: (a) => (o, s) => {
+		let c = i(o, a.key || "") || [];
+		return c = Array.isArray(c) ? c : [c], t("div", { class: "flex flex-wrap gap-2" }, [c.length > 0 ? c.map((i, o) => t(r, {
+			key: o,
+			src: i,
+			width: a.imageWidth || 40,
+			height: a.imageHeight || 40,
+			objectFit: "cover",
+			fallbackSrc: "data:image/svg+xml;base64,"
+		}, {
+			placeholder: () => n(e, {
+				width: a.imageWidth || 40,
+				height: a.imageHeight || 40
+			}),
+			error: () => n(e, {
+				width: a.imageWidth || 40,
+				height: a.imageHeight || 40
+			})
+		})) : t(e, { height: 40 }, null)]);
+	} };
 }
-export {
-  It as useTableColumnImage
-};
+export { a as useTableColumnImage };

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

@@ -0,0 +1,7 @@
+import "./color.js";
+import "./image.js";
+import "./map.js";
+import "./media.js";
+import "./status.js";
+import "./switch.js";
+import "./column.js";