@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/layout/tools.js

@@ -1,154 +1,57 @@
-import { defineComponent as u, computed as a, createVNode as o, Transition as d, Fragment as c } from "vue";
-import { useI18n as f } from "@duxweb/dvha-core";
-import { NButton as m, NDropdown as y } from "naive-ui";
-import "vue-router";
-import { useDialog as g } from "../../hooks/dialog.js";
-import "@overlastic/vue";
-import "@vueuse/core";
-import "clsx";
-import "vue-echarts";
-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 "lodash-es";
-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 "@duxweb/dvha-naiveui";
-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 "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-const Ft = /* @__PURE__ */ u({
-  name: "DuxTableTools",
-  props: {
-    selecteds: {
-      type: Array,
-      default: []
-    },
-    isLoading: {
-      type: Boolean,
-      default: !1
-    },
-    onBatch: {
-      type: Function
-    },
-    number: {
-      type: Number
-    },
-    options: {
-      type: Array
-    },
-    group: {
-      type: Array
-    },
-    dropdown: {
-      type: Array
-    }
-  },
-  setup(t) {
-    const {
-      t: e
-    } = f(), i = a(() => t.group ? t.group : [t.options]), p = a(() => t.number && t.number > 0), l = g();
-    return () => o("div", {
-      class: "absolute  bottom-0 left-0 right-0 pointer-events-none"
-    }, [o(d, {
-      name: "slide-up",
-      appear: !0,
-      enterActiveClass: "transition-all duration-200 ease-out",
-      enterFromClass: "transform translate-y-full opacity-0",
-      enterToClass: "transform translate-y-0 opacity-100",
-      leaveActiveClass: "transition-all duration-200 ease-in",
-      leaveFromClass: "transform translate-y-0 opacity-100",
-      leaveToClass: "transform translate-y-full opacity-0"
-    }, {
-      default: () => [p.value ? o("div", {
-        class: "flex h-10 px-1 justify-between md:justify-center gap-2 pointer-events-auto"
-      }, [i.value?.map((s, n) => o("div", {
-        class: "h-10 mt-1 bg-default rounded px-4 py-1 shadow flex items-center gap-4"
-      }, [n === i.value.length - 1 && o(c, null, [o("span", {
-        class: " "
-      }, [e("components.list.selectedItems", {
-        num: t.number || 0
-      })]), o("div", {
-        class: "w-px h-4 bg-elevated"
-      }, null)]), s?.map((r) => o(m, {
-        text: !0,
-        onClick: () => {
-          r.onClick ? r.onClick?.(t.selecteds) : r.key && l.confirm({
-            title: e("components.list.batchTitle"),
-            content: e("components.list.batchContent")
-          }).then(() => {
-            t.onBatch?.("delivery");
-          }).catch(() => {
-          });
-        },
-        loading: r.loading || t.isLoading,
-        disabled: r.disabled || r.loading || t.isLoading,
-        type: r.type
-      }, {
-        default: () => r.label,
-        icon: () => o("div", {
-          class: r.icon
-        }, null)
-      })), n === i.value.length - 1 && t.dropdown && t.dropdown.length > 0 && o(y, {
-        options: t.dropdown
-      }, {
-        default: () => [o(m, {
-          text: !0
-        }, {
-          icon: () => o("div", {
-            class: "i-tabler:dots-vertical size-4"
-          }, null)
-        })]
-      })]))]) : null]
-    })]);
-  }
+import { useDialog as e } from "../../hooks/dialog.js";
+import "../../hooks/index.js";
+import { Fragment as t, Transition as n, computed as r, createVNode as i, defineComponent as a } from "vue";
+import { useI18n as o } from "@duxweb/dvha-core";
+import { NButton as s, NDropdown as c } from "naive-ui";
+const l = /* @__PURE__ */ a({
+	name: "DuxTableTools",
+	props: {
+		selecteds: {
+			type: Array,
+			default: []
+		},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		},
+		onBatch: { type: Function },
+		number: { type: Number },
+		options: { type: Array },
+		group: { type: Array },
+		dropdown: { type: Array }
+	},
+	setup(a) {
+		let { t: l } = o(), u = r(() => a.group ? a.group : [a.options]), d = r(() => a.number && a.number > 0), f = e();
+		return () => i("div", { class: "absolute  bottom-0 left-0 right-0 pointer-events-none" }, [i(n, {
+			name: "slide-up",
+			appear: !0,
+			enterActiveClass: "transition-all duration-200 ease-out",
+			enterFromClass: "transform translate-y-full opacity-0",
+			enterToClass: "transform translate-y-0 opacity-100",
+			leaveActiveClass: "transition-all duration-200 ease-in",
+			leaveFromClass: "transform translate-y-0 opacity-100",
+			leaveToClass: "transform translate-y-full opacity-0"
+		}, { default: () => [d.value ? i("div", { class: "flex h-10 px-1 justify-between md:justify-center gap-2 pointer-events-auto" }, [u.value?.map((e, n) => i("div", { class: "h-10 mt-1 bg-default rounded px-4 py-1 shadow flex items-center gap-4" }, [
+			n === u.value.length - 1 && i(t, null, [i("span", { class: " " }, [l("components.list.selectedItems", { num: a.number || 0 })]), i("div", { class: "w-px h-4 bg-elevated" }, null)]),
+			e?.map((e) => i(s, {
+				text: !0,
+				onClick: () => {
+					e.onClick ? e.onClick?.(a.selecteds) : e.key && f.confirm({
+						title: l("components.list.batchTitle"),
+						content: l("components.list.batchContent")
+					}).then(() => {
+						a.onBatch?.("delivery");
+					}).catch(() => {});
+				},
+				loading: e.loading || a.isLoading,
+				disabled: e.disabled || e.loading || a.isLoading,
+				type: e.type
+			}, {
+				default: () => e.label,
+				icon: () => i("div", { class: e.icon }, null)
+			})),
+			n === u.value.length - 1 && a.dropdown && a.dropdown.length > 0 && i(c, { options: a.dropdown }, { default: () => [i(s, { text: !0 }, { icon: () => i("div", { class: "i-tabler:dots-vertical size-4" }, null) })] })
+		]))]) : null] })]);
+	}
 });
-export {
-  Ft as DuxTableTools
-};
+export { l as DuxTableTools };

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

@@ -0,0 +1 @@
+import "./level.js";

package/dist/esm/components/level/level.js

@@ -1,137 +1,63 @@
-import { defineComponent as v, computed as f, createVNode as o } from "vue";
-import { useVModel as g } from "@vueuse/core";
-import { NSelect as s } from "naive-ui";
-import "@duxweb/dvha-core";
-import "vue-router";
-import "@overlastic/vue";
-import "clsx";
-import "vue-echarts";
-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 "lodash-es";
-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 "@duxweb/dvha-naiveui";
-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 "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import { useLevel as c } from "../../hooks/level.js";
-import "pinia";
-const At = /* @__PURE__ */ v({
-  name: "DuxLevel",
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    path: {
-      type: String,
-      default: "area"
-    },
-    maxLevel: {
-      type: Number,
-      default: 4
-    },
-    nameField: {
-      type: String,
-      default: "name"
-    },
-    labelField: {
-      type: String,
-      default: "name"
-    },
-    valueField: {
-      type: String,
-      default: "value"
-    }
-  },
-  emits: ["update:value"],
-  setup(t, {
-    emit: m
-  }) {
-    const r = g(t, "value", m, {
-      passive: !0,
-      defaultValue: []
-    }), {
-      regions: p,
-      onChange: a,
-      isLoading: l
-    } = c({
-      value: r,
-      path: t.path,
-      nameField: t.nameField,
-      maxLevel: t.maxLevel,
-      labelField: t.labelField,
-      valueField: t.valueField
-    }), u = (e, i) => {
-      a(e, i);
-    }, n = f(() => Array.from({
-      length: t.maxLevel
-    }, (e, i) => {
-      const d = p.value[i] || [];
-      return {
-        index: i,
-        options: d,
-        value: r.value[i] || null
-      };
-    }));
-    return () => o("div", {
-      class: ["grid grid-cols-1 gap-2", "lg:grid-cols-[repeat(auto-fit,minmax(120px,1fr))]"]
-    }, [n.value.map((e) => o(s, {
-      key: e.index,
-      value: e.value,
-      options: e.options,
-      clearable: !0,
-      loading: l.value,
-      onUpdateValue: (i) => u(i, e.index)
-    }, null))]);
-  }
+import { useLevel as e } from "../../hooks/level.js";
+import "../../hooks/index.js";
+import { computed as t, createVNode as n, defineComponent as r } from "vue";
+import { NSelect as i } from "naive-ui";
+import { useVModel as a } from "@vueuse/core";
+const o = /* @__PURE__ */ r({
+	name: "DuxLevel",
+	props: {
+		value: {
+			type: Array,
+			default: () => []
+		},
+		path: {
+			type: String,
+			default: "area"
+		},
+		maxLevel: {
+			type: Number,
+			default: 4
+		},
+		nameField: {
+			type: String,
+			default: "name"
+		},
+		labelField: {
+			type: String,
+			default: "name"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		}
+	},
+	emits: ["update:value"],
+	setup(r, { emit: o }) {
+		let s = a(r, "value", o, {
+			passive: !0,
+			defaultValue: []
+		}), { regions: c, onChange: l, isLoading: u } = e({
+			value: s,
+			path: r.path,
+			nameField: r.nameField,
+			maxLevel: r.maxLevel,
+			labelField: r.labelField,
+			valueField: r.valueField
+		}), d = (e, t) => {
+			l(e, t);
+		}, f = t(() => Array.from({ length: r.maxLevel }, (e, t) => ({
+			index: t,
+			options: c.value[t] || [],
+			value: s.value[t] || null
+		})));
+		return () => n("div", { class: ["grid grid-cols-1 gap-2", "lg:grid-cols-[repeat(auto-fit,minmax(120px,1fr))]"] }, [f.value.map((e) => n(i, {
+			key: e.index,
+			value: e.value,
+			options: e.options,
+			clearable: !0,
+			loading: u.value,
+			onUpdateValue: (t) => d(t, e.index)
+		}, null))]);
+	}
 });
-export {
-  At as DuxLevel
-};
+export { o as DuxLevel };

package/dist/esm/components/list/card.js

@@ -1,95 +1,74 @@
-import { defineComponent as W, ref as m, computed as g, toRef as z, createVNode as f, mergeProps as L } from "vue";
-import { useElementSize as M, useWindowSize as P, watchDebounced as j } from "@vueuse/core";
-import { DuxListLayout as h } from "../layout/list.js";
-const G = /* @__PURE__ */ W({
-  name: "DuxCardPage",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    colWidth: {
-      type: Number,
-      default: 320
-    },
-    rows: {
-      type: Number,
-      default: 4
-    },
-    maxRows: {
-      type: Number,
-      default: 10
-    },
-    sideLeftTitle: {
-      type: String,
-      default: ""
-    },
-    sideRightTitle: {
-      type: String,
-      default: ""
-    }
-  },
-  extends: h,
-  slots: Object,
-  setup(t, {
-    slots: a,
-    expose: p
-  }) {
-    const w = m(), c = m(), {
-      width: l
-    } = M(w), {
-      width: x
-    } = P(), b = g(() => t.colWidth || 320), u = (e = 0) => {
-      const i = e || x.value || 1024, d = t.colWidth || 320, n = t.rows || 4, R = t.maxRows || 10, s = 0.25 * 16 * 3, r = Math.max(1, Math.floor((i + s) / (d + s))), y = Math.floor((1920 + s) / (d + s)) * n, v = Math.ceil(y / r), S = Math.min(Math.max(v, n), R);
-      return r * S;
-    }, o = z(t.pagination && typeof t.pagination == "object" ? t.pagination : {
-      page: 1,
-      pageSize: u()
-    });
-    j([l], () => {
-      if (t.pagination && typeof t.pagination == "object")
-        return;
-      const e = u(l.value);
-      e !== o.value.pageSize && (o.value.pageSize = e, o.value.page = 1);
-    }, {
-      debounce: 300
-    });
-    const C = g(() => {
-      const {
-        maxRows: e,
-        rows: i,
-        colWidth: d,
-        ...n
-      } = t;
-      return {
-        ...n,
-        pagination: o.value
-      };
-    });
-    return p({
-      list: c
-    }), () => f(h, L({
-      ref: c
-    }, C.value), {
-      default: (e) => f("div", {
-        class: "grid gap-3",
-        style: {
-          "grid-template-columns": `repeat(auto-fill, minmax(${b.value}px, 1fr))`,
-          "justify-content": "flex-start"
-        }
-      }, [e.list.value.map((i) => a?.default?.({
-        item: i,
-        isChecked: e.isChecked,
-        toggleChecked: e.toggleChecked
-      }))]),
-      actions: a.actions,
-      tools: a.tools,
-      bottom: a.bottom,
-      sideLeft: a.sideLeft,
-      sideRight: a.sideRight
-    });
-  }
+import { DuxListLayout as e } from "../layout/list.js";
+import { computed as t, createVNode as n, defineComponent as r, mergeProps as i, ref as a, toRef as o } from "vue";
+import { useElementSize as s, useWindowSize as c, watchDebounced as l } from "@vueuse/core";
+const u = /* @__PURE__ */ r({
+	name: "DuxCardPage",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		colWidth: {
+			type: Number,
+			default: 320
+		},
+		rows: {
+			type: Number,
+			default: 4
+		},
+		maxRows: {
+			type: Number,
+			default: 10
+		},
+		sideLeftTitle: {
+			type: String,
+			default: ""
+		},
+		sideRightTitle: {
+			type: String,
+			default: ""
+		}
+	},
+	extends: e,
+	slots: Object,
+	setup(r, { slots: u, expose: d }) {
+		let f = a(), p = a(), { width: m } = s(f), { width: h } = c(), g = t(() => r.colWidth || 320), _ = (e = 0) => {
+			let t = e || h.value || 1024, n = r.colWidth || 320, i = r.rows || 4, a = r.maxRows || 10, o = Math.max(1, Math.floor((t + 12) / (n + 12))), s = Math.floor(1932 / (n + 12)) * i, c = Math.ceil(s / o);
+			return o * Math.min(Math.max(c, i), a);
+		}, v = o(r.pagination && typeof r.pagination == "object" ? r.pagination : {
+			page: 1,
+			pageSize: _()
+		});
+		l([m], () => {
+			if (r.pagination && typeof r.pagination == "object") return;
+			let e = _(m.value);
+			e !== v.value.pageSize && (v.value.pageSize = e, v.value.page = 1);
+		}, { debounce: 300 });
+		let y = t(() => {
+			let { maxRows: e, rows: t, colWidth: n, ...i } = r;
+			return {
+				...i,
+				pagination: v.value
+			};
+		});
+		return d({ list: p }), () => n(e, i({ ref: p }, y.value), {
+			default: (e) => n("div", {
+				class: "grid gap-3",
+				style: {
+					"grid-template-columns": `repeat(auto-fill, minmax(${g.value}px, 1fr))`,
+					"justify-content": "flex-start"
+				}
+			}, [e.list.value.map((t) => u?.default?.({
+				item: t,
+				isChecked: e.isChecked,
+				toggleChecked: e.toggleChecked
+			}))]),
+			actions: u.actions,
+			tools: u.tools,
+			bottom: u.bottom,
+			sideLeft: u.sideLeft,
+			sideRight: u.sideRight
+		});
+	}
 });
-export {
-  G as DuxCardPage
-};
+export { u as DuxCardPage };

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

@@ -0,0 +1,2 @@
+import "./card.js";
+import "./list.js";