@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/form/formItem.js

@@ -1,96 +1,70 @@
-import { defineComponent as h, toRef as y, computed as i, watch as q, inject as j, ref as u, createVNode as l, createTextVNode as S } from "vue";
-import { watchThrottled as w } from "@vueuse/core";
-import { NTooltip as P } from "naive-ui";
-import { useField as W } from "vee-validate";
-const T = /* @__PURE__ */ h({
-  name: "DuxFormItem",
-  props: {
-    label: String,
-    description: [String, Object],
-    tooltip: String,
-    path: String,
-    labelPlacement: {
-      type: String
-    },
-    labelAlign: {
-      type: String
-    },
-    labelWidth: {
-      type: Number
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    rule: [String, Object],
-    message: [String, Object]
-  },
-  setup(e, {
-    slots: s
-  }) {
-    const f = y(e.message), c = i(() => typeof e.rule == "object" ? {
-      ...e.rule,
-      required: !!e.required
-    } : typeof e.rule == "string" ? e.rule?.includes("required") ? e.rule : e.rule ? `${e.rule}|required` : "required" : e.rule), {
-      errorMessage: d,
-      value: m,
-      setErrors: o,
-      validate: g
-    } = W(e.path || "", c.value || {}, {
-      label: e.label
-    }), v = i(() => e.required ? !0 : e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), n = i(() => d.value && (f.value || d.value));
-    q(n, (r) => {
-      r && o(r);
-    }, {
-      immediate: !0
-    }), w(m, (r) => {
-      r && g();
-    }, {
-      throttle: 300,
-      deep: !0
-    });
-    const a = j("dux.form", {
-      labelPlacement: u("left"),
-      labelAlign: u("left"),
-      labelWidth: u(70),
-      divider: u(!1)
-    }), t = i(() => e.labelPlacement || a.labelPlacement.value), x = i(() => {
-      let r = e.labelWidth || a.labelWidth.value || 70;
-      return typeof r == "number" && (r = `${r}px`), t.value !== "left" ? "auto" : r;
-    }), b = i(() => a.divider.value || t.value === "page");
-    return () => l("div", {
-      class: [t.value !== "top" ? "md:flex-row gap-4 lg:items-start" : "gap-1", b.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
-    }, [e.label && l("div", {
-      class: [t.value === "left" ? "flex lg:items-center lg:pt-1.5" : "md:mb-1", t.value === "left" && a.labelAlign.value === "right" ? "justify-end" : ""],
-      style: {
-        width: x.value
-      }
-    }, [l("div", {
-      class: "flex flex-col"
-    }, [l("div", null, [l("span", {
-      class: "relative flex items-center gap-1"
-    }, [e.label, e.tooltip && l(P, {
-      trigger: "hover"
-    }, {
-      trigger: () => l("div", {
-        class: "i-tabler:help size-4 text-muted"
-      }, null),
-      default: () => e.tooltip
-    }), v.value && l("span", {
-      class: "text-error font-mono text-xs"
-    }, [S("*")])])]), e.description && (t.value === "setting" || t.value === "page") && l("div", {
-      class: "text-sm text-muted"
-    }, [e.description])])]), l("div", {
-      class: ["flex flex-col gap-1 min-w-0", t.value === "setting" ? "flex-none md:w-40%" : "flex-1", t.value === "page" ? "col-span-3" : ""]
-    }, [l("div", {
-      class: t.value === "setting" ? "flex-1 lg:flex lg:justify-end" : ""
-    }, [s?.default?.()]), e.description && (t.value === "left" || t.value === "top") && l("div", {
-      class: "text-sm text-muted"
-    }, [e.description]), n.value && l("div", {
-      class: "text-error"
-    }, [n.value])])]);
-  }
+import { computed as e, createTextVNode as t, createVNode as n, defineComponent as r, inject as i, ref as a, toRef as o, watch as s } from "vue";
+import { NTooltip as c } from "naive-ui";
+import { watchThrottled as l } from "@vueuse/core";
+import { useField as u } from "vee-validate";
+const d = /* @__PURE__ */ r({
+	name: "DuxFormItem",
+	props: {
+		label: String,
+		description: [String, Object],
+		tooltip: String,
+		path: String,
+		labelPlacement: { type: String },
+		labelAlign: { type: String },
+		labelWidth: { type: Number },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		rule: [String, Object],
+		message: [String, Object]
+	},
+	setup(r, { slots: d }) {
+		let f = o(r.message), p = e(() => typeof r.rule == "object" ? {
+			...r.rule,
+			required: !!r.required
+		} : typeof r.rule == "string" ? r.rule?.includes("required") ? r.rule : r.rule ? `${r.rule}|required` : "required" : r.rule), { errorMessage: m, value: h, setErrors: g, validate: _ } = u(r.path || "", p.value || {}, { label: r.label }), v = e(() => r.required ? !0 : r.rule ? typeof r.rule == "string" ? r.rule.includes("required") : typeof r.rule == "object" ? "required" in r.rule : !1 : !1), y = e(() => m.value && (f.value || m.value));
+		s(y, (e) => {
+			e && g(e);
+		}, { immediate: !0 }), l(h, (e) => {
+			e && _();
+		}, {
+			throttle: 300,
+			deep: !0
+		});
+		let b = i("dux.form", {
+			labelPlacement: a("left"),
+			labelAlign: a("left"),
+			labelWidth: a(70),
+			divider: a(!1)
+		}), x = e(() => r.labelPlacement || b.labelPlacement.value), S = e(() => {
+			let e = r.labelWidth || b.labelWidth.value || 70;
+			return typeof e == "number" && (e = `${e}px`), x.value === "left" ? e : "auto";
+		}), C = e(() => b.divider.value || x.value === "page");
+		return () => n("div", { class: [
+			x.value === "top" ? "gap-1" : "md:flex-row gap-4 lg:items-start",
+			C.value ? "py-6" : "",
+			x.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "",
+			x.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"
+		] }, [r.label && n("div", {
+			class: [x.value === "left" ? "flex lg:items-center lg:pt-1.5" : "md:mb-1", x.value === "left" && b.labelAlign.value === "right" ? "justify-end" : ""],
+			style: { width: S.value }
+		}, [n("div", { class: "flex flex-col" }, [n("div", null, [n("span", { class: "relative flex items-center gap-1" }, [
+			r.label,
+			r.tooltip && n(c, { trigger: "hover" }, {
+				trigger: () => n("div", { class: "i-tabler:help size-4 text-muted" }, null),
+				default: () => r.tooltip
+			}),
+			v.value && n("span", { class: "text-error font-mono text-xs" }, [t("*")])
+		])]), r.description && (x.value === "setting" || x.value === "page") && n("div", { class: "text-sm text-muted" }, [r.description])])]), n("div", { class: [
+			"flex flex-col gap-1 min-w-0",
+			x.value === "setting" ? "flex-none md:w-40%" : "flex-1",
+			x.value === "page" ? "col-span-3" : ""
+		] }, [
+			n("div", { class: x.value === "setting" ? "flex-1 lg:flex lg:justify-end" : "" }, [d?.default?.()]),
+			r.description && (x.value === "left" || x.value === "top") && n("div", { class: "text-sm text-muted" }, [r.description]),
+			y.value && n("div", { class: "text-error" }, [y.value])
+		])]);
+	}
 });
-export {
-  T as DuxFormItem
-};
+export { d as DuxFormItem };

package/dist/esm/components/form/formLayout.js

@@ -1,40 +1,37 @@
-import { defineComponent as t, provide as i, toRef as l, createVNode as d } from "vue";
-const f = /* @__PURE__ */ t({
-  name: "DuxFormLayout",
-  props: {
-    labelPlacement: {
-      type: String,
-      default: "left"
-    },
-    labelAlign: {
-      type: String,
-      default: "left"
-    },
-    labelWidth: {
-      type: Number
-    },
-    inline: {
-      type: Boolean,
-      default: !1
-    },
-    divider: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e, {
-    slots: a
-  }) {
-    return i("dux.form", {
-      labelPlacement: l(e, "labelPlacement"),
-      labelAlign: l(e, "labelAlign"),
-      labelWidth: l(e, "labelWidth"),
-      divider: l(e, "divider")
-    }), () => d("div", {
-      class: ["flex ", e.divider || e.labelPlacement === "page" ? " divide-y divide-default dark:divide-gray-800" : "", e.inline ? "flex-row" : "flex-col", e.labelPlacement === "page" || e.labelPlacement === "setting" ? "container mx-auto" : "gap-4"]
-    }, [a?.default?.()]);
-  }
+import { createVNode as e, defineComponent as t, provide as n, toRef as r } from "vue";
+const i = /* @__PURE__ */ t({
+	name: "DuxFormLayout",
+	props: {
+		labelPlacement: {
+			type: String,
+			default: "left"
+		},
+		labelAlign: {
+			type: String,
+			default: "left"
+		},
+		labelWidth: { type: Number },
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		divider: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t, { slots: i }) {
+		return n("dux.form", {
+			labelPlacement: r(t, "labelPlacement"),
+			labelAlign: r(t, "labelAlign"),
+			labelWidth: r(t, "labelWidth"),
+			divider: r(t, "divider")
+		}), () => e("div", { class: [
+			"flex ",
+			t.divider || t.labelPlacement === "page" ? " divide-y divide-default dark:divide-gray-800" : "",
+			t.inline ? "flex-row" : "flex-col",
+			t.labelPlacement === "page" || t.labelPlacement === "setting" ? "container mx-auto" : "gap-4"
+		] }, [i?.default?.()]);
+	}
 });
-export {
-  f as DuxFormLayout
-};
+export { i as DuxFormLayout };

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

@@ -0,0 +1,7 @@
+import "./formLayout.js";
+import "./drawerForm.js";
+import "./formItem.js";
+import "./modalForm.js";
+import "./pageForm.js";
+import "./pageTabForm.js";
+import "./settingForm.js";

package/dist/esm/components/form/modalForm.js

@@ -1,172 +1,60 @@
-import { defineComponent as S, computed as b, toRef as C, createVNode as r, Fragment as v, isVNode as F } from "vue";
-import { useI18n as x, useInvalidate as j, useExtendForm as E } from "@duxweb/dvha-core";
-import { useMessage as O, NButton as n } from "naive-ui";
-import "@vueuse/core";
-import "clsx";
-import "vue-echarts";
-import "vue-router";
-import "@overlastic/vue";
-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 h from "../modal/modalPage.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 { DuxFormLayout as p } from "./formLayout.js";
-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";
-function a(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !F(t);
+import e from "../modal/modalPage.js";
+import { DuxFormLayout as t } from "./formLayout.js";
+import "../index.js";
+import { Fragment as n, computed as r, createVNode as i, defineComponent as a, isVNode as o, toRef as s } from "vue";
+import { useExtendForm as c, useI18n as l, useInvalidate as u } from "@duxweb/dvha-core";
+import { NButton as d, useMessage as f } from "naive-ui";
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
 }
-const Kt = /* @__PURE__ */ S({
-  name: "DuxModalForm",
-  props: {
-    id: {
-      type: [String, Number]
-    },
-    action: {
-      type: String
-    },
-    path: {
-      type: String
-    },
-    data: {
-      type: Object
-    },
-    meta: {
-      type: Object
-    },
-    params: {
-      type: Object
-    },
-    onClose: {
-      type: Function
-    },
-    title: {
-      type: String
-    },
-    invalidate: {
-      type: String
-    },
-    onSuccess: {
-      type: Function
-    },
-    onError: {
-      type: Function
-    }
-  },
-  extends: p,
-  setup(t, {
-    slots: c
-  }) {
-    const {
-      t: i
-    } = x(), s = b(() => {
-      const {
-        onClose: o,
-        onSuccess: m,
-        onError: D,
-        action: M,
-        title: N,
-        id: _,
-        path: k,
-        data: I,
-        ...g
-      } = t;
-      return g;
-    }), u = C(t, "data", {}), e = O(), {
-      invalidate: l
-    } = j(), {
-      isLoading: d,
-      onSubmit: f,
-      isEdit: y
-    } = E({
-      id: t.id,
-      path: t.path,
-      form: u,
-      meta: t.meta,
-      params: t.params,
-      action: t.action,
-      onError: (o) => {
-        e.error(o.message || i("components.form.error")), t.onError?.(o);
-      },
-      onSuccess: (o) => {
-        t.invalidate && l(t.invalidate), e.success(i("components.form.success")), t.onSuccess?.(o), t.onClose?.();
-      }
-    });
-    return () => r(h, {
-      title: t?.title || (y.value ? i("components.form.edit") : i("components.form.create")),
-      onClose: t?.onClose
-    }, {
-      default: () => r(p, s.value, {
-        default: () => [c?.default?.()]
-      }),
-      footer: () => {
-        let o, m;
-        return r(v, null, [r(n, {
-          onClick: () => t.onClose?.()
-        }, a(o = i("components.button.cancel")) ? o : {
-          default: () => [o]
-        }), r(n, {
-          type: "primary",
-          loading: d.value,
-          onClick: () => f()
-        }, a(m = i("components.button.submit")) ? m : {
-          default: () => [m]
-        })]);
-      }
-    });
-  }
+const m = /* @__PURE__ */ a({
+	name: "DuxModalForm",
+	props: {
+		id: { type: [String, Number] },
+		action: { type: String },
+		path: { type: String },
+		data: { type: Object },
+		meta: { type: Object },
+		params: { type: Object },
+		onClose: { type: Function },
+		title: { type: String },
+		invalidate: { type: String },
+		onSuccess: { type: Function },
+		onError: { type: Function }
+	},
+	extends: t,
+	setup(a, { slots: o }) {
+		let { t: m } = l(), h = r(() => {
+			let { onClose: e, onSuccess: t, onError: n, action: r, title: i, id: o, path: s, data: c, ...l } = a;
+			return l;
+		}), g = s(a, "data", {}), _ = f(), { invalidate: v } = u(), { isLoading: y, onSubmit: b, isEdit: x } = c({
+			id: a.id,
+			path: a.path,
+			form: g,
+			meta: a.meta,
+			params: a.params,
+			action: a.action,
+			onError: (e) => {
+				_.error(e.message || m("components.form.error")), a.onError?.(e);
+			},
+			onSuccess: (e) => {
+				a.invalidate && v(a.invalidate), _.success(m("components.form.success")), a.onSuccess?.(e), a.onClose?.();
+			}
+		});
+		return () => i(e, {
+			title: a?.title || (x.value ? m("components.form.edit") : m("components.form.create")),
+			onClose: a?.onClose
+		}, {
+			default: () => i(t, h.value, { default: () => [o?.default?.()] }),
+			footer: () => {
+				let e, t;
+				return i(n, null, [i(d, { onClick: () => a.onClose?.() }, p(e = m("components.button.cancel")) ? e : { default: () => [e] }), i(d, {
+					type: "primary",
+					loading: y.value,
+					onClick: () => b()
+				}, p(t = m("components.button.submit")) ? t : { default: () => [t] })]);
+			}
+		});
+	}
 });
-export {
-  Kt as DuxModalForm
-};
+export { m as DuxModalForm };