@duxweb/dvha-pro 0.0.7 → 1.0.14

package/dist/esm/components/upload/manage/item.js

@@ -0,0 +1,178 @@
+import { defineComponent as c, createVNode as t } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import a from "clsx";
+import { NCheckbox as u, NImage as d } from "naive-ui";
+import "vue-router";
+import { useDialog as p } from "../../../hooks/dialog.js";
+import "@overlastic/vue";
+import "vue-echarts";
+import "@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 "mime";
+import f from "../../../static/images/icon/audio.svg.js";
+import g from "../../../static/images/icon/excel.svg.js";
+import n from "../../../static/images/icon/file.svg.js";
+import v from "../../../static/images/icon/folder.svg.js";
+import h from "../../../static/images/icon/pdf.svg.js";
+import x from "../../../static/images/icon/ppt.svg.js";
+import k from "../../../static/images/icon/video.svg.js";
+import w from "../../../static/images/icon/word.svg.js";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const me = /* @__PURE__ */ c({
+  name: "DuxFileManageItem",
+  props: {
+    name: String,
+    url: String,
+    type: String,
+    mime: String,
+    time: String,
+    value: Boolean,
+    onContextmenu: Function,
+    onSelect: Function
+  },
+  setup(i) {
+    const o = p(), {
+      t: r
+    } = s(), m = {
+      image: {
+        check: (e) => e.startsWith("image/"),
+        render: () => t("div", {
+          class: "size-12 flex items-center justify-center",
+          onClick: (e) => e.stopPropagation()
+        }, [t(d, {
+          src: i.url,
+          width: 48,
+          height: 48
+        }, null)])
+      },
+      video: {
+        check: (e) => e.startsWith("video/"),
+        render: () => t("div", {
+          onClick: (e) => {
+            e.stopPropagation(), o.node({
+              title: r("components.button.preview"),
+              render: () => t("div", {
+                class: "flex items-center justify-center"
+              }, [t("video", {
+                class: "w-120 max-w-full",
+                controls: !0
+              }, [t("source", {
+                src: i.url,
+                type: i.mime
+              }, null)])])
+            });
+          }
+        }, [t("img", {
+          src: k,
+          class: "size-12"
+        }, null)])
+      },
+      audio: {
+        check: (e) => e.startsWith("audio/"),
+        render: () => t("div", {
+          onClick: (e) => {
+            e.stopPropagation(), o.node({
+              title: r("components.button.preview"),
+              render: () => t("div", {
+                class: "flex items-center justify-center"
+              }, [t("audio", {
+                class: "w-120 max-w-full",
+                controls: !0
+              }, [t("source", {
+                src: i.url,
+                type: i.mime
+              }, null)])])
+            });
+          }
+        }, [t("img", {
+          src: f,
+          class: "size-12"
+        }, null)])
+      },
+      pdf: {
+        check: (e) => e === "application/pdf",
+        render: () => t("img", {
+          src: h,
+          class: "size-12"
+        }, null)
+      },
+      word: {
+        check: (e) => ["application/vnd.openxmlformats-officedocument.wordprocessingml.document", "application/msword"].includes(e),
+        render: () => t("img", {
+          src: w,
+          class: "size-12"
+        }, null)
+      },
+      excel: {
+        check: (e) => ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-excel"].includes(e),
+        render: () => t("img", {
+          src: g,
+          class: "size-12"
+        }, null)
+      },
+      powerpoint: {
+        check: (e) => ["application/vnd.openxmlformats-officedocument.presentationml.presentation", "application/vnd.ms-powerpoint"].includes(e),
+        render: () => t("img", {
+          src: x,
+          class: "size-12"
+        }, null)
+      }
+    }, l = () => {
+      if (i.type === "folder")
+        return t("img", {
+          src: v,
+          class: "size-12"
+        }, null);
+      if (!i.mime)
+        return t("img", {
+          src: n,
+          class: "size-12"
+        }, null);
+      for (const e of Object.values(m))
+        if (e.check(i.mime))
+          return e.render();
+      return t("img", {
+        src: n,
+        class: "size-12"
+      }, null);
+    };
+    return () => t("div", {
+      class: "flex flex-col items-center justify-center hover:bg-primary/10 cursor-pointer p-2 rounded-sm relative group",
+      onContextmenu: i.onContextmenu,
+      onClick: () => {
+        var e;
+        return (e = i.onSelect) == null ? void 0 : e.call(i, !(i != null && i.value));
+      }
+    }, [t("div", {
+      class: "mb-2"
+    }, [l()]), t("div", {
+      class: "truncate w-full text-center"
+    }, [i.name]), t("div", {
+      class: a(["absolute top-2 right-2", i.value ? "block" : "hidden group-hover:block"])
+    }, [i.type === "file" && t(u, {
+      checked: i.value
+    }, null)])]);
+  }
+});
+export {
+  me as DuxFileManageItem
+};

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

@@ -0,0 +1,378 @@
+import { defineComponent as ue, ref as f, computed as S, createVNode as e, markRaw as Q, nextTick as re, createTextVNode as W, isVNode as de } from "vue";
+import { useI18n as ie, useClient as se, useManage as ce, useUpload as pe, useInfiniteList as me } from "@duxweb/dvha-core";
+import { cloneDeep as fe } from "lodash-es";
+import { useMessage as ve, NTabs as ge, NTab as C, NButton as g, NInput as Z, NInfiniteScroll as he, NSpin as be, NTooltip as ye, NDropdown as xe } from "naive-ui";
+import "vue-router";
+import { useDialog as Me } from "../../hooks/dialog.js";
+import "@overlastic/vue";
+import "clsx";
+import "vue-echarts";
+import "@vueuse/core";
+import "vue-cropper";
+import "jinrishici";
+import "vue-draggable-plus";
+import { DuxDrawEmpty as ke } from "../draw/drawEmpty.js";
+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 "mime";
+import { useDownload as we } from "../../hooks/download.js";
+import "@tanstack/vue-query";
+import "pinia";
+import { DuxFileManageItem as ee } from "./manage/item.js";
+function N(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !de(o);
+}
+const ta = /* @__PURE__ */ ue({
+  name: "DuxFileManage",
+  props: {
+    path: String,
+    type: String,
+    onConfirm: Function,
+    onClose: Function,
+    multiple: Boolean,
+    page: {
+      type: Boolean,
+      default: !0
+    },
+    handle: String,
+    uploadParams: Object
+  },
+  setup(o) {
+    const y = f(!1), T = f(0), j = f(0), {
+      t
+    } = ie(), u = f([]), x = Me(), P = se(), h = ve(), ae = we(), F = ce(), s = f({
+      type: o.type || "all"
+    }), M = f(), k = S(() => {
+      var r, d;
+      return o.path || ((d = (r = F.config) == null ? void 0 : r.apiPath) == null ? void 0 : d.uploadManager) || "uploadManage";
+    }), le = S(() => {
+      var r, d, p;
+      return ((r = o.uploadParams) == null ? void 0 : r.path) || ((p = (d = F.config) == null ? void 0 : d.apiPath) == null ? void 0 : p.upload) || "upload";
+    }), w = pe({
+      ...o.uploadParams,
+      path: le.value,
+      autoUpload: !0
+    }), te = f({
+      page: 1,
+      pageSize: 20
+    }), i = me({
+      path: k.value,
+      pagination: te.value,
+      filters: s.value
+    }), oe = (r) => {
+      if (!r) {
+        h.error(t("components.uploadManage.namePlaceholder") || "");
+        return;
+      }
+      P.request({
+        path: k.value,
+        method: "POST",
+        payload: {
+          name: r,
+          folder: s.value.folder
+        }
+      }).then(() => {
+        i.refetch(), u.value = [];
+      }).catch(() => {
+        h.error(t("components.uploadManage.createError") || "");
+      });
+    }, ne = (r, d, p) => {
+      if (!d) {
+        h.error(t("components.uploadManage.namePlaceholder") || "");
+        return;
+      }
+      P.request({
+        path: k.value,
+        method: "PUT",
+        payload: {
+          name: d,
+          id: p,
+          type: r
+        }
+      }).then(() => {
+        i.refetch(), u.value = [];
+      }).catch(() => {
+        h.error(t("components.uploadManage.editError") || "");
+      });
+    }, I = (r, d) => {
+      P.request({
+        path: `${k.value}/batch`,
+        method: "DELETE",
+        payload: {
+          ids: Array.isArray(d) ? d : [d],
+          type: r
+        }
+      }).then(() => {
+        i.refetch(), u.value = [];
+      }).catch(() => {
+        h.error(t("components.uploadManage.delError") || "");
+      });
+    }, b = S(() => !!(o.type && o.type !== "all"));
+    return () => {
+      var E, U, V;
+      let r, d, p;
+      return e("div", {
+        class: "flex flex-col gap-2 h-500px max-h-500px"
+      }, [e("div", {
+        class: ["flex-none flex justify-between items-center border-b border-muted p-3", o.handle]
+      }, [e("div", {
+        class: "flex-none"
+      }, [e(ge, {
+        type: "segment",
+        animated: !0,
+        size: "small",
+        tabClass: "!px-4",
+        defaultValue: "all",
+        value: s.value.type,
+        onUpdateValue: (a) => {
+          b.value || (s.value.type = a, u.value = []);
+        }
+      }, {
+        default: () => [e(C, {
+          tab: t("components.uploadManage.all"),
+          name: "all",
+          disabled: b.value
+        }, null), e(C, {
+          tab: t("components.uploadManage.image"),
+          name: "image",
+          disabled: b.value
+        }, null), e(C, {
+          tab: t("components.uploadManage.media"),
+          name: "media",
+          disabled: b.value
+        }, null), e(C, {
+          tab: t("components.uploadManage.docs"),
+          name: "docs",
+          disabled: b.value
+        }, null)]
+      })]), e("div", {
+        class: "flex gap-2"
+      }, [e(g, {
+        type: "default",
+        ghost: !0,
+        onClick: () => {
+          x.prompt({
+            title: t("components.uploadManage.namePlaceholder") || "",
+            formSchema: [{
+              tag: Q(Z),
+              attrs: {
+                "v-model:value": "form.name"
+              }
+            }]
+          }).then((a) => {
+            oe(a == null ? void 0 : a.name);
+          });
+        },
+        renderIcon: () => e("div", {
+          class: "i-tabler:plus"
+        }, null)
+      }, N(r = t("components.button.create")) ? r : {
+        default: () => [r]
+      }), e(g, {
+        type: "primary",
+        ghost: !0,
+        onClick: () => {
+          w.open();
+        },
+        loading: w.isUploading.value,
+        renderIcon: () => e("div", {
+          class: "i-tabler:upload"
+        }, null)
+      }, {
+        default: () => [e("div", {
+          class: "flex gap-2"
+        }, [t("components.uploadManage.upload"), w.progress.value.totalPercent > 0 && `(${w.progress.value.totalPercent}%)`])]
+      }), o.page && e(g, {
+        type: "default",
+        ghost: !0,
+        onClick: () => {
+          var a;
+          (a = o.onClose) == null || a.call(o);
+        },
+        renderIcon: () => e("div", {
+          class: "i-tabler:x"
+        }, null)
+      }, null)])]), e("div", {
+        class: "flex-1 min-h-1"
+      }, [e(he, {
+        distance: 10,
+        onLoad: () => {
+          i.hasNextPage.value && i.fetchNextPage();
+        },
+        scrollbarProps: {
+          contentClass: "p-4"
+        }
+      }, {
+        default: () => {
+          var a, l, v, L, O, _, $, q, z, B, D, R, A, X, Y;
+          return [i.isLoading.value && e(be, {
+            class: "h-full absolute w-full bg-gray-1/50"
+          }, null), ((v = (l = (a = i.data) == null ? void 0 : a.value) == null ? void 0 : l.data) == null ? void 0 : v.length) > 0 ? e("div", {
+            class: "grid grid-cols-3 lg:grid-cols-[repeat(auto-fit,minmax(150px,1fr))] text-sm items-start justify-start"
+          }, [((L = s.value) == null ? void 0 : L.folder) && ((O = s.value) == null ? void 0 : O.folder) !== (($ = (_ = i.data.value) == null ? void 0 : _.meta) == null ? void 0 : $.folder) && e(ee, {
+            key: `parent-${(z = (q = i.data.value) == null ? void 0 : q.meta) == null ? void 0 : z.folder}`,
+            type: "folder",
+            name: t("components.uploadManage.parentLevel"),
+            onSelect: () => {
+              var n, c;
+              u.value = [], s.value.folder = (c = (n = i.data.value) == null ? void 0 : n.meta) == null ? void 0 : c.folder;
+            }
+          }, null), (D = (B = i.data.value) == null ? void 0 : B.data) == null ? void 0 : D.map((n) => e(ye, {
+            placement: "bottom",
+            key: `${n.url ? "file" : "folder"}-${n.id}`,
+            trigger: n.url ? "hover" : "manual"
+          }, {
+            default: () => n.filesize,
+            trigger: () => {
+              var c, G;
+              return e(ee, {
+                onContextmenu: (m) => {
+                  M.value = n, y.value = !1, re().then(() => {
+                    y.value = !0, T.value = m.clientX, j.value = m.clientY;
+                  }), m.preventDefault();
+                },
+                value: o.page ? !!((G = (c = u.value) == null ? void 0 : c.find) != null && G.call(c, (m) => m.id === n.id)) : !1,
+                type: n.url ? "file" : "folder",
+                mime: n.filetype,
+                name: n.filename,
+                url: n.url,
+                time: n.created_at,
+                onSelect: (m) => {
+                  var H, J, K;
+                  if (!n.url) {
+                    u.value = [], s.value.folder = n.id;
+                    return;
+                  }
+                  o.page && (m ? o.multiple ? (H = u.value) == null || H.push(n) : u.value = [n] : o.multiple ? (K = u.value) == null || K.splice((J = u.value) == null ? void 0 : J.indexOf(n), 1) : u.value = []);
+                }
+              }, null);
+            }
+          }))]) : e("div", {
+            class: "w-full h-100 flex flex-justify-center justify-center items-center text-sm text-gray-6"
+          }, [e("div", {
+            class: "flex flex-col  items-center gap-2"
+          }, [e("div", {
+            class: "w-26"
+          }, [e(ke, null, null)]), e("div", null, [t("components.uploadManage.empty")]), ((R = s.value) == null ? void 0 : R.folder) && ((A = s.value) == null ? void 0 : A.folder) !== ((Y = (X = i.data.value) == null ? void 0 : X.meta) == null ? void 0 : Y.folder) && e("div", {
+            class: "text-xs text-gray-6"
+          }, [e(g, {
+            type: "default",
+            ghost: !0,
+            onClick: () => {
+              var n, c;
+              u.value = [], s.value.folder = (c = (n = i.data.value) == null ? void 0 : n.meta) == null ? void 0 : c.folder;
+            }
+          }, N(d = t("components.uploadManage.back")) ? d : {
+            default: () => [d]
+          })])])])];
+        }
+      })]), e(xe, {
+        x: T.value,
+        y: j.value,
+        placement: "bottom-start",
+        trigger: "manual",
+        show: y.value,
+        onClickoutside: () => {
+          y.value = !1;
+        },
+        onUpdateShow: (a) => {
+          a || (M.value = void 0);
+        },
+        onSelect: (a) => {
+          const l = fe(M.value);
+          switch (a) {
+            case "download":
+              ae.url(l == null ? void 0 : l.url);
+              break;
+            case "rename":
+              x.prompt({
+                title: t("components.uploadManage.namePlaceholder"),
+                formSchema: [{
+                  tag: Q(Z),
+                  attrs: {
+                    "v-model:value": "form.name"
+                  }
+                }],
+                defaultValue: {
+                  name: (l == null ? void 0 : l.filename) || (l == null ? void 0 : l.name)
+                }
+              }).then((v) => {
+                ne(l == null ? void 0 : l.type, v == null ? void 0 : v.name, l == null ? void 0 : l.id);
+              });
+              break;
+            case "delete":
+              x.confirm({
+                title: t("components.uploadManage.delTitle"),
+                content: t("components.uploadManage.delDesc")
+              }).then(() => {
+                I(l == null ? void 0 : l.type, l == null ? void 0 : l.id);
+              });
+              break;
+          }
+        },
+        options: [((E = M.value) == null ? void 0 : E.url) && {
+          label: t("components.button.download"),
+          key: "download",
+          icon: () => e("div", {
+            class: "i-tabler:download"
+          }, null)
+        }, {
+          label: t("components.button.rename"),
+          key: "rename",
+          icon: () => e("div", {
+            class: "i-tabler:cursor-text"
+          }, null)
+        }, {
+          label: t("components.button.delete"),
+          key: "delete",
+          icon: () => e("div", {
+            class: "i-tabler:trash"
+          }, null)
+        }].filter((a) => a)
+      }, null), o.page && e("div", {
+        class: "flex justify-end gap-2 border-t border-muted p-3"
+      }, [e("div", null, [((U = u.value) == null ? void 0 : U.length) > 0 && e(g, {
+        type: "error",
+        secondary: !0,
+        onClick: () => {
+          x.confirm({
+            title: t("components.uploadManage.delTitle"),
+            content: t("components.uploadManage.delDesc")
+          }).then(() => {
+            var a;
+            I("file", (a = u.value) == null ? void 0 : a.map((l) => l.id));
+          });
+        }
+      }, N(p = t("components.button.delete")) ? p : {
+        default: () => [p]
+      })]), e("div", null, [e(g, {
+        type: "primary",
+        disabled: !((V = u.value) != null && V.length),
+        onClick: () => {
+          var a;
+          (a = o.onConfirm) == null || a.call(o, u.value);
+        }
+      }, {
+        default: () => {
+          var a;
+          return [t("components.button.select"), W("("), ((a = u.value) == null ? void 0 : a.length) || 0, W(")")];
+        }
+      })])])]);
+    };
+  }
+});
+export {
+  ta as default
+};

package/dist/esm/components/widget/avatar.js

@@ -0,0 +1,59 @@
+import { defineComponent as c, createVNode as r, h as i, mergeProps as n } from "vue";
+import { NAvatar as a } from "naive-ui";
+const s = /* @__PURE__ */ c({
+  name: "DuxAvatar",
+  props: {},
+  extends: a,
+  setup(e) {
+    return () => {
+      const t = `size-${e.size}px rounded-full`, l = r("svg", {
+        viewBox: "0 0 100 100",
+        class: t
+      }, [r("circle", {
+        cx: "50",
+        cy: "50",
+        r: "50",
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.1"
+      }, null), r("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.65"
+      }, [r("circle", {
+        cx: "50",
+        cy: "36",
+        r: "14"
+      }, null), r("path", {
+        d: "M 50 54 C 30 54 15 69 15 87 L 15 100 L 85 100 L 85 87 C 85 69 70 54 50 54 Z"
+      }, null)]), r("g", {
+        fill: "rgb(var(--ui-color-primary))",
+        "fill-opacity": "0.3"
+      }, [r("circle", {
+        cx: "20",
+        cy: "20",
+        r: "1.5"
+      }, [r("animate", {
+        attributeName: "r",
+        values: "1.5;2.5;1.5",
+        dur: "3s",
+        repeatCount: "indefinite"
+      }, null)]), r("circle", {
+        cx: "80",
+        cy: "25",
+        r: "1"
+      }, [r("animate", {
+        attributeName: "r",
+        values: "1;2;1",
+        dur: "4s",
+        repeatCount: "indefinite"
+      }, null)])])]);
+      return e.src ? r(a, n(e, {
+        src: e.src,
+        renderFallback: () => i(l),
+        renderPlaceholder: () => i(l)
+      }), null) : i(l);
+    };
+  }
+});
+export {
+  s as DuxAvatar
+};

package/dist/esm/components/widget/connect.js

@@ -1,6 +1,8 @@
 import { defineComponent as t, createVNode as l } from "vue";
-import { DuxCard as n } from "../card/card.js";
-const a = /* @__PURE__ */ t({
+import { DuxCard as r } from "../card/card.js";
+import "clsx";
+import "naive-ui";
+const p = /* @__PURE__ */ t({
   name: "DuxWidgetConnect",
   props: {
     title: String,
@@ -11,7 +13,7 @@ const a = /* @__PURE__ */ t({
   setup(e, {
     slots: c
   }) {
-    return () => l(n, null, {
+    return () => l(r, null, {
       default: () => {
         var i;
         return [l("div", {
@@ -115,5 +117,5 @@ const a = /* @__PURE__ */ t({
   }
 });
 export {
-  a as DuxWidgetConnect
+  p as DuxWidgetConnect
 };