@king-one/antdv 1.1.9 → 1.1.11

package/dist/es/components/pro-upload/src/gd-upload.mjs

@@ -1,180 +1,211 @@
-import { defineComponent as W, ref as g, computed as z, watch as H, onMounted as I, createVNode as d, Fragment as h } from "vue";
-import { message as x, Upload as R, Spin as D } from "ant-design-vue";
-import { useNamespace as S } from "../../../hooks/use-namespace/index.mjs";
-import { KIcon as $ } from "../../icon/index.mjs";
-import { UploadComponentProps as j } from "./props.mjs";
-import { getFileExtension as m, getUploadIcon as y, getBase64 as q } from "./utils/index.mjs";
+import { defineComponent, ref, computed, watch, onMounted, createVNode, Fragment } from "vue";
+import { message, Upload, Spin } from "ant-design-vue";
+import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
+import { KIcon } from "../../icon/index.mjs";
+import { UploadComponentProps } from "./props.mjs";
+import { getFileExtension, getUploadIcon, getBase64 } from "./utils/index.mjs";
 import "./hooks/index.mjs";
-import T from "./file-list.mjs";
-import { useUpload as E } from "./hooks/useUpload.mjs";
-const Q = /* @__PURE__ */ W({
+import FileList from "./file-list.mjs";
+import { useUpload } from "./hooks/useUpload.mjs";
+const GdUpload = /* @__PURE__ */ defineComponent({
   name: "GdUpload",
-  props: j,
+  props: UploadComponentProps,
   emits: {
-    "update:fileList": (e) => !0,
+    "update:fileList": (val) => true,
     // 文件上传成功
-    "upload-success": (e) => e,
-    change: (e) => e,
-    "upload-error": (e) => e
+    "upload-success": (fileList) => fileList,
+    "change": (fileList) => fileList,
+    "upload-error": (err) => err
   },
-  setup(e, {
-    emit: u,
-    expose: G
+  setup(props, {
+    emit,
+    expose
   }) {
     const {
-      b: v
-    } = S("pro-upload"), l = g([]), r = g(!1), {
-      uploadFile: b,
-      getFileDetails: U,
-      getImgUrl: N
-    } = E(e.http), w = z(() => {
-      if (e.disabled || l.value.length === e.maxCount) return !0;
-    }), L = async (t, i) => {
-      var s;
-      if (e.beforeUpload) {
-        const f = e.beforeUpload(t, i);
-        if (f instanceof Promise) {
-          if (await f === !1) return !1;
-        } else if (!f) return !1;
+      b
+    } = useNamespace("pro-upload");
+    const fileList = ref([]);
+    const spining = ref(false);
+    const {
+      uploadFile,
+      getFileDetails,
+      getImgUrl
+    } = useUpload(props.http);
+    const uploadDisabled = computed(() => {
+      if (props.disabled) return true;
+      if (fileList.value.length === props.maxCount) return true;
+    });
+    const beforeUpload = async (file, fileList2) => {
+      var _a;
+      if (props.beforeUpload) {
+        const result = props.beforeUpload(file, fileList2);
+        if (result instanceof Promise) {
+          const res = await result;
+          if (res === false) return false;
+        } else {
+          if (!result) return false;
+        }
       }
       const {
-        name: n,
-        size: a
-      } = t, c = m(n), o = a / 1024 / 1024;
-      return e.accept && e.accept.length > 0 && !e.accept.includes(c) ? (x.warning(`只能上传${(s = e.accept) == null ? void 0 : s.join(".")}后缀的文件！`), !1) : o > e.maxSize ? (x.warning(`上传的文件不能大于${e.maxSize}M！`), !1) : !0;
-    }, F = async (t) => {
+        name,
+        size
+      } = file;
+      const extension = getFileExtension(name);
+      const maxSize = size / 1024 / 1024;
+      if (props.accept && props.accept.length > 0 && !props.accept.includes(extension)) {
+        message.warning(`只能上传${(_a = props.accept) == null ? void 0 : _a.join(".")}后缀的文件！`);
+        return false;
+      }
+      if (maxSize > props.maxSize) {
+        message.warning(`上传的文件不能大于${props.maxSize}M！`);
+        return false;
+      }
+      return true;
+    };
+    const handleUploadRequest = async (options) => {
       try {
         const {
-          file: i
-        } = t;
-        r.value = !0;
-        const n = await b({
-          business: e.business,
-          file: i
+          file
+        } = options;
+        spining.value = true;
+        const res = await uploadFile({
+          business: props.business,
+          file
         });
-        if (r.value = !1, !n) return;
-        const a = m(n.originName), c = y(a);
-        if (c === "img") {
-          const s = await q(i);
-          l.value.push({
-            icon: s,
-            id: n.id,
-            type: c,
-            spining: !1,
-            fileName: t.file.name
+        spining.value = false;
+        if (!res) return;
+        const extension = getFileExtension(res.originName);
+        const iconType = getUploadIcon(extension);
+        if (iconType === "img") {
+          const base64 = await getBase64(file);
+          fileList.value.push({
+            icon: base64,
+            id: res.id,
+            type: iconType,
+            spining: false,
+            fileName: options.file.name
           });
-        } else
-          l.value.push({
-            icon: c,
-            id: n.id,
-            type: c,
-            spining: !1,
-            fileName: t.file.name
+        } else {
+          fileList.value.push({
+            icon: iconType,
+            id: res.id,
+            type: iconType,
+            spining: false,
+            fileName: options.file.name
           });
-        const o = l.value.map((s) => ({
-          fileName: s.fileName,
-          type: s.type,
-          id: s.id
+        }
+        const resData = fileList.value.map((item) => ({
+          fileName: item.fileName,
+          type: item.type,
+          id: item.id
         }));
-        u("update:fileList", o), u("upload-success", o);
-      } catch (i) {
-        r.value = !1, u("upload-error", i);
+        emit("update:fileList", resData);
+        emit("upload-success", resData);
+      } catch (err) {
+        spining.value = false;
+        emit("upload-error", err);
       }
-    }, p = async (t) => {
-      const i = t == null ? void 0 : t.map((a) => a.id);
-      if ((i == null ? void 0 : i.length) === 0) return;
-      const n = await U(i);
-      for (const a of n.data) {
-        const c = m(a.originName), o = y(c);
-        if (o === "img") {
-          const s = await N([a.id]);
-          l.value.push({
-            id: a.id,
-            icon: s[a.id],
-            fileName: a.originName,
-            spining: !1,
-            type: o
+    };
+    const updateFileList = async (list) => {
+      const ids = list == null ? void 0 : list.map((item) => item.id);
+      if ((ids == null ? void 0 : ids.length) === 0) return;
+      const res = await getFileDetails(ids);
+      for (const item of res.data) {
+        const extension = getFileExtension(item.originName);
+        const iconType = getUploadIcon(extension);
+        if (iconType === "img") {
+          const processedItem = await getImgUrl([item.id]);
+          fileList.value.push({
+            id: item.id,
+            icon: processedItem[item.id],
+            fileName: item.originName,
+            spining: false,
+            type: iconType
           });
-        } else
-          l.value.push({
-            id: a.id,
-            icon: o,
-            fileName: a.originName,
-            spining: !1,
-            type: o
+        } else {
+          fileList.value.push({
+            id: item.id,
+            icon: iconType,
+            fileName: item.originName,
+            spining: false,
+            type: iconType
           });
+        }
       }
     };
-    H(() => l.value, (t) => {
-      const i = t.map((n) => ({
-        fileName: n.fileName,
-        type: n.type,
-        id: n.id
+    watch(() => fileList.value, (val) => {
+      const resData = val.map((item) => ({
+        fileName: item.fileName,
+        type: item.type,
+        id: item.id
       }));
-      u("update:fileList", i), u("change", i);
+      emit("update:fileList", resData);
+      emit("change", resData);
     }, {
-      deep: !0
-    }), I(async () => {
-      p(e.fileList);
+      deep: true
     });
-    const C = (t) => {
-      l.value = t;
+    onMounted(async () => {
+      updateFileList(props.fileList);
+    });
+    const setFileList = (list) => {
+      fileList.value = list;
     };
-    return defineExpose({
-      updateFileList: p,
-      setFileList: C
-    }), () => {
-      var t;
-      return d("div", {
-        class: v(),
-        style: {
+    defineExpose({
+      updateFileList,
+      setFileList
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": b(),
+        "style": {
           display: "flex",
           flexWrap: "wrap",
           alignContent: "space-between"
         }
-      }, [d(T, {
-        http: e.http,
-        itemWidth: e.itemWidth,
-        itemHeight: e.itemHeight,
-        list: l.value,
-        "onUpdate:list": (i) => l.value = i
-      }, null, 8, ["http", "itemWidth", "itemHeight", "list", "onUpdate:list"]), l.value.length < (e.maxCount ?? 20) ? d(R, {
-        accept: (t = e.accept) == null ? void 0 : t.join(","),
-        disabled: w.value,
-        customRequest: F,
-        beforeUpload: L,
-        style: {
+      }, [createVNode(FileList, {
+        "http": props.http,
+        "itemWidth": props.itemWidth,
+        "itemHeight": props.itemHeight,
+        "list": fileList.value,
+        "onUpdate:list": ($event) => fileList.value = $event
+      }, null, 8, ["http", "itemWidth", "itemHeight", "list", "onUpdate:list"]), fileList.value.length < (props.maxCount ?? 20) ? createVNode(Upload, {
+        "accept": (_a = props.accept) == null ? void 0 : _a.join(","),
+        "disabled": uploadDisabled.value,
+        "customRequest": handleUploadRequest,
+        "beforeUpload": beforeUpload,
+        "style": {
           marginTop: "5px"
         }
       }, {
-        default: () => d(D, {
-          spinning: r.value
+        default: () => createVNode(Spin, {
+          "spinning": spining.value
         }, {
-          default: () => [d("div", {
-            style: {
-              width: `${e.itemWidth}px`,
-              height: `${e.itemHeight}px`,
+          default: () => [createVNode("div", {
+            "style": {
+              width: `${props.itemWidth}px`,
+              height: `${props.itemHeight}px`,
               minWidth: "80px",
               minHeight: "80px",
               cursor: "pointer",
-              border: "1px dashed #3296fa",
+              border: `1px dashed #3296fa`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               borderRadius: "5px"
             }
-          }, [d($, {
-            name: "upload-icon",
-            color: "#3296fa",
-            size: 32
+          }, [createVNode(KIcon, {
+            "name": "upload-icon",
+            "color": "#3296fa",
+            "size": 32
           }, null)], 4)]
         }, 8, ["spinning"]),
-        itemRender: () => d(h, null, null),
+        itemRender: () => createVNode(Fragment, null, null),
         _: 1
-      }, 8, ["accept", "disabled", "customRequest", "beforeUpload"]) : d(h, null, null)], 2);
+      }, 8, ["accept", "disabled", "customRequest", "beforeUpload"]) : createVNode(Fragment, null, null)], 2);
     };
   }
 });
 export {
-  Q as default
+  GdUpload as default
 };

package/dist/es/components/pro-upload/src/hooks/index.mjs

@@ -1,6 +1,6 @@
-import { useHttp as p } from "./useHttp.mjs";
-import { useUpload as t } from "./useUpload.mjs";
+import { useHttp } from "./useHttp.mjs";
+import { useUpload } from "./useUpload.mjs";
 export {
-  p as useHttp,
-  t as useUpload
+  useHttp,
+  useUpload
 };

package/dist/es/components/pro-upload/src/hooks/useHttp.mjs

@@ -1,23 +1,23 @@
-function i(l) {
+function useHttp(http) {
   return {
     // 获取文件上传的地址
-    getUploadUrl: (e) => l.get("/file/aio/upload/url", e),
+    getUploadUrl: (config) => http.get("/file/aio/upload/url", config),
     // 文件上传
-    uploadFileApi: (e, o) => l.post(e, o, {
+    uploadFileApi: (url, config) => http.post(url, config, {
       headers: {
         "Content-Type": "multipart/form-data"
       }
     }),
     // 删除文件
-    deleteFileApi: (e) => l.delete("/file/aio", e),
+    deleteFileApi: (config) => http.delete("/file/aio", config),
     // 获取文件下载地址
-    getDownloadUrlApi: (e) => l.post("/file/aio/download/url", e),
+    getDownloadUrlApi: (config) => http.post("/file/aio/download/url", config),
     // 下载文件
-    downloadFileApi: (e, o) => l.get(e, o),
+    downloadFileApi: (url, config) => http.get(url, config),
     // 获取文件详情
-    getFileDetailApi: (e) => l.post("/aio/batch/info", e)
+    getFileDetailApi: (config) => http.post("/aio/batch/info", config)
   };
 }
 export {
-  i as useHttp
+  useHttp
 };

package/dist/es/components/pro-upload/src/hooks/useUpload.mjs

@@ -1,55 +1,85 @@
-import { message as o } from "ant-design-vue";
-import { useHttp as p } from "./useHttp.mjs";
-function m(c) {
-  const r = p(c);
+import { message } from "ant-design-vue";
+import { useHttp } from "./useHttp.mjs";
+function useUpload(httpConfig) {
+  const http = useHttp(httpConfig);
   return {
     // 文件上传
-    uploadFile: (s) => new Promise(async (a, t) => {
+    uploadFile: (config) => new Promise(async (resolve, reject) => {
       try {
-        const e = await r.getUploadUrl({
-          params: { business: s.business }
+        const res = await http.getUploadUrl({
+          params: { business: config.business }
         });
-        if (e.status === 0) {
-          const i = e.data, n = new FormData();
-          n.append("file", s.file);
-          const l = await r.uploadFileApi(i, n);
-          l.status === 0 ? (o.success("文件上传成功~"), a(l.data)) : (o.error(l.msg), t(l));
-        } else
-          o.error(e.msg), t(e);
-      } catch (e) {
-        console.log(e), o.error("文件上传失败，请联系管理员进行查看！"), t(e);
+        if (res.status === 0) {
+          const path = res.data;
+          const formData = new FormData();
+          formData.append("file", config.file);
+          const uploadRes = await http.uploadFileApi(path, formData);
+          if (uploadRes.status === 0) {
+            message.success("文件上传成功~");
+            resolve(uploadRes.data);
+          } else {
+            message.error(uploadRes.msg);
+            reject(uploadRes);
+          }
+        } else {
+          message.error(res.msg);
+          reject(res);
+        }
+      } catch (err) {
+        console.log(err);
+        message.error("文件上传失败，请联系管理员进行查看！");
+        reject(err);
       }
     }),
     // 文件下载
-    downloadFile: (s) => new Promise(async (a, t) => {
+    downloadFile: (config) => new Promise(async (resolve, reject) => {
       try {
-        const e = s[0], i = await r.getDownloadUrlApi(s);
-        if (i.status === 0) {
-          const n = i.data[e];
-          window.open(n), a(!0);
+        const fileId = config[0];
+        const res = await http.getDownloadUrlApi(config);
+        if (res.status === 0) {
+          const downloadUrl = res.data[fileId];
+          window.open(downloadUrl);
+          resolve(true);
         }
-        a(!1);
-      } catch (e) {
-        t(e);
+        resolve(false);
+      } catch (err) {
+        reject(err);
       }
     }),
     // 获取图片的url
-    getImgUrl: (s) => new Promise(async (a, t) => {
-      const e = await r.getDownloadUrlApi(s);
-      e.status === 0 ? a(e.data) : t(e);
-    }),
+    getImgUrl: (config) => {
+      return new Promise(async (resolve, reject) => {
+        const res = await http.getDownloadUrlApi(config);
+        if (res.status === 0) {
+          resolve(res.data);
+        } else {
+          reject(res);
+        }
+      });
+    },
     // 获取文件详情
-    getFileDetails: async (s) => new Promise(async (a, t) => {
-      r.getFileDetailApi({ fileIds: s }).then((e) => {
-        e.status === 0 ? a(e) : (o.error(e.msg), t(e));
-      }).catch((e) => {
-        o.error(e), t(e);
+    getFileDetails: async (config) => {
+      return new Promise(async (resolve, reject) => {
+        http.getFileDetailApi({ fileIds: config }).then((res) => {
+          if (res.status === 0) {
+            resolve(res);
+          } else {
+            message.error(res.msg);
+            reject(res);
+          }
+        }).catch((err) => {
+          message.error(err);
+          reject(err);
+        });
       });
-    }),
+    },
     // 删除文件
-    removeFile: async (s) => await r.deleteFileApi({ params: { fileId: s } })
+    removeFile: async (fileId) => {
+      const res = await http.deleteFileApi({ params: { fileId } });
+      return res;
+    }
   };
 }
 export {
-  m as useUpload
+  useUpload
 };

package/dist/es/components/pro-upload/src/props.mjs

@@ -1,4 +1,4 @@
-const e = {
+const UploadComponentProps = {
   uploadName: {
     type: String
   },
@@ -7,14 +7,14 @@ const e = {
   },
   business: {
     type: String,
-    required: !0
+    required: true
   },
   proxyPrefix: {
     type: String
   },
   fileList: {
     type: Array,
-    required: !0,
+    required: true,
     default: () => []
   },
   accept: {
@@ -22,7 +22,7 @@ const e = {
   },
   disabled: {
     type: Boolean,
-    default: !1
+    default: false
   },
   maxSize: {
     type: Number,
@@ -34,7 +34,7 @@ const e = {
   },
   http: {
     type: [Object, Function],
-    required: !0
+    required: true
   },
   itemWidth: {
     type: Number,
@@ -46,5 +46,5 @@ const e = {
   }
 };
 export {
-  e as UploadComponentProps
+  UploadComponentProps
 };

package/dist/es/components/pro-upload/src/utils/index.mjs

@@ -1,33 +1,46 @@
-import { iconTypes as a } from "../data.mjs";
-function i(n) {
-  const e = n.lastIndexOf(".");
-  return e !== -1 ? `.${n.substring(e + 1)}` : "";
+import { iconTypes } from "../data.mjs";
+function getFileExtension(filename) {
+  const index = filename.lastIndexOf(".");
+  if (index !== -1) {
+    return `.${filename.substring(index + 1)}`;
+  }
+  return "";
 }
-function l(n) {
-  const [e, t] = n.split("?"), r = t ? Object.fromEntries(new URLSearchParams(t)) : {};
-  return { path: e, params: r };
+function parseUrl(url) {
+  const [path, query] = url.split("?");
+  const params = query ? Object.fromEntries(new URLSearchParams(query)) : {};
+  return { path, params };
 }
-function s(n) {
-  for (const e in a)
-    for (let t = 0; t < a[e].value.length; t++)
-      if (a[e].value[t] === n)
-        return a[e].url;
-  return a.materials.url;
+function getUploadIcon(extension) {
+  for (const key in iconTypes) {
+    for (let i = 0; i < iconTypes[key].value.length; i++) {
+      if (iconTypes[key].value[i] === extension) {
+        return iconTypes[key].url;
+      }
+    }
+  }
+  return iconTypes.materials.url;
 }
-function u(n) {
-  return new Promise((e, t) => {
-    const r = new FileReader();
-    r.readAsDataURL(n), r.onload = () => e(r.result), r.onerror = (o) => t(o);
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
   });
 }
-function d(n, e, t) {
-  const r = new Blob([n], { type: t }), o = document.createElement("a");
-  o.href = URL.createObjectURL(r), o.download = e, o.click(), URL.revokeObjectURL(o.href);
+function getDownloadFile(blob, fileName, fileType) {
+  const blobObject = new Blob([blob], { type: fileType });
+  const downloadLink = document.createElement("a");
+  downloadLink.href = URL.createObjectURL(blobObject);
+  downloadLink.download = fileName;
+  downloadLink.click();
+  URL.revokeObjectURL(downloadLink.href);
 }
 export {
-  u as getBase64,
-  d as getDownloadFile,
-  i as getFileExtension,
-  s as getUploadIcon,
-  l as parseUrl
+  getBase64,
+  getDownloadFile,
+  getFileExtension,
+  getUploadIcon,
+  parseUrl
 };

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./scale-virtual-list.vue2.mjs";
+import _sfc_main from "./scale-virtual-list.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };