@duxweb/dvha-pro 0.0.5

package/dist/esm/hooks/action.js

@@ -0,0 +1,213 @@
+import { useI18n as b, useManage as S, useCustomMutation as D, useDelete as C } from "@duxweb/dvha-core";
+import { useMessage as I, NButton as j, NDropdown as N } from "naive-ui";
+import { h as s } from "vue";
+import { useRouter as $ } from "vue-router";
+import { useDialog as B } from "./dialog.js";
+import { useDrawer as E } from "./drawer.js";
+import { useModal as T } from "./modal.js";
+function U(n) {
+  const y = T(), d = E(), f = B(), {
+    t: c
+  } = b(), l = I(), a = S(), u = $(), v = D({
+    onSuccess: (e) => {
+      l.success(e.message || "操作成功");
+    },
+    onError: (e) => {
+      l.error(e.message || "操作失败");
+    }
+  }), A = C({
+    onSuccess: (e) => {
+      l.success(e.message || "操作成功");
+    },
+    onError: (e) => {
+      l.error(e.message || "操作失败");
+    }
+  }), g = (n == null ? void 0 : n.path) || a.getPath(), x = (e) => {
+    var r, P;
+    const i = c(e.item.title || "", {}, e.item.title), m = c(e.item.label || "", {}, e.item.label);
+    if (e.item.type === "modal") {
+      const t = e.item;
+      y.show({
+        title: i || m,
+        component: t.component,
+        componentProps: {
+          id: e.id,
+          ...t.componentProps
+        },
+        width: t.width
+      });
+    }
+    if (e.item.type === "drawer") {
+      const t = e.item;
+      d.show({
+        title: i || m,
+        component: t.component,
+        componentProps: {
+          id: e.id,
+          ...t.componentProps
+        },
+        width: t.width
+      });
+    }
+    if (e.item.type === "confirm") {
+      const t = e.item;
+      f.confirm({
+        title: i || m,
+        content: t.content
+      }).then((h) => {
+        var o;
+        h && ((o = t.callback) == null || o.call(t, e.id, e.data));
+      });
+    }
+    if (e.item.type === "request") {
+      const t = e.item;
+      f.confirm({
+        title: i || m,
+        content: t.content
+      }).then(() => {
+        const h = typeof t.data == "function" ? t.data(e.id, e.data) : t.data, o = (t.method || "post").toLowerCase(), M = t.path || g;
+        v.mutate({
+          path: M,
+          method: o,
+          payload: h
+        });
+      });
+    }
+    if (e.item.type === "delete") {
+      const t = e.item;
+      f.confirm({
+        title: i || m,
+        content: t.content
+      }).then(() => {
+        A.mutate({
+          id: e.id,
+          path: t.path || g
+        });
+      });
+    }
+    if (e.item.type === "link") {
+      const t = e.item, h = typeof t.path == "function" ? (r = t.path) == null ? void 0 : r.call(t, e.id, e.data) : a.getRoutePath(e.id ? `${t.path || g}${e.data === void 0 ? "" : `/${e.id}`}` : t.path || g);
+      u.push(h);
+    }
+    if (e.item.type === "callback") {
+      const t = e.item;
+      (P = t.callback) == null || P.call(t, e.id, e.data);
+    }
+  }, w = q(), k = L();
+  return {
+    target: x,
+    renderTable: (e) => (i, m) => {
+      const r = {
+        id: i[e.key || (n == null ? void 0 : n.key) || "id"],
+        data: i,
+        index: m,
+        target: x,
+        text: e.text !== void 0 ? e.text : (n == null ? void 0 : n.text) || !1,
+        align: e.align !== void 0 ? e.align : (n == null ? void 0 : n.align) || "left"
+      };
+      return (e.type || (n == null ? void 0 : n.type)) === "button" ? w.render({
+        ...r,
+        action: e || n
+      }) : k.render({
+        ...r,
+        action: e || n
+      });
+    },
+    renderAction: (e) => {
+      const i = {
+        target: x,
+        text: e.text !== void 0 ? e.text : (n == null ? void 0 : n.text) || !1,
+        align: e.align !== void 0 ? e.align : (n == null ? void 0 : n.align) || "left"
+      };
+      return (e.type || (n == null ? void 0 : n.type)) === "button" ? w.render({
+        ...i,
+        action: e || n
+      }) : k.render({
+        ...i,
+        action: e || n
+      });
+    }
+  };
+}
+function q() {
+  const {
+    t: n
+  } = b();
+  return {
+    render: (d) => {
+      var c;
+      const f = (c = d.action.items) == null ? void 0 : c.filter((l) => {
+        var a;
+        return !l.show || ((a = l.show) == null ? void 0 : a.call(l, d.data, d.index));
+      }).map((l, a) => s(j, {
+        key: a,
+        type: l.color || l.type === "delete" ? "error" : "primary",
+        text: d.text,
+        onClick: () => {
+          var u;
+          (u = d == null ? void 0 : d.target) == null || u.call(d, {
+            id: d.id,
+            data: d.data,
+            item: l
+          });
+        },
+        renderIcon: l.icon ? () => s("div", {
+          class: ["n-icon", l.icon]
+        }) : void 0
+      }, () => n(l.label || "", {}, l.label)));
+      return s("div", {
+        class: ["flex gap-2 flex-wrap items-center", d.align === "right" ? "justify-end" : d.align === "center" ? "justify-center" : "justify-start"]
+      }, f);
+    }
+  };
+}
+function L() {
+  const {
+    t: n
+  } = b();
+  return {
+    render: (d) => {
+      var c;
+      const f = (c = d.action.items) == null ? void 0 : c.filter((l) => {
+        var a;
+        return !l.show || ((a = l.show) == null ? void 0 : a.call(l, d.data, d.index));
+      }).map((l, a) => ({
+        label: n(l.label || "", {}, l.label),
+        key: a,
+        icon: l.icon ? () => s("div", {
+          class: ["n-icon", l.icon]
+        }) : void 0,
+        onSelect: () => {
+          var u;
+          (u = d == null ? void 0 : d.target) == null || u.call(d, {
+            id: d.id,
+            data: d.data,
+            item: l
+          });
+        }
+      }));
+      return s(N, {
+        trigger: "click",
+        options: f,
+        onSelect: (l, a) => {
+          var u;
+          (u = a == null ? void 0 : a.onSelect) == null || u.call(a);
+        }
+      }, () => [s("div", {
+        class: ["flex items-center", d.align === "right" ? "justify-end" : d.align === "center" ? "justify-center" : "justify-start"]
+      }, s(j, {
+        type: "default",
+        text: d.text,
+        secondary: !d.text,
+        renderIcon: () => s("div", {
+          class: ["n-icon", "i-tabler:dots-vertical"]
+        })
+      }))]);
+    }
+  };
+}
+export {
+  U as useAction,
+  q as useActionButton,
+  L as useActionDropdown
+};

package/dist/esm/hooks/dialog.js

@@ -0,0 +1,32 @@
+import { useOverlay as t } from "@duxweb/dvha-core";
+function i() {
+  const e = t(), o = (r) => e.show({
+    component: () => import("../components/dialog/dialog.js"),
+    componentProps: r
+  });
+  return {
+    confirm: (r) => o({
+      ...r,
+      type: "confirm"
+    }),
+    success: (r) => o({
+      ...r,
+      type: "success"
+    }),
+    error: (r) => o({
+      ...r,
+      type: "error"
+    }),
+    prompt: (r) => o({
+      ...r,
+      type: "prompt"
+    }),
+    node: (r) => o({
+      ...r,
+      type: "node"
+    })
+  };
+}
+export {
+  i as useDialog
+};

package/dist/esm/hooks/drawer.js

@@ -0,0 +1,25 @@
+import { useOverlayInject as t } from "../node_modules/@overlastic/vue/dist/index.js";
+import "vue";
+import "naive-ui";
+import "clsx";
+import "jinrishici";
+import "lodash-es";
+import m from "../components/drawer/drawer.js";
+import "@vueuse/core";
+import "vee-validate";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "@duxweb/dvha-naiveui";
+import "pinia";
+import "@vee-validate/i18n";
+import "vue-command-palette";
+import "../pages/page404.js";
+function I() {
+  const r = t(m);
+  return {
+    show: (o) => r(o)
+  };
+}
+export {
+  I as useDrawer
+};

package/dist/esm/hooks/modal.js

@@ -0,0 +1,14 @@
+import { useOverlay as e } from "@duxweb/dvha-core";
+function s() {
+  const r = e();
+  return {
+    show: (o) => r.show({
+      component: () => import("../components/modal/modal.js"),
+      componentProps: o,
+      mask: !o.draggable
+    })
+  };
+}
+export {
+  s as useModal
+};

package/dist/esm/hooks/table/column.js

@@ -0,0 +1,31 @@
+import { useManage as s } from "@duxweb/dvha-core";
+import { useTableColumnCopy as C } from "./copy.js";
+import { useTableColumnHidden as f } from "./hidden.js";
+import { useTableColumnImage as b } from "./image.js";
+import { useTableColumnInput as T } from "./input.js";
+import { useTableColumnMap as M } from "./map.js";
+import { useTableColumnMedia as h } from "./media.js";
+import { useTableColumnStatus as I } from "./status.js";
+import { useTableColumnSwitch as S } from "./switch.js";
+function k(e) {
+  const { getPath: o } = s(), n = (e == null ? void 0 : e.path) || o(), r = (e == null ? void 0 : e.rowKey) || "id", t = h(), m = b(), u = S({
+    path: n,
+    rowKey: r
+  }), a = I(), d = M(), l = T({
+    path: n,
+    rowKey: r
+  }), c = C(), i = f();
+  return {
+    renderMedia: t.render,
+    renderImage: m.render,
+    renderSwitch: u.render,
+    renderStatus: a.render,
+    renderMap: d.render,
+    renderInput: l.render,
+    renderCopy: c.render,
+    renderHidden: i.render
+  };
+}
+export {
+  k as useTableColumn
+};

package/dist/esm/hooks/table/copy.js

@@ -0,0 +1,27 @@
+import { createVNode as r } from "vue";
+import { useClipboard as c } from "@vueuse/core";
+import { get as i } from "lodash-es";
+import { useMessage as l } from "naive-ui";
+function v() {
+  const t = l(), {
+    copy: o
+  } = c();
+  return {
+    render: (s) => (n, a) => {
+      const e = i(n, s.key || "");
+      return r("div", {
+        class: "flex"
+      }, [e && e !== "-" ? r("div", {
+        class: "flex justify-start items-center gap-1"
+      }, [r("div", null, [e]), r("div", {
+        class: "cursor-pointer i-tabler:copy size-4 text-muted hover:text-primary",
+        onClick: () => {
+          o(e).then(() => t.success("复制成功")).catch(() => t.error("复制失败"));
+        }
+      }, null)]) : "-"]);
+    }
+  };
+}
+export {
+  v as useTableColumnCopy
+};

package/dist/esm/hooks/table/hidden.js

@@ -0,0 +1,48 @@
+import { createVNode as i, defineComponent as o, ref as u } from "vue";
+import { get as a } from "lodash-es";
+const d = /* @__PURE__ */ o({
+  name: "TableColumnHidden",
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    percent: {
+      type: Number,
+      default: 30
+    }
+  },
+  setup(e) {
+    const t = u(!0);
+    return () => e.value ? i("div", {
+      class: "flex justify-start items-center gap-1"
+    }, [i("div", {
+      class: "font-mono"
+    }, [t.value ? c(e.value, e.percent) : e.value]), i("div", {
+      class: ["cursor-pointer  size-4 text-muted hover:text-primary transition-all duration-150", t.value ? "i-tabler:eye" : "i-tabler:eye-off"],
+      onClick: () => {
+        t.value = !t.value;
+      }
+    }, null)]) : "-";
+  }
+});
+function m() {
+  return {
+    render: (t) => (n, r) => {
+      const l = a(n, t.key || "");
+      return i(d, {
+        value: l,
+        percent: t.percent
+      }, null);
+    }
+  };
+}
+function c(e, t = 30) {
+  if (!e || e.length < 4)
+    return e;
+  const n = e.length, r = Math.ceil(n * t / 100), l = Math.floor((n - r) / 2);
+  return e.slice(0, l) + "*".repeat(r) + e.slice(l + r);
+}
+export {
+  m as useTableColumnHidden
+};

package/dist/esm/hooks/table/image.js

@@ -0,0 +1,24 @@
+import { createVNode as t } from "vue";
+import { get as m } from "lodash-es";
+import { NImage as l } from "naive-ui";
+import n from "../../static/images/placeholder.png.js";
+function p() {
+  return {
+    render: (r) => (a, d) => {
+      let e = m(a, r.key || "") || [];
+      return e = Array.isArray(e) ? e : [e], t("div", {
+        class: "flex flex-wrap gap-2"
+      }, [e.map((o, i) => t(l, {
+        key: i,
+        src: o,
+        width: r.imageWidth,
+        height: r.imageHeight,
+        fallbackSrc: n,
+        objectFit: "cover"
+      }, null))]);
+    }
+  };
+}
+export {
+  p as useTableColumnImage
+};

package/dist/esm/hooks/table/input.js

@@ -0,0 +1,81 @@
+import { createVNode as t, defineComponent as v, ref as f, h } from "vue";
+import { useCustomMutation as s } from "@duxweb/dvha-core";
+import { get as c } from "lodash-es";
+import { useMessage as g, NInput as y, NButton as C } from "naive-ui";
+const b = /* @__PURE__ */ v({
+  name: "TableColumnInput",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    field: {
+      type: String,
+      default: ""
+    },
+    path: {
+      type: String,
+      required: !0
+    },
+    tag: {
+      type: Object
+    }
+  },
+  setup(e) {
+    const d = f(!1), a = f(""), {
+      mutateAsync: i
+    } = s(), l = g(), n = (u) => {
+      i({
+        path: e.path,
+        method: "PATCH",
+        payload: {
+          [e.field]: u
+        }
+      }).then(() => {
+        l.success("保存成功");
+      }).catch((r) => {
+        l.error(r.message);
+      });
+    };
+    return () => d.value ? t("div", {
+      class: "flex gap-2"
+    }, [t("div", null, [h(e.tag || y, {
+      value: a.value,
+      "onUpdate:value": (u) => a.value = u,
+      autofocus: !0
+    })]), t(C, {
+      type: "primary",
+      onClick: () => {
+        a.value !== e.data[e.field] ? n(a.value) : d.value = !1;
+      },
+      renderIcon: () => t("div", {
+        class: "size-4 i-tabler:check"
+      }, null)
+    }, null)]) : t("div", {
+      class: "flex"
+    }, [t("div", {
+      class: "flex justify-start items-center gap-1"
+    }, [t("div", null, [e.data[e.field] === void 0 || e.data[e.field] === "" ? "-" : e.data[e.field]]), t("div", {
+      class: "cursor-pointer i-tabler:pencil size-4 text-muted hover:text-primary",
+      onClick: () => {
+        a.value = e.data[e.field], d.value = !0;
+      }
+    }, null)])]);
+  }
+});
+function j(e) {
+  return {
+    render: (a) => (i, l) => {
+      const n = typeof (e == null ? void 0 : e.path) == "function" ? e == null ? void 0 : e.path(i) : `${e == null ? void 0 : e.path}/${c(i, (e == null ? void 0 : e.rowKey) || "id")}`;
+      return t(b, {
+        data: i,
+        field: a.key,
+        path: n,
+        tag: a.tag
+      }, null);
+    }
+  };
+}
+export {
+  j as useTableColumnInput
+};

package/dist/esm/hooks/table/map.js

@@ -0,0 +1,21 @@
+import { createVNode as n } from "vue";
+import { get as s } from "lodash-es";
+function f() {
+  return {
+    render: (r) => (l, d) => {
+      const c = typeof r.maps == "function" ? r.maps(l) : r.maps;
+      return n("div", {
+        class: "flex flex-col gap-1"
+      }, [c == null ? void 0 : c.map((e) => n("div", {
+        class: "flex gap-2 "
+      }, [n("div", {
+        class: "flex text-muted items-center gap-1 whitespace-nowrap"
+      }, [e.icon && n("div", {
+        class: ["size-4", e.icon]
+      }, null), e.label]), n("div", null, [e != null && e.render ? e.render(s(l, e.key || "")) : s(l, e.key || "")])]))]);
+    }
+  };
+}
+export {
+  f as useTableColumnMap
+};

package/dist/esm/hooks/table/media.js

@@ -0,0 +1,34 @@
+import { createVNode as r } from "vue";
+import { get as i } from "lodash-es";
+import "naive-ui";
+import "clsx";
+import "jinrishici";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@vueuse/core";
+import "vee-validate";
+import "@duxweb/dvha-core";
+import "vue-router";
+import "@duxweb/dvha-naiveui";
+import "pinia";
+import "@vee-validate/i18n";
+import "vue-command-palette";
+import "../../pages/page404.js";
+import { DuxMedia as c } from "../../components/media/media.js";
+function V() {
+  return {
+    render: (t) => (e, g) => {
+      const m = typeof t.title == "function" ? t.title(e) : i(e, t.title || ""), n = typeof t.desc == "function" ? t.desc(e) : i(e, t.desc || ""), o = typeof t.image == "function" ? t.image(e) : i(e, t.image || "");
+      return r(c, {
+        title: m,
+        desc: n,
+        avatar: t.avatar,
+        image: o,
+        imageWidth: t.imageWidth,
+        imageHeight: t.imageHeight
+      }, null);
+    }
+  };
+}
+export {
+  V as useTableColumnMedia
+};

package/dist/esm/hooks/table/status.js

@@ -0,0 +1,32 @@
+import { createVNode as l, Fragment as u } from "vue";
+import { findKey as d, get as o } from "lodash-es";
+import { NTag as s } from "naive-ui";
+function g() {
+  return {
+    render: (n) => (c, m) => {
+      var i;
+      const a = (n == null ? void 0 : n.key) || "status", e = d(n.maps, (t) => t ? (t == null ? void 0 : t.value) === o(c, a) : !1), r = e ? (i = n.maps) == null ? void 0 : i[e] : void 0;
+      return r ? l(s, {
+        round: !0,
+        bordered: !0,
+        type: e
+      }, {
+        icon: () => l(u, null, [e === "success" && l("div", {
+          class: "n-icon i-tabler:circle-check-filled"
+        }, null), e === "error" && l("div", {
+          class: "n-icon i-tabler:circle-x-filled"
+        }, null), e === "warning" && l("div", {
+          class: "n-icon i-tabler:exclamation-circle-filled"
+        }, null), (e === "default" || e === "info") && l("div", {
+          class: "n-icon i-tabler:info-circle-filled"
+        }, null)]),
+        default: () => l("span", {
+          class: "text-sm"
+        }, [r == null ? void 0 : r.label])
+      }) : null;
+    }
+  };
+}
+export {
+  g as useTableColumnStatus
+};

package/dist/esm/hooks/table/switch.js

@@ -0,0 +1,33 @@
+import { createVNode as C } from "vue";
+import { useCustomMutation as n } from "@duxweb/dvha-core";
+import { get as r } from "lodash-es";
+import { useMessage as x, NSwitch as A } from "naive-ui";
+function $(e) {
+  const {
+    mutateAsync: a
+  } = n(), d = x();
+  return {
+    render: (f) => (t, M) => {
+      const i = f.key || "status", y = typeof (e == null ? void 0 : e.path) == "function" ? e == null ? void 0 : e.path(t) : `${e == null ? void 0 : e.path}/${r(t, (e == null ? void 0 : e.rowKey) || "id")}`;
+      return C(A, {
+        value: !!t[i],
+        onUpdateValue: (h) => {
+          t[i] = h, a({
+            path: y,
+            method: "PATCH",
+            payload: {
+              [i]: h
+            }
+          }).then(() => {
+            t[i] = h;
+          }).catch((g) => {
+            t[i] = !h, d.error(g.message);
+          });
+        }
+      }, null);
+    }
+  };
+}
+export {
+  $ as useTableColumnSwitch
+};