@dt-frames/ui 2.0.15 → 2.0.17

package/es/components/upload/index.js

@@ -2,12 +2,11 @@ import { Button, Upload, Image } from "ant-design-vue/es";
 import "ant-design-vue/es/image/style";
 import "ant-design-vue/es/upload/style";
 import "ant-design-vue/es/button/style";
-import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, normalizeClass, toDisplayString, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { takeRight, omit } from "lodash-es";
 import { useAppStore, useMessage, isString, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
 import { useModal, DtModal, useModalOut } from "../modal";
 import { DtIframe } from "../iframe";
-import { renderAsync } from "docx-preview";
 const basicProps = {
   uploadUrl: {
     type: Object
@@ -61,7 +60,7 @@ const basicProps = {
   },
   maxSize: {
     type: Number,
-    default: 2
+    default: Infinity
   },
   helpText: {
     type: String,
@@ -124,7 +123,7 @@ function useFile({
       helpTexts.push(`\u652F\u6301${accept.join("\u3001").replaceAll(".", "")}\u683C\u5F0F`);
     }
     const maxSize = unref(maxSizeRef);
-    if (maxSize) {
+    if (maxSize && maxSize !== Infinity) {
       helpTexts.push(`\u4E0D\u8D85\u8FC7${maxSize}M`);
     }
     const maxNumber = unref(maxCountRef);
@@ -177,34 +176,34 @@ const getFileThumb = (fileType) => {
   switch (fileType) {
     case "pptx":
     case "ppt":
-      return "/imgs/fu_ppt.gif";
+      return "imgs/fu_ppt.gif";
     case "docx":
     case "doc":
-      return "/imgs/fu_doc.gif";
+      return "imgs/fu_doc.gif";
     case "pdf":
-      return "/imgs/fu_pdf.gif";
+      return "imgs/fu_pdf.gif";
     case "jpg":
     case "jpeg":
     case "png":
     case "bmp":
     case "ofd":
     case "gif":
-      return "/imgs/fu_bmp.gif";
+      return "imgs/fu_bmp.gif";
     case "xls":
     case "xlsx":
-      return "/imgs/fu_exl.gif";
+      return "imgs/fu_exl.gif";
     case "csv":
-      return "/imgs/fu_txt.gif";
+      return "imgs/fu_txt.gif";
     case "txt":
-      return "/imgs/fu_txt.gif";
+      return "imgs/fu_txt.gif";
     case "rar":
     case "zip":
     case "7z":
     case "tar":
     case "gz":
-      return "/imgs/fu_rar.gif";
+      return "imgs/fu_rar.gif";
     default:
-      return "/imgs/fu_blank.gif";
+      return "imgs/fu_blank.gif";
   }
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -215,7 +214,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const [register] = useModal({
       width: "70%",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
-      useWrapper: false,
+      bodyStyle: {
+        padding: 0
+      },
       wrapClassName: "dt-pdf",
       maskClosable: false,
       footer: null
@@ -241,64 +242,90 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const PdfView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/PdfView.vue"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WordView",
   setup(__props) {
     const ID = `word-view-${Math.ceil(Math.random() * 1e6)}`;
+    const domRef = ref(null);
     const [register] = useModal({
       width: "900px",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
-      useWrapper: false,
+      bodyStyle: {
+        padding: 0
+      },
       wrapClassName: "dt-word",
       maskClosable: false,
       footer: null
-    }, (data) => {
+    }, async (data) => {
       const fileReader = new FileReader();
-      fileReader.addEventListener("load", (event) => {
-        const arrayBuffer = event.target.result;
-        renderAsync(arrayBuffer, document.getElementById(ID), null, {
-          className: "docx",
-          inWrapper: true,
-          ignoreWidth: false,
-          ignoreHeight: false,
-          ignoreFonts: false,
-          breakPages: true,
-          ignoreLastRenderedPageBreak: true,
-          experimental: false,
-          trimXmlDeclaration: true,
-          debug: false
-        }).then((rsp) => {
-          dispatchResize();
+      if (typeof window !== "undefined") {
+        let { renderAsync } = await import("docx-preview");
+        fileReader.addEventListener("load", (event) => {
+          const arrayBuffer = event.target.result;
+          renderAsync(arrayBuffer, unref(domRef), null, {
+            className: "docx",
+            inWrapper: true,
+            ignoreWidth: false,
+            ignoreHeight: false,
+            ignoreFonts: false,
+            breakPages: true,
+            ignoreLastRenderedPageBreak: true,
+            experimental: false,
+            trimXmlDeclaration: true,
+            debug: false
+          }).then((rsp) => {
+            dispatchResize();
+          });
         });
-      });
-      fileReader.readAsArrayBuffer(data.data);
+        fileReader.readAsArrayBuffer(data.data);
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DtModal), { onRegister: unref(register) }, {
         default: withCtx(() => [
           createElementVNode("div", {
+            ref_key: "domRef",
+            ref: domRef,
             id: ID,
             class: "word-view"
-          })
+          }, null, 512)
         ]),
         _: 1
       }, 8, ["onRegister"]);
     };
   }
 });
-const _hoisted_1 = { class: "flex items-center" };
+const DocxView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/WordView.vue"]]);
+const _hoisted_1 = {
+  key: 0,
+  class: "flex items-center"
+};
 const _hoisted_2 = { class: "pl-3" };
-const _hoisted_3 = { class: "flex justify-between border border-solid border-gray-300 p-1 mt-2" };
-const _hoisted_4 = { class: "flex items-center" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "flex items-center" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
-const _hoisted_11 = [
-  _hoisted_9,
-  _hoisted_10
+const _hoisted_3 = { class: "flex items-center flex-1" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "flex-1 pr-4" };
+const _hoisted_6 = {
+  key: 0,
+  class: "ant-progress ant-progress-line ant-progress-default ant-progress-status-normal"
+};
+const _hoisted_7 = { class: "ant-progress-outer" };
+const _hoisted_8 = { class: "ant-progress-inner" };
+const _hoisted_9 = { class: "flex items-center" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
+const _hoisted_14 = [
+  _hoisted_12,
+  _hoisted_13
 ];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -341,7 +368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       {
         class: "mdi:delete-outline",
-        show: () => props.showDelete,
+        show: () => !unref(getBind).disabled && props.showDelete,
         click: (file) => {
           fileList.value = unref(fileList).filter((f) => f.fileId !== file.fileId);
         }
@@ -418,12 +445,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const { getAppConf } = useAppStore();
         const { downloadUrl = getAppConf.pages.downloadUrl } = props;
         let _downloadUrl = isString(downloadUrl) ? downloadUrl : downloadUrl.api;
+        let _downloadType = isString(downloadUrl) ? "get" : downloadUrl.type;
         if (["jpg", "jpeg", "png", "bmp", "gif"].includes(file.fileType)) {
-          imgSrcRef.value = `${_downloadUrl}?id=${file.fileId}`;
+          imgSrcRef.value = `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
           imgVisable.value = true;
           return;
         }
-        let result = await http.get(_downloadUrl, { id: file.fileId }, {
+        let result = await http[_downloadType](_downloadUrl, { id: file.fileId }, {
           onlyData: false,
           responseType: "blob",
           isTransformResponse: false,
@@ -476,15 +504,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null)
         }), createSlots({
           itemRender: withCtx(({ file, actions }) => [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", {
+              class: normalizeClass(["flex justify-between border border-solid border-gray-300 p-1 mt-2", file?.status === "error" ? "ant-upload-list-item-error" : ""])
+            }, [
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("img", {
                   src: unref(getFileThumb)(file.fileType),
                   class: "w-9 h-9 mr-2 p-1"
-                }, null, 8, _hoisted_5),
-                createElementVNode("span", null, toDisplayString(file.fileName), 1)
+                }, null, 8, _hoisted_4),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("span", null, toDisplayString(file.fileName || file.name), 1),
+                  createCommentVNode(" \u8BBE\u7F6E\u8FDB\u5EA6 "),
+                  file.percent < 100 && file.percent > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_7, [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("div", {
+                          class: "ant-progress-bg",
+                          style: normalizeStyle({
+                            width: `${file.percent}%`,
+                            height: "2px"
+                          })
+                        }, null, 4)
+                      ])
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ])
               ]),
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_9, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
                   return openBlock(), createElementBlock(Fragment, {
                     key: btn.class
@@ -493,14 +539,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       class: normalizeClass(["i w-7 h-7 !text-base text-center leading-7 text-gray-600 cursor-pointer hover:bg-gray-200 hover:bg-opacity-50 transition-all duration-300", btn.class]),
                       onClick: ($event) => btn.click(file)
-                    }, null, 10, _hoisted_7)) : createCommentVNode("", true)
+                    }, null, 10, _hoisted_10)) : createCommentVNode("v-if", true)
                   ], 64);
                 }), 64))
               ])
-            ])
+            ], 2)
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            !unref(getBind).disabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
               createVNode(_component_AButton, null, {
                 default: withCtx(() => [
                   createElementVNode("i", {
@@ -511,9 +557,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createElementVNode("p", _hoisted_2, toDisplayString(unref(getHelpText)), 1)
-            ]),
-            createVNode(_sfc_main$2, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
-            createVNode(_sfc_main$1, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
+            ])) : createCommentVNode("v-if", true),
+            createVNode(PdfView, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
+            createVNode(DocxView, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
           ]),
           _: 2
         }, [
@@ -525,22 +571,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["fileList"])) : createCommentVNode("", true),
+        ]), 1040, ["fileList"])) : createCommentVNode("v-if", true),
         unref(getBind).listType === "picture-card" ? (openBlock(), createBlock(_component_AUpload, mergeProps({ key: 1 }, unref(getBind), {
           fileList: unref(fileList),
           "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => isRef(fileList) ? fileList.value = $event : null),
           onPreview: handlePreview
         }), {
           default: withCtx(() => [
-            !_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount ? (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_11)) : createCommentVNode("", true)
+            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_14)) : createCommentVNode("v-if", true)
           ]),
           _: 1
-        }, 16, ["fileList"])) : createCommentVNode("", true),
-        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("", true)
+        }, 16, ["fileList"])) : createCommentVNode("v-if", true),
+        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/index.vue"]]);
 export {
-  _sfc_main as DtUpload
+  index as DtUpload
 };

package/es/components/upload/index.less

@@ -1,4 +1,5 @@
 @import '../iframe/index.less';
+@import '../modal/index.less';
 
 
 .ant-image-preview-img {
@@ -17,7 +18,7 @@
             top: 0 !important;
             .ant-modal-content{
                 height: 100%;
-
+                
                 .ant-modal-body{
                     height: calc(100% - 55px);
                 }
@@ -32,6 +33,10 @@
             width: 100%;
         }
     }
+
+    .ant-modal-body{
+        overflow-x: hidden;
+    }
 }
 
 .word-view{
@@ -59,9 +64,20 @@
             width: 104px !important;
         }
     }
+
+    .ant-upload-disabled{
+        display: none;
+    }
     
     .ant-upload-list-item-actions{
         display: flex;
     }
+
+    .ant-upload-list-item-error{
+        border-color: #ED6F6F;
+        i{
+            color: #ED6F6F;
+        }
+    }
     
 }

package/es/components/upload/src/components/WordView.d.ts

@@ -1,5 +1,6 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
     ID: string;
+    domRef: any;
     register: import("../../../modal/src/types/modal.type").RegisterFn;
     readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/upload/src/index.d.ts

@@ -123,7 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     uploadFile: ({ file, onSuccess, onError, onProgress }: UploadRequestOption) => Promise<void>;
     fileView: (file: UploadFile) => Promise<void>;
     download: (file: UploadFile) => void;
-    readonly getFileThumb: (fileType: string) => "/imgs/fu_ppt.gif" | "/imgs/fu_doc.gif" | "/imgs/fu_pdf.gif" | "/imgs/fu_bmp.gif" | "/imgs/fu_exl.gif" | "/imgs/fu_txt.gif" | "/imgs/fu_rar.gif" | "/imgs/fu_blank.gif";
+    readonly getFileThumb: (fileType: string) => "imgs/fu_ppt.gif" | "imgs/fu_doc.gif" | "imgs/fu_pdf.gif" | "imgs/fu_bmp.gif" | "imgs/fu_exl.gif" | "imgs/fu_txt.gif" | "imgs/fu_rar.gif" | "imgs/fu_blank.gif";
     PdfView: import("vue").DefineComponent<{}, {
         exeReduce: import("vue").Ref<number>;
         pdfUrlRef: import("vue").Ref<any>;
@@ -134,6 +134,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     DocxView: import("vue").DefineComponent<{}, {
         ID: string;
+        domRef: any;
         register: import("../../modal/src/types/modal.type").RegisterFn;
         readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/upload/src/utils/upload.d.ts

@@ -1,2 +1,2 @@
 export declare const getFileType: (type: string) => any;
-export declare const getFileThumb: (fileType: string) => "/imgs/fu_ppt.gif" | "/imgs/fu_doc.gif" | "/imgs/fu_pdf.gif" | "/imgs/fu_bmp.gif" | "/imgs/fu_exl.gif" | "/imgs/fu_txt.gif" | "/imgs/fu_rar.gif" | "/imgs/fu_blank.gif";
+export declare const getFileThumb: (fileType: string) => "imgs/fu_ppt.gif" | "imgs/fu_doc.gif" | "imgs/fu_pdf.gif" | "imgs/fu_bmp.gif" | "imgs/fu_exl.gif" | "imgs/fu_txt.gif" | "imgs/fu_rar.gif" | "imgs/fu_blank.gif";