@duxweb/dvha-pro 1.0.18 → 1.0.20

package/dist/esm/components/modal/modal.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, defineAsyncComponent as s, createVNode as t, mergeProps as n, Suspense as m } from "vue";
+import { defineComponent as c, defineAsyncComponent as m, createVNode as t, mergeProps as n, Suspense as s } from "vue";
 import { useExtendOverlay as f } from "@overlastic/vue";
 import { NModal as g, NSpin as b } from "naive-ui";
 const v = /* @__PURE__ */ c({
@@ -27,13 +27,13 @@ const v = /* @__PURE__ */ c({
     const {
       visible: l,
       resolve: d,
-      reject: o,
+      reject: a,
       vanish: i
     } = f({
       duration: 1e3
-    }), a = (e == null ? void 0 : e.componentProps) || {};
-    a.onConfirm = d, a.onClose = o;
-    const r = typeof e.component == "function" ? s(e.component) : e.component;
+    }), o = (e == null ? void 0 : e.componentProps) || {};
+    o.title = e.title, o.onConfirm = d, o.onClose = a;
+    const r = typeof e.component == "function" ? m(e.component) : e.component;
     return () => t(g, n({
       displayDirective: "show",
       show: l.value,
@@ -41,10 +41,10 @@ const v = /* @__PURE__ */ c({
         i();
       },
       onClose: () => {
-        o();
+        a();
       },
       onEsc: () => {
-        o();
+        a();
       },
       draggable: e.draggable,
       class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",
@@ -60,8 +60,8 @@ const v = /* @__PURE__ */ c({
         style: {
           width: typeof e.width == "number" ? `${e.width}px` : e.width
         }
-      }, [t(m, null, {
-        default: () => t(r, n(a, {
+      }, [t(s, null, {
+        default: () => t(r, n(o, {
           title: e.title,
           handle: u
         }), null),

package/dist/esm/components/modal/modalPage.js

@@ -32,7 +32,7 @@ const x = /* @__PURE__ */ f({
     }), () => {
       var t, d, r;
       return a("div", {
-        class: "flex flex-col gap-2"
+        class: "flex flex-col"
       }, [a("div", {
         class: ["px-4 py-3 border-b border-muted rounded-t flex justify-between items-center  bg-white dark:bg-gray-800/50", n.draggable && "cursor-move", n.handle]
       }, [a("div", {
@@ -49,7 +49,7 @@ const x = /* @__PURE__ */ f({
           class: "i-tabler:x"
         }, null)
       })])]), a("div", {
-        class: "px-4 py-2"
+        class: "p-4"
       }, [(t = e.default) == null ? void 0 : t.call(e)]), ((d = e.footer) == null ? void 0 : d.call(e)) && a("div", {
         class: "flex justify-end gap-2 p-3 rounded-b border-t border-muted bg-muted dark:bg-gray-800/50"
       }, [(r = e.footer) == null ? void 0 : r.call(e)])]);

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

@@ -0,0 +1,49 @@
+import { defineComponent as n, ref as c, createVNode as a } from "vue";
+import t from "clsx";
+const h = /* @__PURE__ */ n({
+  name: "DuxCollapsePanel",
+  props: {
+    title: String,
+    desc: String,
+    defaultShow: Boolean,
+    highlight: Boolean
+  },
+  setup(e, {
+    slots: i
+  }) {
+    const l = c(!!e.defaultShow);
+    return () => {
+      var d, r;
+      return a("div", {
+        class: t(["border rounded-sm", e.highlight ? "border-primary" : "border-muted"])
+      }, [a("div", {
+        class: t(["px-4 py-3 flex justify-between items-center", e.highlight ? "bg-primary/10" : "bg-gray/5"])
+      }, [a("div", {
+        class: "flex gap-2 items-start"
+      }, [a("div", {
+        class: "pt-0.5"
+      }, [(d = i.suffix) == null ? void 0 : d.call(i)]), a("div", {
+        class: "flex flex-col"
+      }, [a("div", {
+        class: "font-medium text-base"
+      }, [e == null ? void 0 : e.title]), (e == null ? void 0 : e.desc) && a("div", {
+        class: "text-muted"
+      }, [e.desc])])]), a("div", {
+        class: t(["p-2 rounded-full text-primary cursor-pointer", e.highlight ? "bg-primary/10" : "bg-gray/5"]),
+        onClick: () => l.value = !l.value
+      }, [a("div", {
+        class: t(["i-tabler:arrow-down size-4 transition-all", l.value ? "" : "rotate-180"])
+      }, null)])]), a("div", {
+        class: t("transition-all overflow-hidden", {
+          "max-h-0": !l.value,
+          "max-h-500": l.value
+        })
+      }, [a("div", {
+        class: "p-4"
+      }, [(r = i.default) == null ? void 0 : r.call(i)])])]);
+    };
+  }
+});
+export {
+  h as DuxCollapsePanel
+};

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

@@ -2,7 +2,7 @@ import { defineComponent as r, createVNode as e } from "vue";
 import { DuxCard as n } from "../card/card.js";
 import "clsx";
 import "naive-ui";
-const p = /* @__PURE__ */ r({
+const m = /* @__PURE__ */ r({
   name: "DuxPanelCard",
   props: {
     title: {
@@ -27,7 +27,7 @@ const p = /* @__PURE__ */ r({
       }, [e("div", {
         class: "flex items-center"
       }, [e("div", {
-        class: "flex-1 flex flex-col gap-1"
+        class: "flex-1 flex flex-col"
       }, [e("div", {
         class: "text-base"
       }, [i.title]), i.description && e("div", {
@@ -48,5 +48,5 @@ const p = /* @__PURE__ */ r({
   }
 });
 export {
-  p as DuxPanelCard
+  m as DuxPanelCard
 };

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

@@ -0,0 +1,26 @@
+import { defineComponent as i, createVNode as e } from "vue";
+import { useI18n as m } from "@duxweb/dvha-core";
+import { DuxDrawEmptyForm as n } from "../draw/drawEmptyForm.js";
+const a = /* @__PURE__ */ i({
+  name: "DuxListEmpty",
+  props: {
+    title: String,
+    desc: String,
+    bordered: Boolean
+  },
+  setup(t) {
+    const {
+      t: l
+    } = m();
+    return () => e("div", {
+      class: "flex flex-col items-center justify-center gap-2 h-full"
+    }, [e(n, null, 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"
+    }, [(t == null ? void 0 : t.desc) || l("pages.empty.desc")])]);
+  }
+});
+export {
+  a as DuxListEmpty
+};

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

@@ -0,0 +1,110 @@
+import { defineComponent as u, computed as f, toRef as c, createVNode as o, mergeProps as e } from "vue";
+import { NDataTable as m, NPagination as d } from "naive-ui";
+import { useI18n as b } from "@duxweb/dvha-core";
+import "clsx";
+import { DuxListEmpty as x } from "../status/listEmpty.js";
+import "vue-router";
+import "@overlastic/vue";
+import "vue-echarts";
+import { useWindowSize as g } from "@vueuse/core";
+import "vue-cropper";
+import "jinrishici";
+import "lodash-es";
+import "vue-draggable-plus";
+import "aieditor";
+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 "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "@iconify-json/tabler/icons.json";
+import "mime";
+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 "dayjs";
+import "@tanstack/vue-query";
+import { useTable as y } from "../../hooks/table.js";
+import "pinia";
+const ft = /* @__PURE__ */ u({
+  name: "DuxTable",
+  props: {
+    path: {
+      type: String,
+      required: !0
+    },
+    filter: {
+      type: Object
+    },
+    columns: {
+      type: Array
+    },
+    pagination: {
+      type: [Boolean, Object],
+      default: !0
+    }
+  },
+  extends: m,
+  setup(t) {
+    const p = f(() => {
+      const {
+        path: r,
+        filter: v,
+        columns: h,
+        pagination: D,
+        ...s
+      } = t;
+      return s;
+    }), a = c(t.filter || {}), i = y({
+      path: t.path,
+      filters: a.value,
+      columns: t.columns || [],
+      pagination: t.pagination
+    }), {
+      width: l
+    } = g(), {
+      t: n
+    } = b();
+    return () => o("div", {
+      class: "flex flex-col"
+    }, [o(m, e(p.value, i.table.value, {
+      class: "flex-1 min-h-0",
+      minHeight: 200,
+      tableLayout: "fixed",
+      flexHeight: !0,
+      rowKey: (r) => r.id,
+      bordered: !1
+    }), {
+      empty: () => o(x, {
+        bordered: !1
+      }, null)
+    }), t.pagination && o("div", {
+      class: "flex justify-end"
+    }, [o(d, e(i.tablePagination.value, {
+      simple: l.value < 768
+    }), {
+      prefix: () => o("div", null, [n("components.list.total", {
+        total: i.total.value || 0
+      })])
+    })])]);
+  }
+});
+export {
+  ft as DuxTable
+};

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

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

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

@@ -1,9 +1,10 @@
-import { defineComponent as Y, toRef as y, ref as r, watch as P, computed as C, createVNode as n, mergeProps as q, Fragment as G } from "vue";
+import { defineComponent as Y, toRef as g, ref as r, watch as P, computed as C, createVNode as n, mergeProps as q, Fragment as G } from "vue";
 import { useI18n as H, useTree as J, useCustomMutation as Q } from "@duxweb/dvha-core";
 import { useVModel as W } from "@vueuse/core";
 import Z from "clsx";
-import { NTree as T, NCard as $, NInput as p, NScrollbar as ee, NSpin as te, NDropdown as le } from "naive-ui";
-const ce = /* @__PURE__ */ Y({
+import { NTree as T, NInput as $, NScrollbar as p, NSpin as ee, NDropdown as te } from "naive-ui";
+import { DuxCard as le } from "../card/card.js";
+const oe = /* @__PURE__ */ Y({
   name: "DuxTreeFilter",
   props: {
     title: String,
@@ -17,22 +18,26 @@ const ce = /* @__PURE__ */ Y({
     value: Array,
     defaultValue: Array,
     onUpdateValue: Function,
-    draggable: Boolean
+    draggable: Boolean,
+    bordered: {
+      type: Boolean,
+      default: !0
+    }
   },
   extends: T,
   setup(t, {
     emit: U,
     slots: v
   }) {
-    const O = W(t, "value", U, {
+    const D = W(t, "value", U, {
       passive: !1,
       defaultValue: t.defaultValue
-    }), I = y(t, "params", {}), N = y(t, "path", ""), A = y(t, "sortPath", ""), V = r(), k = r(0), D = r(0), s = r([]), S = r(), {
+    }), I = g(t, "params", {}), N = g(t, "path", ""), A = g(t, "sortPath", ""), O = r(), V = r(0), k = r(0), s = r([]), S = r(), {
       t: K
     } = H(), {
       options: j,
-      loading: L,
-      expanded: M
+      loading: B,
+      expanded: L
     } = J({
       path: N.value,
       params: I.value,
@@ -44,7 +49,7 @@ const ce = /* @__PURE__ */ Y({
       immediate: !0,
       deep: !0
     });
-    const m = r(!1), _ = C(() => {
+    const h = r(!1), M = C(() => {
       var l;
       return ((l = t.menus) == null ? void 0 : l.map((e) => ({
         label: e.label,
@@ -54,20 +59,20 @@ const ce = /* @__PURE__ */ Y({
         }, null) : void 0,
         onSelect: e.onSelect
       }))) || [];
-    }), z = (l) => {
+    }), _ = (l) => {
       var a;
       const e = (a = t.menus) == null ? void 0 : a.find((i) => i.value === l);
-      e && e.onSelect(V.value), m.value = !1;
-    }, B = Q({
+      e && e.onSelect(O.value), h.value = !1;
+    }, z = Q({
       path: A.value,
       method: "POST"
-    }), g = (l, e) => {
+    }), y = (l, e) => {
       for (const a of l)
         if (a.children) {
           for (const x of a.children)
             if (x.id === e)
               return a;
-          const i = g(a.children, e);
+          const i = y(a.children, e);
           if (i)
             return i;
         }
@@ -77,15 +82,15 @@ const ce = /* @__PURE__ */ Y({
       dropPosition: a
     }) => {
       var F, w;
-      const i = g(s.value, e.id), x = !i, h = [...s.value];
+      const i = y(s.value, e.id), x = !i, m = [...s.value];
       if (x) {
         const u = s.value.findIndex((X) => X.id === e.id);
-        u >= 0 && h.splice(u, 1);
+        u >= 0 && m.splice(u, 1);
       } else {
         const u = ((F = i == null ? void 0 : i.children) == null ? void 0 : F.indexOf(e)) || 0;
         (w = i == null ? void 0 : i.children) == null || w.splice(u, 1);
       }
-      let d = g(h, l.id), b, c = (d == null ? void 0 : d.children) || h, o = 0;
+      let d = y(m, l.id), b, c = (d == null ? void 0 : d.children) || m, o = 0;
       switch (a) {
         case "before":
           o = c.findIndex((u) => u.id === l.id), o > 0 && (b = c[o - 1].id);
@@ -97,7 +102,7 @@ const ce = /* @__PURE__ */ Y({
           o = c.findIndex((u) => u.id === l.id) + 1, b = l.id;
           break;
       }
-      c.splice(o, 0, e), s.value = h, B.mutate({
+      c.splice(o, 0, e), s.value = m, z.mutate({
         payload: {
           parent_id: d == null ? void 0 : d.id,
           before_id: b,
@@ -105,7 +110,7 @@ const ce = /* @__PURE__ */ Y({
         }
       });
     }, f = r([]);
-    P(M, (l) => {
+    P(L, (l) => {
       var e;
       ((e = f == null ? void 0 : f.value) == null ? void 0 : e.length) > 0 || (f.value = l);
     }, {
@@ -118,20 +123,20 @@ const ce = /* @__PURE__ */ Y({
         sortPath: a,
         params: i,
         menus: x,
-        numField: h,
+        numField: m,
         iconField: d,
         treeOptions: b,
         value: c,
         defaultValue: o,
-        draggable: F,
-        onUpdateValue: w,
+        onUpdateValue: F,
+        bordered: w,
         ...u
       } = t;
       return u;
     });
-    return () => n($, {
+    return () => n(le, {
       class: "h-full",
-      contentClass: "p-0! h-full flex flex-col"
+      bordered: t.bordered
     }, {
       default: () => {
         var l;
@@ -141,18 +146,18 @@ const ce = /* @__PURE__ */ Y({
           class: "p-2 flex gap-2 items-center"
         }, [n("div", {
           class: "flex-1"
-        }, [v.header ? v.header() : n(p, {
+        }, [v.header ? v.header() : n($, {
           value: S.value,
           "onUpdate:value": (e) => S.value = e,
           placeholder: K("common.keyword")
-        }, null)]), (l = v.tools) == null ? void 0 : l.call(v)]), n(ee, {
+        }, null)]), (l = v.tools) == null ? void 0 : l.call(v)]), n(p, {
           class: "flex-1 min-h-0",
           xScrollable: !0
         }, {
           default: () => [n("div", {
             class: "p-2"
-          }, [n(te, {
-            show: L.value,
+          }, [n(ee, {
+            show: B.value,
             class: "h-full"
           }, {
             default: () => [n(T, q(R.value, {
@@ -162,10 +167,10 @@ const ce = /* @__PURE__ */ Y({
                 f.value = e;
               },
               blockLine: !0,
-              selectedKeys: O.value,
+              selectedKeys: D.value,
               onUpdateSelectedKeys: (e) => {
                 var a;
-                O.value = e, (a = t == null ? void 0 : t.onUpdateValue) == null || a.call(t, e);
+                D.value = e, (a = t == null ? void 0 : t.onUpdateValue) == null || a.call(t, e);
               },
               onDrop: E,
               pattern: S.value,
@@ -180,22 +185,22 @@ const ce = /* @__PURE__ */ Y({
                 option: e
               }) => ({
                 onContextmenu: (a) => {
-                  V.value = e, m.value = !0, k.value = a.clientX, D.value = a.clientY, a.preventDefault();
+                  O.value = e, h.value = !0, V.value = a.clientX, k.value = a.clientY, a.preventDefault();
                 }
               })
             }), null)]
           })])]
-        }), n(le, {
+        }), n(te, {
           trigger: "manual",
           placement: "bottom-start",
-          show: m.value,
-          options: _.value,
-          x: k.value,
-          y: D.value,
+          show: h.value,
+          options: M.value,
+          x: V.value,
+          y: k.value,
           width: 100,
-          onSelect: z,
+          onSelect: _,
           onClickoutside: () => {
-            m.value = !1;
+            h.value = !1;
           }
         }, null)];
       }
@@ -203,5 +208,5 @@ const ce = /* @__PURE__ */ Y({
   }
 });
 export {
-  ce as DuxTreeFilter
+  oe as DuxTreeFilter
 };

package/dist/esm/components/upload/config.js

@@ -0,0 +1,32 @@
+import { useManage as r, createS3UploadDriver as v, createLocalUploadDriver as U } from "@duxweb/dvha-core";
+import { computed as u } from "vue";
+const b = (a) => {
+  const n = r(), d = u(() => {
+    var t, l;
+    return (a == null ? void 0 : a.uploadPath) || ((l = (t = n.config) == null ? void 0 : t.apiPath) == null ? void 0 : l.upload) || "upload";
+  }), P = u(() => {
+    var t, l;
+    return (a == null ? void 0 : a.managePath) || ((l = (t = n.config) == null ? void 0 : t.apiPath) == null ? void 0 : l.uploadManager) || "uploadManager";
+  }), f = u(() => {
+    var t, l, e, c;
+    return (a == null ? void 0 : a.driver) === "s3" ? v({
+      signPath: (a == null ? void 0 : a.signPath) || ((l = (t = n.config) == null ? void 0 : t.apiPath) == null ? void 0 : l.upload) || d.value || "",
+      signCallback: (a == null ? void 0 : a.signCallback) || ((c = (e = n.config) == null ? void 0 : e.upload) == null ? void 0 : c.signCallback) || ((i) => {
+        var g, m, h;
+        return {
+          uploadUrl: (g = i.data) == null ? void 0 : g.uploadUrl,
+          url: (m = i.data) == null ? void 0 : m.url,
+          params: (h = i.data) == null ? void 0 : h.params
+        };
+      })
+    }) : U();
+  });
+  return {
+    uploadPath: d,
+    managePath: P,
+    driver: f
+  };
+};
+export {
+  b as useUploadConfig
+};