@duxweb/dvha-pro 1.0.21 → 1.0.23

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

@@ -0,0 +1,149 @@
+import { defineComponent as b, computed as C, toRef as F, createVNode as i, Fragment as x, mergeProps as D, isVNode as E } from "vue";
+import { useI18n as N, useExtendForm as h } from "@duxweb/dvha-core";
+import { useMessage as j, NButton as u, NScrollbar as v } from "naive-ui";
+import "clsx";
+import "vue-echarts";
+import "vue-router";
+import "@overlastic/vue";
+import "dayjs";
+import "mime";
+import "lodash-es";
+import "@tanstack/vue-query";
+import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
+import "pinia";
+import "vue-cropper";
+import "jinrishici";
+import "vue-draggable-plus";
+import { DuxDrawerPage as w } from "../drawer/drawerPage.js";
+import "aieditor";
+import { DuxFormLayout as l } from "./formLayout.js";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+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 "vue-command-palette";
+import "../../pages/page404.js";
+import "@iconify-json/tabler/icons.json";
+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";
+function d(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !E(t);
+}
+const Nt = /* @__PURE__ */ b({
+  name: "DuxDrawerForm",
+  props: {
+    id: {
+      type: [String, Number]
+    },
+    action: {
+      type: String
+    },
+    path: {
+      type: String
+    },
+    data: {
+      type: Object
+    },
+    onClose: {
+      type: Function
+    },
+    title: {
+      type: String
+    },
+    onSuccess: {
+      type: Function
+    },
+    onError: {
+      type: Function
+    }
+  },
+  extends: l,
+  setup(t, {
+    slots: m
+  }) {
+    const {
+      t: r
+    } = N(), f = C(() => {
+      const {
+        onClose: o,
+        onSuccess: e,
+        onError: n,
+        action: O,
+        title: P,
+        id: _,
+        path: k,
+        data: L,
+        ...S
+      } = t;
+      return S;
+    }), p = F(t, "data", {}), c = j(), {
+      isLoading: a,
+      onSubmit: g,
+      onReset: s,
+      isEdit: y
+    } = h({
+      id: t.id,
+      path: t.path,
+      form: p,
+      action: t.action,
+      onError: (o) => {
+        var e;
+        c.error(o.message || r("components.form.error")), (e = t.onError) == null || e.call(t, o);
+      },
+      onSuccess: (o) => {
+        var e, n;
+        c.success(r("components.form.success")), (e = t.onSuccess) == null || e.call(t, o), (n = t.onClose) == null || n.call(t);
+      }
+    });
+    return () => i(w, {
+      scrollbar: !1,
+      title: (t == null ? void 0 : t.title) || (y.value ? r("components.form.edit") : r("components.form.create")),
+      onClose: t == null ? void 0 : t.onClose
+    }, {
+      default: () => i(v, null, {
+        default: () => [i(l, D({
+          class: "p-4"
+        }, f.value), {
+          default: () => {
+            var o;
+            return [(o = m == null ? void 0 : m.default) == null ? void 0 : o.call(m)];
+          }
+        })]
+      }),
+      footer: () => {
+        let o, e;
+        return i(x, null, [i(u, {
+          onClick: s,
+          loading: a.value
+        }, d(o = r("components.button.reset")) ? o : {
+          default: () => [o]
+        }), i(u, {
+          type: "primary",
+          loading: a.value,
+          onClick: () => g()
+        }, d(e = r("components.button.submit")) ? e : {
+          default: () => [e]
+        })]);
+      }
+    });
+  }
+});
+export {
+  Nt as DuxDrawerForm
+};

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

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

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

@@ -1,11 +1,15 @@
-import { defineComponent as d, provide as i, createVNode as t } from "vue";
-const m = /* @__PURE__ */ d({
+import { defineComponent as i, provide as d, createVNode as t } from "vue";
+const f = /* @__PURE__ */ i({
   name: "DuxFormLayout",
   props: {
     labelPlacement: {
       type: String,
       default: "left"
     },
+    labelAlign: {
+      type: String,
+      default: "left"
+    },
     labelWidth: {
       type: Number
     },
@@ -19,20 +23,21 @@ const m = /* @__PURE__ */ d({
     }
   },
   setup(e, {
-    slots: a
+    slots: l
   }) {
-    return i("dux.form", {
+    return d("dux.form", {
       labelPlacement: e.labelPlacement,
+      labelAlign: e.labelAlign,
       labelWidth: e.labelWidth,
       divider: e.divider
     }), () => {
-      var l;
+      var a;
       return t("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"]
-      }, [(l = a == null ? void 0 : a.default) == null ? void 0 : l.call(a)]);
+      }, [(a = l == null ? void 0 : l.default) == null ? void 0 : a.call(l)]);
     };
   }
 });
 export {
-  m as DuxFormLayout
+  f as DuxFormLayout
 };

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

@@ -17,8 +17,8 @@ import D from "../modal/modalPage.js";
 import "jinrishici";
 import "vue-draggable-plus";
 import "aieditor";
-import "vee-validate";
 import { DuxFormLayout as d } from "./formLayout.js";
+import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";

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

@@ -12,8 +12,8 @@ import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
 import "aieditor";
-import "vee-validate";
 import { DuxFormLayout as v } from "./formLayout.js";
+import "vee-validate";
 import "@iconify-json/tabler/icons.json";
 import "mime";
 import "vue3-ace-editor";

package/dist/esm/components/media/media.js

@@ -29,7 +29,7 @@ const I = /* @__PURE__ */ h({
   }) {
     const c = y(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), t = y(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
     return () => {
-      var u, d, g, x, f, l, v;
+      var u, d, g, x, f, v, l;
       let r;
       return i("div", {
         class: "flex gap-2 items-center"
@@ -60,17 +60,17 @@ const I = /* @__PURE__ */ h({
           var n;
           return (n = e.onClick) == null ? void 0 : n.call(e);
         },
-        class: b(["transition-all truncate text-default", (e == null ? void 0 : e.onClick) && "hover:text-primary cursor-pointer"])
+        class: b(["transition-all truncate", (e == null ? void 0 : e.onClick) && "hover:text-primary cursor-pointer"])
       }, [e.title || ((g = a.default) == null ? void 0 : g.call(a))])]), ((t == null ? void 0 : t.value.length) > 0 || a.desc) && i("div", {
         class: "text-sm text-muted flex flex-col gap-0"
       }, [(f = t == null ? void 0 : (x = t.value).map) == null ? void 0 : f.call(x, (n, m) => i("div", {
         key: m,
         class: "truncate"
-      }, [n])), (l = a.desc) == null ? void 0 : l.call(a)])]), (e == null ? void 0 : e.extend) && i("div", {
+      }, [n])), (v = a.desc) == null ? void 0 : v.call(a)])]), (e == null ? void 0 : e.extend) && i("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
       }, [e == null ? void 0 : e.extend]), (a == null ? void 0 : a.extend) && i("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
-      }, [(v = a == null ? void 0 : a.extend) == null ? void 0 : v.call(a)])]);
+      }, [(l = a == null ? void 0 : a.extend) == null ? void 0 : l.call(a)])]);
     };
   }
 });

package/dist/esm/components/panel/setting.js

@@ -29,7 +29,7 @@ const m = /* @__PURE__ */ r({
       return e("div", {
         class: "flex flex-col gap-4"
       }, [e("div", {
-        class: "flex items-center"
+        class: "flex items-center px-2"
       }, [e("div", {
         class: "flex-1 flex flex-col"
       }, [e("div", {

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

@@ -1,7 +1,7 @@
-import { defineComponent as i, createVNode as e } from "vue";
-import { useI18n as m } from "@duxweb/dvha-core";
+import { defineComponent as m, createVNode as e } from "vue";
+import { useI18n as i } from "@duxweb/dvha-core";
 import { DuxDrawEmptyForm as n } from "../draw/drawEmptyForm.js";
-const a = /* @__PURE__ */ i({
+const s = /* @__PURE__ */ m({
   name: "DuxListEmpty",
   props: {
     title: String,
@@ -11,10 +11,12 @@ const a = /* @__PURE__ */ i({
   setup(t) {
     const {
       t: l
-    } = m();
+    } = i();
     return () => e("div", {
       class: "flex flex-col items-center justify-center gap-2 h-full"
-    }, [e(n, null, null), e("div", {
+    }, [e(n, {
+      class: "max-h-120px"
+    }, null), e("div", {
       class: "text-lg text-default font-bold"
     }, [(t == null ? void 0 : t.title) || l("pages.empty.title")]), e("div", {
       class: "text-muted"
@@ -22,5 +24,5 @@ const a = /* @__PURE__ */ i({
   }
 });
 export {
-  a as DuxListEmpty
+  s as DuxListEmpty
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as u, computed as f, toRef as c, createVNode as o, mergeProps as e } from "vue";
-import { useI18n as d } from "@duxweb/dvha-core";
+import { defineComponent as u, computed as f, toRef as d, createVNode as i, mergeProps as e } from "vue";
+import { useI18n as c } from "@duxweb/dvha-core";
 import { useWindowSize as b } from "@vueuse/core";
 import { NDataTable as m, NPagination as g } from "naive-ui";
 import "vue-router";
@@ -61,46 +61,47 @@ const ft = /* @__PURE__ */ u({
     }
   },
   extends: m,
-  setup(t) {
+  setup(o) {
     const p = f(() => {
       const {
-        path: r,
-        filter: v,
-        columns: h,
+        path: t,
+        filter: h,
+        columns: v,
         pagination: D,
         ...s
-      } = t;
+      } = o;
       return s;
-    }), a = c(t.filter || {}), i = y({
-      path: t.path,
-      filters: a.value,
-      columns: t.columns || [],
-      pagination: t.pagination
+    }), n = d(o.filter || {}), r = y({
+      path: o.path,
+      filters: n.value,
+      columns: o.columns || [],
+      pagination: o.pagination
     }), {
       width: l
     } = b(), {
-      t: n
-    } = d();
-    return () => o("div", {
+      t: a
+    } = c();
+    return () => i("div", {
       class: "flex flex-col gap-2"
-    }, [o(m, e(p.value, i.table.value, {
+    }, [i(m, e(p.value, r.table.value, {
       class: "flex-1 min-h-0",
       minHeight: 200,
       tableLayout: "fixed",
       flexHeight: !0,
-      rowKey: (r) => r.id,
-      bordered: !1
+      rowKey: (t) => t.id,
+      bordered: !1,
+      renderCell: (t) => t == null || t === "" ? "-" : t
     }), {
-      empty: () => o(x, {
+      empty: () => i(x, {
         bordered: !1
       }, null)
-    }), t.pagination && o("div", {
+    }), o.pagination && i("div", {
       class: "flex justify-end"
-    }, [o(g, e(i.tablePagination.value, {
+    }, [i(g, e(r.tablePagination.value, {
       simple: l.value < 768
     }), {
-      prefix: () => o("div", null, [n("components.list.total", {
-        total: i.total.value || 0
+      prefix: () => i("div", null, [a("components.list.total", {
+        total: r.total.value || 0
       })])
     })])]);
   }

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

@@ -1,39 +1,40 @@
-import { defineComponent as b, computed as d, createVNode as t, mergeProps as o } from "vue";
-import { NDataTable as u } from "naive-ui";
-import { DuxTableLayout as m } from "../layout/table.js";
+import { defineComponent as n, computed as p, createVNode as a, mergeProps as b } from "vue";
+import { NDataTable as o } from "naive-ui";
+import { DuxTableLayout as d } from "../layout/table.js";
 import "@duxweb/dvha-core";
 import "clsx";
-import { DuxListEmpty as n } from "../status/listEmpty.js";
-const y = /* @__PURE__ */ b({
+import { DuxListEmpty as u } from "../status/listEmpty.js";
+const y = /* @__PURE__ */ n({
   name: "DuxTablePage",
   props: {
     tableProps: {
       type: Object
     }
   },
-  extends: m,
+  extends: d,
   slots: Object,
   setup(i, {
     slots: e
   }) {
-    const p = d(() => {
+    const m = p(() => {
       const {
-        tableProps: r,
-        ...a
+        tableProps: t,
+        ...r
       } = i;
-      return a;
+      return r;
     });
-    return () => t(m, p.value, {
-      default: (r) => t(u, o(r.table.value, i.tableProps, {
+    return () => a(d, m.value, {
+      default: (t) => a(o, b(t.table.value, i.tableProps, {
         class: "h-full",
         minHeight: 200,
         tableLayout: "fixed",
         flexHeight: !0,
-        rowKey: (a) => a.id,
+        rowKey: (r) => r.id,
         bordered: !1,
-        scrollX: r.width
+        scrollX: t.width,
+        renderCell: (r) => r == null || r === "" ? "-" : r
       }), {
-        empty: () => t(n, {
+        empty: () => a(u, {
           bordered: !1
         }, null)
       }),

package/dist/esm/components/tree/treeFilter.js

@@ -21,7 +21,7 @@ const oe = /* @__PURE__ */ Y({
     draggable: Boolean,
     bordered: {
       type: Boolean,
-      default: !0
+      default: !1
     }
   },
   extends: T,
@@ -136,6 +136,7 @@ const oe = /* @__PURE__ */ Y({
     });
     return () => n(le, {
       class: "h-full",
+      contentClass: "flex flex-col",
       bordered: t.bordered
     }, {
       default: () => {