@dt-frames/ui 2.0.11 → 2.0.13

package/es/components/tree/index.js

@@ -196,8 +196,8 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index = 0; index < treeData.length; index++) {
-      const node = treeData[index];
+    for (let index2 = 0; index2 < treeData.length; index2++) {
+      const node = treeData[index2];
       keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -212,8 +212,8 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index = 0; index < treeData.length; index++) {
-      const node = treeData[index];
+    for (let index2 = 0; index2 < treeData.length; index2++) {
+      const node = treeData[index2];
       node.disabled !== true && node.selectable !== false && keys.push(node[keyField]);
       const children = node[childrenField];
       if (children && children.length) {
@@ -228,8 +228,8 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return keys;
-    for (let index = 0; index < treeData.length; index++) {
-      const node = treeData[index];
+    for (let index2 = 0; index2 < treeData.length; index2++) {
+      const node = treeData[index2];
       const children = node[childrenField];
       if (nodeKey === node[keyField]) {
         keys.push(node[keyField]);
@@ -251,11 +251,11 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index = 0; index < treeData.length; index++) {
-      const element = treeData[index];
+    for (let index2 = 0; index2 < treeData.length; index2++) {
+      const element = treeData[index2];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData[index] = { ...treeData[index], ...node };
+        treeData[index2] = { ...treeData[index2], ...node };
         break;
       } else if (children && children.length) {
         updateNodeByKey(key, node, element[childrenField]);
@@ -267,8 +267,8 @@ function useTree(treeDataRef, getFieldNames) {
       return [];
     const res = [];
     const data = list || unref(treeDataRef) || [];
-    for (let index = 0; index < data.length; index++) {
-      const item = data[index];
+    for (let index2 = 0; index2 < data.length; index2++) {
+      const item = data[index2];
       const { key: keyField, children: childrenField } = unref(getFieldNames);
       const key = keyField ? item[keyField] : "";
       const children = childrenField ? item[childrenField] : [];
@@ -330,11 +330,11 @@ function useTree(treeDataRef, getFieldNames) {
     const { key: keyField, children: childrenField } = unref(getFieldNames);
     if (!childrenField || !keyField)
       return;
-    for (let index = 0; index < treeData.length; index++) {
-      const element = treeData[index];
+    for (let index2 = 0; index2 < treeData.length; index2++) {
+      const element = treeData[index2];
       const children = element[childrenField];
       if (element[keyField] === key) {
-        treeData.splice(index, 1);
+        treeData.splice(index2, 1);
         break;
       } else if (children && children.length) {
         deleteNodeByKey(key, element[childrenField]);
@@ -455,8 +455,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_AMenu = Menu;
       const _component_ADropdown = Dropdown;
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        unref(slots).headerTitle ? renderSlot(_ctx.$slots, "headerTitle", { key: 0 }) : createCommentVNode("", true),
-        !unref(slots).headerTitle && _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        unref(slots).headerTitle ? renderSlot(_ctx.$slots, "headerTitle", { key: 0 }) : createCommentVNode("v-if", true),
+        !unref(slots).headerTitle && _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
         _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3, [
           _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
             createVNode(_component_AInputSearch, {
@@ -466,7 +466,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
               placeholder: unref(t)("FILTER")
             }, null, 8, ["value", "placeholder"])
-          ])) : createCommentVNode("", true),
+          ])) : createCommentVNode("v-if", true),
           _ctx.toolbar ? (openBlock(), createBlock(_component_ADropdown, {
             key: 1,
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -485,7 +485,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1040),
-                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("", true)
+                      item.divider ? (openBlock(), createBlock(_component_AMenuDivider, { key: 0 })) : createCommentVNode("v-if", true)
                     ], 64);
                   }), 128))
                 ]),
@@ -496,12 +496,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               _hoisted_5
             ]),
             _: 1
-          })) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+          })) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/TreeHeader.vue"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -624,6 +632,7 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
+const contextMenuVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/components/ContextMenu.vue"]]);
 function useContextMenu() {
   const menuManager = {
     domList: [],
@@ -647,7 +656,7 @@ function useContextMenu() {
         propsData.customEvent = event;
         propsData.axis = { x: event.clientX, y: event.clientY };
       }
-      const vm = createVNode(_sfc_main$1, propsData);
+      const vm = createVNode(contextMenuVue, propsData);
       render(vm, container);
       const handleClick = function() {
         menuManager.resolve("");
@@ -834,9 +843,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setExpandedKeys([...state.expandedKeys, key]);
       } else {
         const keys = [...state.expandedKeys];
-        const index = keys.findIndex((item) => item === key);
-        if (index !== -1) {
-          keys.splice(index, 1);
+        const index2 = keys.findIndex((item) => item === key);
+        if (index2 !== -1) {
+          keys.splice(index2, 1);
         }
         setExpandedKeys(keys);
       }
@@ -847,7 +856,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } = props;
       if (!actionList || actionList.length === 0)
         return;
-      return actionList.map((item, index) => {
+      return actionList.map((item, index2) => {
         let nodeShow = true;
         if (isFunction(item.show)) {
           nodeShow = item.show?.(node);
@@ -857,7 +866,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!nodeShow)
           return null;
         return createVNode("span", {
-          "key": index,
+          "key": index2,
           "class": "tree-action"
         }, [item.render(node)]);
       });
@@ -1046,7 +1055,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ATree = Tree;
       const _component_AEmpty = Empty;
       const _component_ASpin = Spin;
-      return openBlock(), createElementBlock("div", _hoisted_1, [unref(showTitle) ? (openBlock(), createBlock(_sfc_main$2, {
+      return openBlock(), createElementBlock("div", _hoisted_1, [unref(showTitle) ? (openBlock(), createBlock(TreeHeader, {
         key: 0,
         title: _ctx.title,
         toolbar: _ctx.toolbar,
@@ -1059,7 +1068,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(unref(extendSlots)(unref(slots))), 1)]),
         _: 1
-      }, 8, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("", true), createVNode(_component_ASpin, {
+      }, 8, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("v-if", true), createVNode(_component_ASpin, {
         spinning: _ctx.loading,
         tip: unref(t)("LOADING")
       }, {
@@ -1072,6 +1081,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/tree/src/index.vue"]]);
 export {
-  _sfc_main as DtTree
+  index as DtTree
 };

package/es/components/upload/index.js

@@ -1,16 +1,419 @@
-import { openBlock, createElementBlock } from "vue";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+import { Button, Image, Upload } from "ant-design-vue/es";
+import "ant-design-vue/es/upload/style";
+import "ant-design-vue/es/image/style";
+import "ant-design-vue/es/button/style";
+import { defineComponent, openBlock, createBlock, unref as unref$1, withCtx, createVNode, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, createTextVNode, mergeProps, renderSlot } from "vue";
+import { takeRight, omit } from "lodash-es";
+import { useAppStore, useMessage, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
+import { useModal, DtModal, useModalOut } from "../modal";
+import { DtIframe } from "../iframe";
+const basicProps = {
+  uploadUrl: {
+    type: String,
+    default: null
+  },
+  downloadUrl: {
+    type: String,
+    default: null
+  },
+  buttonText: {
+    type: String,
+    default: "\u6587\u4EF6\u4E0A\u4F20"
+  },
+  preIcon: {
+    type: String,
+    default: "ic:baseline-file-upload"
+  },
+  data: {
+    type: Object,
+    default: {}
+  },
+  filename: {
+    type: String,
+    default: "filename"
+  },
+  accept: {
+    type: Array,
+    default: () => []
+  },
+  beforeUpload: {
+    type: Function
+  },
+  customRequest: {
+    type: Function
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  defaultFiles: {
+    type: Object,
+    default: () => []
+  },
+  headers: {
+    type: Object
+  },
+  listType: {
+    type: String,
+    default: "text"
+  },
+  maxCount: {
+    type: Number
+  },
+  maxSize: {
+    type: Number,
+    default: 2
+  },
+  helpText: {
+    type: String,
+    default: ""
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  onChange: {
+    type: Function
+  },
+  extraParams: {
+    type: Object,
+    default: () => ({})
+  },
+  showView: {
+    type: Boolean,
+    default: true
+  },
+  showDownload: {
+    type: Boolean,
+    default: true
+  },
+  showDelete: {
+    type: Boolean,
+    default: true
   }
-  return target;
 };
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", null, "\u8FD9\u662F\u6587\u4EF6\u4E0A\u4F20\u7EC4\u4EF6");
+function useFile({
+  fileListRef = ref([]),
+  acceptRef,
+  helpTextRef,
+  maxCountRef,
+  maxSizeRef
+}) {
+  const { getAppConf } = useAppStore();
+  const { message } = useMessage();
+  const getAccept = computed(() => {
+    const accept = unref(acceptRef);
+    return accept && accept.length > 0 ? accept : [];
+  });
+  const getStringAccept = computed(() => {
+    return unref(getAccept).map((item) => {
+      if (item.indexOf("/") > 0 || item.startsWith(".")) {
+        return item;
+      } else {
+        return `.${item}`;
+      }
+    }).join(",");
+  });
+  const getHelpText = computed(() => {
+    const helpText = unref(helpTextRef);
+    if (helpText) {
+      return helpText;
+    }
+    const helpTexts = [];
+    const accept = unref(acceptRef);
+    if (accept.length > 0) {
+      helpTexts.push(`\u652F\u6301${accept.join("\u3001").replaceAll(".", "")}\u683C\u5F0F`);
+    }
+    const maxSize = unref(maxSizeRef);
+    if (maxSize) {
+      helpTexts.push(`\u4E0D\u8D85\u8FC7${maxSize}M`);
+    }
+    const maxNumber = unref(maxCountRef);
+    if (maxNumber && maxNumber !== Infinity) {
+      helpTexts.push(`\u6700\u591A\u53EF\u9009\u62E9${maxNumber}\u5F20\u56FE\u7247`);
+    }
+    return helpTexts.join(", ");
+  });
+  function getFileList() {
+    return unref(fileListRef).map((it) => {
+      return {
+        ...it,
+        name: it.filename ?? it.fileId,
+        fileType: it.filename ? takeRight(it.filename.split("."))[0] : null,
+        status: "done",
+        uid: it.id ?? it.fileId,
+        url: `${getAppConf.pages?.downloadUrl}?id=${it.fileId}`
+      };
+    });
+  }
+  function beforeUpload(file) {
+    const { size } = file;
+    const maxSize = unref(maxSizeRef);
+    if (maxSize && size / 1024 / 1024 >= maxSize) {
+      message.error(`\u53EA\u80FD\u4E0A\u4F20\u4E0D\u8D85\u8FC7${maxSize}MB\u7684\u6587\u4EF6!`);
+      return;
+    }
+  }
+  return {
+    getAccept,
+    getStringAccept,
+    getHelpText,
+    getFileList,
+    beforeUpload
+  };
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const getFileThumb = (filename) => {
+  return "/imgs/fu_rar.gif";
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "PdfView",
+  setup(__props) {
+    const exeReduce = ref(233);
+    const pdfUrlRef = ref();
+    const [register] = useModal({
+      width: "70%",
+      title: "\u9644\u4EF6\u9884\u89C8",
+      useWrapper: false,
+      wrapClassName: "dt-pdf",
+      maskClosable: false,
+      footer: null
+    }, (data) => {
+      pdfUrlRef.value = data.url;
+    });
+    function toggleFullscreen(isFullscreen) {
+      exeReduce.value = isFullscreen ? 55 : 233;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref$1(DtModal), {
+        onRegister: unref$1(register),
+        onToggleFullscreen: toggleFullscreen
+      }, {
+        default: withCtx(() => [
+          createVNode(unref$1(DtIframe), {
+            src: unref$1(pdfUrlRef),
+            exeReduce: unref$1(exeReduce)
+          }, null, 8, ["src", "exeReduce"])
+        ]),
+        _: 1
+      }, 8, ["onRegister"]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "flex items-center"
+};
+const _hoisted_2 = { class: "pl-3" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 1,
+  class: "flex justify-between border border-solid border-gray-300 p-1 mt-2"
+};
+const _hoisted_5 = { class: "flex items-center" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "flex items-center" };
+const _hoisted_8 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: basicProps,
+  setup(__props) {
+    const props = __props;
+    const [registerPdf, { openModal: openPdfModal }] = useModalOut();
+    const { message } = useMessage();
+    const {
+      defaultFiles: fileListRef,
+      accept: acceptRef,
+      helpText: helpTextRef,
+      maxCount: maxCountRef,
+      maxSize: maxSizeRef
+    } = toRefs(props);
+    const {
+      getStringAccept,
+      getHelpText,
+      getFileList,
+      beforeUpload
+    } = useFile({
+      fileListRef,
+      acceptRef,
+      helpTextRef,
+      maxCountRef,
+      maxSizeRef
+    });
+    const btns = [
+      {
+        class: "ic:baseline-remove-red-eye",
+        show: (file) => props.showView && ["pdf", "jpg", "jpeg", "png", "bmp", "gif", "docx"].includes(file.fileType),
+        click: fileView
+      },
+      {
+        class: "ic:baseline-file-download",
+        show: () => props.showDownload,
+        click: download
+      },
+      {
+        class: "mdi:delete-outline",
+        show: () => props.showDelete,
+        click: (file) => {
+          fileListRef.value = unref(fileListRef).filter((f) => f.fileId !== file.fileId);
+        }
+      }
+    ];
+    const getBind = computed(() => {
+      return {
+        ...omit(unref(props), [
+          "api",
+          "onChange"
+        ]),
+        class: "dt-upload",
+        accept: unref(getStringAccept),
+        fileList: getFileList(),
+        beforeUpload: props.beforeUpload && isFunction(props.beforeUpload) ? props.beforeUpload : beforeUpload,
+        customRequest: props.customRequest ? props.customRequest : uploadFile
+      };
+    });
+    const imgVisable = ref(false);
+    const imgSrcRef = ref();
+    const bindImg = computed(() => {
+      return {
+        preview: {
+          width: 200,
+          visible: unref(imgVisable),
+          onVisibleChange: (v) => imgVisable.value = v
+        },
+        src: unref(imgSrcRef)
+      };
+    });
+    const uploadFile = async ({ file, onSuccess, onError, onProgress }) => {
+      const { getAppConf } = useAppStore();
+      const { uploadUrl = getAppConf.pages.uploadUrl, downloadUrl = getAppConf.pages.downloadUrl } = props;
+      if (!uploadUrl) {
+        message.error("\u8BF7\u914D\u7F6E\u4E0A\u4F20\u7684\u6587\u4EF6\u8DEF\u5F84");
+        return;
+      }
+      if (!downloadUrl) {
+        message.error("\u8BF7\u914D\u7F6E\u4E0B\u8F7D\u7684\u6587\u4EF6\u8DEF\u5F84");
+        return;
+      }
+      try {
+        let result = await http.uploadFile(
+          {
+            url: uploadUrl,
+            onUploadProgress({ loaded, total }) {
+              onProgress({ percent: Math.ceil(loaded / total * 100) });
+            }
+          },
+          {
+            ...props.extraParams,
+            file
+          }
+        );
+        file.fileId = result?.data?.id;
+        file.url = `${downloadUrl}?id=${result?.data?.id}`;
+        onSuccess(result);
+      } catch (err) {
+        onError(err);
+      }
+    };
+    async function fileView(file) {
+      try {
+        const { getAppConf } = useAppStore();
+        const { downloadUrl = getAppConf.pages.downloadUrl } = props;
+        if (["jpg", "jpeg", "png", "bmp", "gif"].includes(file.fileType)) {
+          imgSrcRef.value = "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";
+          imgVisable.value = true;
+          return;
+        }
+        if (file.fileType === "pdf") {
+          openPdfModal(
+            { url: "https://www.antdv.com/components/image-cn" }
+          );
+          return;
+        }
+        let result = await http.get(downloadUrl, { id: file.id }, {
+          responseType: "blob",
+          isTransformResponse: false,
+          headers: {
+            "Content-Type": HttpContentTypeEnum.FORM_DATA
+          }
+        });
+        switch (file.fileType) {
+          case "pdf":
+            openPdfModal(
+              { url: URL.createObjectURL(result) }
+            );
+            break;
+          case "docx":
+            break;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    }
+    function download() {
+    }
+    return (_ctx, _cache) => {
+      const _component_AButton = Button;
+      const _component_AImage = Image;
+      const _component_AUpload = Upload;
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_AUpload, normalizeProps(guardReactiveProps(unref$1(getBind))), createSlots({
+          itemRender: withCtx(({ file, actions }) => [
+            unref$1(getBind).listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("img", {
+                  src: unref$1(getFileThumb)(file.filename),
+                  class: "w-9 h-9 mr-2 p-1"
+                }, null, 8, _hoisted_6),
+                createElementVNode("span", null, toDisplayString(file.filename) + "\u6587\u4EF6\u540D", 1)
+              ]),
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: btn.class
+                  }, [
+                    btn.show(file) ? (openBlock(), createElementBlock("i", {
+                      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_8)) : createCommentVNode("", true)
+                  ], 64);
+                }), 64))
+              ])
+            ]))
+          ]),
+          default: withCtx(() => [
+            unref$1(getBind).listType === "picture-card" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(" \u8FD9\u662F\u5361\u7247\u56FE\u7247 ")
+            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(_component_AButton, null, {
+                default: withCtx(() => [
+                  createElementVNode("i", {
+                    class: normalizeClass(["i mr-1", unref$1(getBind).preIcon])
+                  }, null, 2),
+                  createElementVNode("span", null, toDisplayString(unref$1(getBind).buttonText), 1)
+                ]),
+                _: 1
+              }),
+              createElementVNode("p", _hoisted_2, toDisplayString(unref$1(getHelpText)), 1)
+            ])),
+            unref$1(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref$1(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("", true),
+            createVNode(_sfc_main$1, { onRegister: unref$1(registerPdf) }, null, 8, ["onRegister"])
+          ]),
+          _: 2
+        }, [
+          renderList(Object.keys(_ctx.$slots), (item) => {
+            return {
+              name: item,
+              fn: withCtx((data) => [
+                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ]);
+    };
+  }
+});
 export {
-  index as DtUpload
+  _sfc_main as DtUpload
 };

package/es/components/upload/index.less

@@ -0,0 +1,37 @@
+@import '../iframe/index.less';
+
+
+.ant-image-preview-img {
+    display: initial;
+}
+
+.dt-upload{
+    .ant-upload{
+        display: flex;
+    }
+}
+
+.dt-pdf{
+    &.fullscreen-modal{
+        min-height: calc(100% + 8px);
+        &>.ant-modal{
+            width: 100% !important;
+            height: 100% !important;
+            max-width: 100%;
+            margin: 0;
+            padding: 0;
+            top: 0 !important;
+            .ant-modal-content{
+                height: 100%;
+
+                .ant-modal-body{
+                    height: calc(100% - 55px);
+                }
+
+                .ant-spin-nested-loading, .ant-spin-container{
+                    height: 100%;
+                }
+            }
+        }
+    }
+}