@duxweb/dvha-pro 1.0.17 → 1.0.19

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

@@ -0,0 +1,212 @@
+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, 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,
+    path: String,
+    sortPath: String,
+    params: Object,
+    menus: Array,
+    numField: String,
+    iconField: String,
+    treeOptions: Object,
+    value: Array,
+    defaultValue: Array,
+    onUpdateValue: Function,
+    draggable: Boolean,
+    bordered: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  extends: T,
+  setup(t, {
+    emit: U,
+    slots: v
+  }) {
+    const D = W(t, "value", U, {
+      passive: !1,
+      defaultValue: t.defaultValue
+    }), 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: B,
+      expanded: L
+    } = J({
+      path: N.value,
+      params: I.value,
+      ...t.treeOptions
+    });
+    P(j, (l) => {
+      s.value = l;
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    const h = r(!1), M = C(() => {
+      var l;
+      return ((l = t.menus) == null ? void 0 : l.map((e) => ({
+        label: e.label,
+        key: e.value,
+        icon: e != null && e.icon ? () => n("div", {
+          class: e == null ? void 0 : e.icon
+        }, null) : void 0,
+        onSelect: e.onSelect
+      }))) || [];
+    }), _ = (l) => {
+      var a;
+      const e = (a = t.menus) == null ? void 0 : a.find((i) => i.value === l);
+      e && e.onSelect(O.value), h.value = !1;
+    }, z = Q({
+      path: A.value,
+      method: "POST"
+    }), 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 = y(a.children, e);
+          if (i)
+            return i;
+        }
+    }, E = ({
+      node: l,
+      dragNode: e,
+      dropPosition: a
+    }) => {
+      var F, w;
+      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 && 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 = 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);
+          break;
+        case "inside":
+          d = l, c = d.children = d.children || [], o = c.length;
+          break;
+        case "after":
+          o = c.findIndex((u) => u.id === l.id) + 1, b = l.id;
+          break;
+      }
+      c.splice(o, 0, e), s.value = m, z.mutate({
+        payload: {
+          parent_id: d == null ? void 0 : d.id,
+          before_id: b,
+          id: e.id
+        }
+      });
+    }, f = r([]);
+    P(L, (l) => {
+      var e;
+      ((e = f == null ? void 0 : f.value) == null ? void 0 : e.length) > 0 || (f.value = l);
+    }, {
+      immediate: !0
+    });
+    const R = C(() => {
+      const {
+        title: l,
+        path: e,
+        sortPath: a,
+        params: i,
+        menus: x,
+        numField: m,
+        iconField: d,
+        treeOptions: b,
+        value: c,
+        defaultValue: o,
+        onUpdateValue: F,
+        bordered: w,
+        ...u
+      } = t;
+      return u;
+    });
+    return () => n(le, {
+      class: "h-full",
+      bordered: t.bordered
+    }, {
+      default: () => {
+        var l;
+        return [(t == null ? void 0 : t.title) && n("div", {
+          class: "px-2 py-3 pb-1 text-base font-bold"
+        }, [t.title]), n("div", {
+          class: "p-2 flex gap-2 items-center"
+        }, [n("div", {
+          class: "flex-1"
+        }, [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(p, {
+          class: "flex-1 min-h-0",
+          xScrollable: !0
+        }, {
+          default: () => [n("div", {
+            class: "p-2"
+          }, [n(ee, {
+            show: B.value,
+            class: "h-full"
+          }, {
+            default: () => [n(T, q(R.value, {
+              data: s.value || [],
+              expandedKeys: f.value,
+              onUpdateExpandedKeys: (e) => {
+                f.value = e;
+              },
+              blockLine: !0,
+              selectedKeys: D.value,
+              onUpdateSelectedKeys: (e) => {
+                var a;
+                D.value = e, (a = t == null ? void 0 : t.onUpdateValue) == null || a.call(t, e);
+              },
+              onDrop: E,
+              pattern: S.value,
+              renderPrefix: t != null && t.numField || t != null && t.iconField ? ({
+                option: e
+              }) => n(G, null, [t.iconField && e[t.iconField] && n("div", {
+                class: Z(e[t.iconField] || "", "size-4")
+              }, null), t.numField && n("div", {
+                class: "rounded-full bg-primary px-2 text-xs text-white"
+              }, [e[t.numField] || 0])]) : void 0,
+              nodeProps: ({
+                option: e
+              }) => ({
+                onContextmenu: (a) => {
+                  O.value = e, h.value = !0, V.value = a.clientX, k.value = a.clientY, a.preventDefault();
+                }
+              })
+            }), null)]
+          })])]
+        }), n(te, {
+          trigger: "manual",
+          placement: "bottom-start",
+          show: h.value,
+          options: M.value,
+          x: V.value,
+          y: k.value,
+          width: 100,
+          onSelect: _,
+          onClickoutside: () => {
+            h.value = !1;
+          }
+        }, null)];
+      }
+    });
+  }
+});
+export {
+  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
+};