@touchvue/chat 1.0.0-beta.10 → 1.0.0-beta.12

package/es/package.json.mjs

@@ -1,5 +1,5 @@
 var name = "@touchvue/chat";
-var version = "1.0.0-beta.10";
+var version = "1.0.0-beta.12";
 var description = "TouchVue UI Component Library";
 var main = "lib/index.js";
 var module = "es/index.mjs";

package/es/packages/components/touchchat/component/FileContent.vue2.mjs

@@ -1,13 +1,20 @@
-import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, withDirectives, vShow } from 'vue';
+import ImageFile from './ImageFile.vue.mjs';
 import PDFFile from './PDFFile.vue.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FileContent",
-  setup(__props) {
-    const showRightTip = ref(true);
+  props: {
+    fileList: {},
+    hasColse: { type: Boolean }
+  },
+  emits: ["colse"],
+  setup(__props, { emit: __emit }) {
+    const showRightTip = ref(false);
     const showLeftTip = ref(false);
     const scrollDistance = ref(256);
     const scrollContainer = ref(null);
+    const emits = __emit;
     let edgeDetectionDebounce = null;
     const handleWheel = (e) => {
       if (!scrollContainer.value)
@@ -37,7 +44,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, 50);
     };
     const scrollLeft = () => {
-      console.log("scrollLeft", showLeftTip.value, scrollContainer.value);
       if (!showLeftTip.value || !scrollContainer.value)
         return;
       const mockEvent = new WheelEvent("wheel", {
@@ -49,7 +55,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       handleWheel(mockEvent);
     };
     const scrollRight = () => {
-      console.log("scrollRight", showRightTip.value, scrollContainer.value);
       if (!showRightTip.value || !scrollContainer.value)
         return;
       const mockEvent = new WheelEvent("wheel", {
@@ -60,6 +65,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       handleWheel(mockEvent);
     };
+    const handleColse = (id) => {
+      emits("colse", id);
+    };
     onMounted(() => {
       if (scrollContainer.value) {
         scrollContainer.value.addEventListener("wheel", handleScroll, { passive: false });
@@ -71,7 +79,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { class: "file-content" }, [
+      return _ctx.fileList.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "file-content"
+      }, [
         createElementVNode(
           "div",
           {
@@ -80,14 +91,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             class: "file-content-scroll"
           },
           [
-            (openBlock(), createElementBlock(
+            createCommentVNode(" <div>{{fileList}}</div> "),
+            (openBlock(true), createElementBlock(
               Fragment,
-              { key: 1 },
-              renderList(15, (i) => {
-                return createVNode(PDFFile, { key: i });
+              null,
+              renderList(_ctx.fileList, (item) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  {
+                    key: item.id
+                  },
+                  [
+                    createCommentVNode(` {{ item }} v-if="item.fileType.includes('application')" `),
+                    item.fileType.includes("image") ? (openBlock(), createBlock(ImageFile, {
+                      key: 0,
+                      item,
+                      "has-colse": _ctx.hasColse,
+                      onColse: handleColse
+                    }, null, 8, ["item", "has-colse"])) : (openBlock(), createBlock(PDFFile, {
+                      key: 1,
+                      item,
+                      "has-colse": _ctx.hasColse,
+                      onColse: handleColse
+                    }, null, 8, ["item", "has-colse"]))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
               }),
-              64
-              /* STABLE_FRAGMENT */
+              128
+              /* KEYED_FRAGMENT */
             ))
           ],
           512
@@ -97,14 +130,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "div",
           { class: "file-content-right-tip" },
           [
-            createElementVNode("div", { class: "file-content-svg" }, [
+            createElementVNode("div", {
+              class: "file-content-svg",
+              onClick: scrollRight
+            }, [
               (openBlock(), createElementBlock("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "5",
                 height: "9",
                 viewBox: "0 0 5 9",
-                fill: "none",
-                onClick: scrollRight
+                fill: "none"
               }, [
                 createElementVNode("path", {
                   "fill-rule": "evenodd",
@@ -124,14 +159,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "div",
           { class: "file-content-left-tip" },
           [
-            createElementVNode("div", { class: "file-content-svg" }, [
+            createElementVNode("div", {
+              class: "file-content-svg",
+              onClick: scrollLeft
+            }, [
               (openBlock(), createElementBlock("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "5",
                 height: "9",
                 viewBox: "0 0 5 9",
-                fill: "none",
-                onClick: scrollLeft
+                fill: "none"
               }, [
                 createElementVNode("path", {
                   "fill-rule": "evenodd",
@@ -147,7 +184,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ), [
           [vShow, showLeftTip.value]
         ])
-      ]);
+      ])) : createCommentVNode("v-if", true);
     };
   }
 });

package/es/packages/components/touchchat/component/FileContent.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileContent.vue2.mjs","sources":["../../../../../../packages/components/touchchat/component/FileContent.vue"],"sourcesContent":["<template>\n\t<div class=\"file-content\">\n\t\t<div ref=\"scrollContainer\" class=\"file-content-scroll\">\n\t\t\t<template v-if=\"false\">\n\t\t\t\t<ImageFile v-for=\"i in 2\" :key=\"i\" />\n\t\t\t</template>\n\t\t\t<template v-else>\n\t\t\t\t<PDFFile v-for=\"i in 15\" :key=\"i\"></PDFFile>\n\t\t\t</template>\n\t\t</div>\n\t\t<div v-show=\"showRightTip\" class=\"file-content-right-tip\">\n\t\t\t<div class=\"file-content-svg\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"9\" viewBox=\"0 0 5 9\" fill=\"none\" @click=\"scrollRight\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.01036 0.877808L4.5968 4.46425C4.80562 4.67307 4.80562 5.01164 4.5968 5.22046L1.01036 8.8069L0.25415 8.05069L3.46248 4.84235L0.25415 1.63402L1.01036 0.877808Z\" fill=\"#1D2129\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-show=\"showLeftTip\" class=\"file-content-left-tip\">\n\t\t\t<div class=\"file-content-svg\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"9\" viewBox=\"0 0 5 9\" fill=\"none\" @click=\"scrollLeft\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.01036 0.877808L4.5968 4.46425C4.80562 4.67307 4.80562 5.01164 4.5968 5.22046L1.01036 8.8069L0.25415 8.05069L3.46248 4.84235L0.25415 1.63402L1.01036 0.877808Z\" fill=\"#1D2129\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport ImageFile from './ImageFile.vue'\nimport PDFFile from './PDFFile.vue'\nimport { ref, onMounted, onUnmounted } from 'vue'\n\nconst showRightTip = ref(true)\nconst showLeftTip = ref(false)\nconst scrollDistance = ref(256) // 每次滚动的距离\nconst scrollContainer = ref<HTMLDivElement | null>(null)\n\nlet edgeDetectionDebounce: NodeJS.Timeout | null = null\n\n// 处理鼠标滚轮事件，将纵向滚动转为横向滚动\nconst handleWheel = (e: WheelEvent) => {\n\tif (!scrollContainer.value) return\n\n\t// 阻止默认的纵向滚动\n\te.preventDefault()\n\tshowRightTip.value = true\n\tshowLeftTip.value = true\n\tconst { scrollLeft, clientWidth, scrollWidth } = scrollContainer.value\n\n\t// 左边缘检测（允许1px的误差）\n\tif (scrollLeft <= 1) {\n\t\tshowLeftTip.value = false\n\t}\n\n\t// 右边缘检测（允许1px的误差）\n\tif (scrollLeft + clientWidth >= scrollWidth - 1) {\n\t\tshowRightTip.value = false\n\t}\n\n\t// 计算滚动距离，添加一些乘数使滚动更自然\n\tconst scrollAmount = e.deltaY * 0.8\n\n\t// 平滑滚动\n\tscrollContainer.value.scrollBy({\n\t\tleft: scrollAmount,\n\t\tbehavior: 'smooth'\n\t})\n}\n\nconst handleScroll = (e: WheelEvent) => {\n\t// 防抖处理，避免滚动过程中频繁触发\n\tif (edgeDetectionDebounce) {\n\t\tclearTimeout(edgeDetectionDebounce)\n\t}\n\n\tedgeDetectionDebounce = setTimeout(() => {\n\t\thandleWheel(e)\n\t}, 50) // 50ms的防抖延迟\n}\n\n// 向左滚动（模拟向上滚轮事件）\nconst scrollLeft = () => {\n\tconsole.log('scrollLeft', showLeftTip.value, scrollContainer.value)\n\tif (!showLeftTip.value || !scrollContainer.value) return\n\n\t// 模拟向上滚动的滚轮事件（deltaY 为负值）\n\tconst mockEvent = new WheelEvent('wheel', {\n\t\tdeltaY: -scrollDistance.value, // 负值表示向上滚动，我们将其转换为向左滚动\n\t\tbubbles: true,\n\t\tcancelable: true\n\t})\n\n\t// 复用 handleWheel 方法处理模拟事件\n\thandleWheel(mockEvent)\n}\n\n// 向右滚动（模拟向下滚轮事件）\nconst scrollRight = () => {\n\tconsole.log('scrollRight', showRightTip.value, scrollContainer.value)\n\tif (!showRightTip.value || !scrollContainer.value) return\n\n\t// 模拟向下滚动的滚轮事件（deltaY 为正值）\n\tconst mockEvent = new WheelEvent('wheel', {\n\t\tdeltaY: scrollDistance.value, // 正值表示向下滚动，我们将其转换为向右滚动\n\t\tbubbles: true,\n\t\tcancelable: true\n\t})\n\n\t// 复用 handleWheel 方法处理模拟事件\n\thandleWheel(mockEvent)\n}\n\nonMounted(() => {\n\tif (scrollContainer.value) {\n\t\t// 添加事件监听，passive: false 允许我们调用 preventDefault\n\t\tscrollContainer.value.addEventListener('wheel', handleScroll, { passive: false })\n\t}\n})\n\nonUnmounted(() => {\n\tif (scrollContainer.value) {\n\t\tscrollContainer.value.removeEventListener('wheel', handleScroll)\n\t}\n})\n</script>\n"],"names":["scrollLeft","_createElementBlock","_createElementVNode","_Fragment","_renderList","_createVNode"],"mappings":"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"}
+{"version":3,"file":"FileContent.vue2.mjs","sources":["../../../../../../packages/components/touchchat/component/FileContent.vue"],"sourcesContent":["<template>\n\t<div v-if=\"fileList.length\" class=\"file-content\">\n\t\t<div ref=\"scrollContainer\" class=\"file-content-scroll\">\n\t\t\t<!-- <div>{{fileList}}</div> -->\n\t\t\t<template v-for=\"item in fileList\" :key=\"item.id\">\n\t\t\t\t<!-- {{ item }} v-if=\"item.fileType.includes('application')\" -->\n\t\t\t\t<ImageFile v-if=\"item.fileType.includes('image')\" :item=\"item\" :has-colse=\"hasColse\" @colse=\"handleColse\" />\n\t\t\t\t<PDFFile v-else :item=\"item\" :has-colse=\"hasColse\" @colse=\"handleColse\" />\n\t\t\t</template>\n\t\t</div>\n\t\t<div v-show=\"showRightTip\" class=\"file-content-right-tip\">\n\t\t\t<div class=\"file-content-svg\" @click=\"scrollRight\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"9\" viewBox=\"0 0 5 9\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.01036 0.877808L4.5968 4.46425C4.80562 4.67307 4.80562 5.01164 4.5968 5.22046L1.01036 8.8069L0.25415 8.05069L3.46248 4.84235L0.25415 1.63402L1.01036 0.877808Z\" fill=\"#1D2129\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-show=\"showLeftTip\" class=\"file-content-left-tip\">\n\t\t\t<div class=\"file-content-svg\" @click=\"scrollLeft\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"9\" viewBox=\"0 0 5 9\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.01036 0.877808L4.5968 4.46425C4.80562 4.67307 4.80562 5.01164 4.5968 5.22046L1.01036 8.8069L0.25415 8.05069L3.46248 4.84235L0.25415 1.63402L1.01036 0.877808Z\" fill=\"#1D2129\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script lang=\"ts\" setup>\nimport ImageFile from './ImageFile.vue'\nimport PDFFile from './PDFFile.vue'\nimport { ref, onMounted, onUnmounted, defineProps, defineEmits } from 'vue'\n\ninterface FileItem {\n\tfile?: File\n\tisUploading: boolean\n\tuploadProgress: number\n\tuploadSuccess: boolean\n\tuploadError: boolean\n\tfileSize: string\n\tfileType: string\n\tname: string\n\tid: string\n}\nconst showRightTip = ref(false)\nconst showLeftTip = ref(false)\nconst scrollDistance = ref(256) // 每次滚动的距离\nconst scrollContainer = ref<HTMLDivElement | null>(null)\n\ndefineProps<{\n\tfileList: FileItem[]\n\thasColse: boolean\n}>()\nconst emits = defineEmits<{\n\t(e: 'colse', id: string): void\n}>()\n\nlet edgeDetectionDebounce: NodeJS.Timeout | null = null\n\n// 处理鼠标滚轮事件，将纵向滚动转为横向滚动\nconst handleWheel = (e: WheelEvent) => {\n\tif (!scrollContainer.value) return\n\n\t// 阻止默认的纵向滚动\n\te.preventDefault()\n\tshowRightTip.value = true\n\tshowLeftTip.value = true\n\tconst { scrollLeft, clientWidth, scrollWidth } = scrollContainer.value\n\n\t// 左边缘检测（允许1px的误差）\n\tif (scrollLeft <= 1) {\n\t\tshowLeftTip.value = false\n\t}\n\n\t// 右边缘检测（允许1px的误差）\n\tif (scrollLeft + clientWidth >= scrollWidth - 1) {\n\t\tshowRightTip.value = false\n\t}\n\n\t// 计算滚动距离，添加一些乘数使滚动更自然\n\tconst scrollAmount = e.deltaY * 0.8\n\n\t// 平滑滚动\n\tscrollContainer.value.scrollBy({\n\t\tleft: scrollAmount,\n\t\tbehavior: 'smooth'\n\t})\n}\n\nconst handleScroll = (e: WheelEvent) => {\n\t// 防抖处理，避免滚动过程中频繁触发\n\tif (edgeDetectionDebounce) {\n\t\tclearTimeout(edgeDetectionDebounce)\n\t}\n\n\tedgeDetectionDebounce = setTimeout(() => {\n\t\thandleWheel(e)\n\t}, 50) // 50ms的防抖延迟\n}\n\n// 向左滚动（模拟向上滚轮事件）\nconst scrollLeft = () => {\n\t// console.log('scrollLeft', showLeftTip.value, scrollContainer.value)\n\tif (!showLeftTip.value || !scrollContainer.value) return\n\n\t// 模拟向上滚动的滚轮事件（deltaY 为负值）\n\tconst mockEvent = new WheelEvent('wheel', {\n\t\tdeltaY: -scrollDistance.value, // 负值表示向上滚动，我们将其转换为向左滚动\n\t\tbubbles: true,\n\t\tcancelable: true\n\t})\n\n\t// 复用 handleWheel 方法处理模拟事件\n\thandleWheel(mockEvent)\n}\n\n// 向右滚动（模拟向下滚轮事件）\nconst scrollRight = () => {\n\t// console.log('scrollRight', showRightTip.value, scrollContainer.value)\n\tif (!showRightTip.value || !scrollContainer.value) return\n\n\t// 模拟向下滚动的滚轮事件（deltaY 为正值）\n\tconst mockEvent = new WheelEvent('wheel', {\n\t\tdeltaY: scrollDistance.value, // 正值表示向下滚动，我们将其转换为向右滚动\n\t\tbubbles: true,\n\t\tcancelable: true\n\t})\n\n\t// 复用 handleWheel 方法处理模拟事件\n\thandleWheel(mockEvent)\n}\n\nconst handleColse = (id: string) => {\n\temits('colse', id)\n}\n\nonMounted(() => {\n\tif (scrollContainer.value) {\n\t\t// 添加事件监听，passive: false 允许我们调用 preventDefault\n\t\tscrollContainer.value.addEventListener('wheel', handleScroll, { passive: false })\n\t}\n})\n\nonUnmounted(() => {\n\tif (scrollContainer.value) {\n\t\tscrollContainer.value.removeEventListener('wheel', handleScroll)\n\t}\n})\n</script>\n"],"names":["scrollLeft","fileList","_createElementBlock","_createElementVNode","_createCommentVNode","_Fragment","_renderList","_createBlock","hasColse"],"mappings":"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"}

package/es/packages/components/touchchat/component/ImageFile.vue2.mjs

@@ -1,11 +1,29 @@
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode, toDisplayString } from 'vue';
 import _imports_0 from '../img/link.png.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImageFile",
-  setup(__props) {
+  props: {
+    item: {},
+    hasColse: { type: Boolean }
+  },
+  emits: ["colse"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
     const showLoading = ref(false);
-    const showError = ref(true);
+    const showError = ref(false);
+    const progress = computed(() => {
+      var _a;
+      return (_a = props.item.uploadProgress) != null ? _a : 0;
+    });
+    watch(progress, (newVal) => {
+      if (newVal === 100 || newVal === 0) {
+        showLoading.value = false;
+      } else {
+        showLoading.value = true;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { class: "image-file" }, [
         createElementVNode("div", { class: "image-file-content" }, [
@@ -13,113 +31,105 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             src: _imports_0,
             alt: "\u56FE\u7247"
           }),
-          withDirectives(createElementVNode(
-            "div",
-            { class: "image-file-colse" },
-            [
-              (openBlock(), createElementBlock("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "5",
-                height: "6",
-                viewBox: "0 0 5 6",
-                fill: "none"
+          !(showLoading.value || showError.value) && _ctx.hasColse ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "image-file-colse",
+            onClick: ($event) => emits("colse", _ctx.item.id)
+          }, [
+            (openBlock(), createElementBlock("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "5",
+              height: "6",
+              viewBox: "0 0 5 6",
+              fill: "none"
+            }, [
+              createElementVNode("path", {
+                d: "M4.42492 5.31718L4.97489 4.76721L3.05002 2.84233L4.97493 0.917422L4.42496 0.36745L2.50005 2.29236L0.575118 0.367432L0.0251465 0.917403L1.95008 2.84233L0.0251875 4.76722L0.575159 5.3172L2.50005 3.39231L4.42492 5.31718Z",
+                fill: "white"
+              })
+            ]))
+          ], 8, ["onClick"])) : createCommentVNode("v-if", true),
+          showLoading.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "img-file-loading"
+          }, [
+            (openBlock(), createElementBlock("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "25",
+              viewBox: "0 0 24 25",
+              fill: "none"
+            }, [
+              createElementVNode("g", {
+                "clip-path": "url(#paint0_angular_2715_440_clip_path)",
+                "data-figma-skip-parse": "true"
               }, [
-                createElementVNode("path", {
-                  d: "M4.42492 5.31718L4.97489 4.76721L3.05002 2.84233L4.97493 0.917422L4.42496 0.36745L2.50005 2.29236L0.575118 0.367432L0.0251465 0.917403L1.95008 2.84233L0.0251875 4.76722L0.575159 5.3172L2.50005 3.39231L4.42492 5.31718Z",
-                  fill: "white"
-                })
-              ]))
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [vShow, !(showLoading.value || showError.value)]
-          ]),
-          withDirectives(createElementVNode(
-            "div",
-            { class: "img-file-loading" },
-            [
-              (openBlock(), createElementBlock("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "25",
-                viewBox: "0 0 24 25",
-                fill: "none"
-              }, [
-                createElementVNode("g", {
-                  "clip-path": "url(#paint0_angular_2715_440_clip_path)",
-                  "data-figma-skip-parse": "true"
-                }, [
-                  createElementVNode("g", { transform: "matrix(0.0100142 0.00182077 -0.00182077 0.0100142 12 12.8423)" }, [
-                    (openBlock(), createElementBlock("foreignObject", {
-                      x: "-1427.97",
-                      y: "-1427.97",
-                      width: "2855.94",
-                      height: "2855.94"
-                    }, [
-                      createElementVNode("div", {
-                        xmlns: "http://www.w3.org/1999/xhtml",
-                        style: { "background": "conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 84.375deg, rgba(255, 255, 255, 1) 360deg)", "height": "100%", "width": "100%", "opacity": "1" }
-                      })
-                    ]))
-                  ])
-                ]),
-                createElementVNode("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z",
-                  "data-figma-gradient-fill": '{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.2343750},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":1.0}],"stopsVar":[],"transform":{"m00":20.028446197509766,"m01":-3.6415407657623291,"m02":3.8065481185913086,"m10":3.6415374279022217,"m11":20.028463363647461,"m12":1.0072842836380005},"opacity":1.0,"blendMode":"NORMAL","visible":true}'
-                }),
-                createElementVNode("defs", null, [
-                  createElementVNode("clipPath", { id: "paint0_angular_2715_440_clip_path" }, [
-                    createElementVNode("path", {
-                      "fill-rule": "evenodd",
-                      "clip-rule": "evenodd",
-                      d: "M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z"
+                createElementVNode("g", { transform: "matrix(0.0100142 0.00182077 -0.00182077 0.0100142 12 12.8423)" }, [
+                  (openBlock(), createElementBlock("foreignObject", {
+                    x: "-1427.97",
+                    y: "-1427.97",
+                    width: "2855.94",
+                    height: "2855.94"
+                  }, [
+                    createElementVNode("div", {
+                      xmlns: "http://www.w3.org/1999/xhtml",
+                      style: { "background": "conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 84.375deg, rgba(255, 255, 255, 1) 360deg)", "height": "100%", "width": "100%", "opacity": "1" }
                     })
-                  ])
+                  ]))
                 ])
-              ])),
-              createElementVNode("p", { class: "img-file-title" }, "40%")
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [vShow, showLoading.value]
-          ]),
-          withDirectives(createElementVNode(
-            "div",
-            { class: "img-file-loading" },
-            [
-              (openBlock(), createElementBlock("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "14",
-                height: "13",
-                viewBox: "0 0 14 13",
-                fill: "none"
-              }, [
-                createElementVNode("path", {
-                  d: "M10.8891 10.7314C9.89379 11.7267 8.51879 12.3423 7 12.3423C3.96244 12.3423 1.5 9.87984 1.5 6.84229C1.5 3.80473 3.96244 1.34229 7 1.34229C8.51879 1.34229 9.89379 1.95789 10.8891 2.9532C11.3957 3.45982 12.5 4.7034 12.5 4.7034",
-                  stroke: "#F93920",
-                  "stroke-width": "1.2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }),
-                createElementVNode("path", {
-                  d: "M12.5 1.95374V4.70374H9.75",
-                  stroke: "#F93920",
-                  "stroke-width": "1.2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                })
-              ])),
-              createElementVNode("p", { class: "img-file-error" }, "\u9519\u8BEF")
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [vShow, showError.value]
-          ])
+              ]),
+              createElementVNode("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z",
+                "data-figma-gradient-fill": '{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":0.0},"position":0.2343750},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":1.0}],"stopsVar":[],"transform":{"m00":20.028446197509766,"m01":-3.6415407657623291,"m02":3.8065481185913086,"m10":3.6415374279022217,"m11":20.028463363647461,"m12":1.0072842836380005},"opacity":1.0,"blendMode":"NORMAL","visible":true}'
+              }),
+              createElementVNode("defs", null, [
+                createElementVNode("clipPath", { id: "paint0_angular_2715_440_clip_path" }, [
+                  createElementVNode("path", {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd",
+                    d: "M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z"
+                  })
+                ])
+              ])
+            ])),
+            createElementVNode(
+              "p",
+              { class: "img-file-title" },
+              toDisplayString(progress.value) + "%",
+              1
+              /* TEXT */
+            )
+          ])) : createCommentVNode("v-if", true),
+          showError.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "img-file-loading"
+          }, [
+            (openBlock(), createElementBlock("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "13",
+              viewBox: "0 0 14 13",
+              fill: "none"
+            }, [
+              createElementVNode("path", {
+                d: "M10.8891 10.7314C9.89379 11.7267 8.51879 12.3423 7 12.3423C3.96244 12.3423 1.5 9.87984 1.5 6.84229C1.5 3.80473 3.96244 1.34229 7 1.34229C8.51879 1.34229 9.89379 1.95789 10.8891 2.9532C11.3957 3.45982 12.5 4.7034 12.5 4.7034",
+                stroke: "#F93920",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }),
+              createElementVNode("path", {
+                d: "M12.5 1.95374V4.70374H9.75",
+                stroke: "#F93920",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ])),
+            createElementVNode("p", { class: "img-file-error" }, "\u9519\u8BEF")
+          ])) : createCommentVNode("v-if", true)
         ])
       ]);
     };

package/es/packages/components/touchchat/component/ImageFile.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFile.vue2.mjs","sources":["../../../../../../packages/components/touchchat/component/ImageFile.vue"],"sourcesContent":["<template>\n\t<div class=\"image-file\">\n\t\t<div class=\"image-file-content\">\n\t\t\t<img src=\"../img/link.png\" alt=\"图片\" />\n\t\t\t<div v-show=\"!(showLoading || showError)\" class=\"image-file-colse\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"6\" viewBox=\"0 0 5 6\" fill=\"none\">\n\t\t\t\t\t<path d=\"M4.42492 5.31718L4.97489 4.76721L3.05002 2.84233L4.97493 0.917422L4.42496 0.36745L2.50005 2.29236L0.575118 0.367432L0.0251465 0.917403L1.95008 2.84233L0.0251875 4.76722L0.575159 5.3172L2.50005 3.39231L4.42492 5.31718Z\" fill=\"white\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div v-show=\"showLoading\" class=\"img-file-loading\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n\t\t\t\t\t<g clip-path=\"url(#paint0_angular_2715_440_clip_path)\" data-figma-skip-parse=\"true\">\n\t\t\t\t\t\t<g transform=\"matrix(0.0100142 0.00182077 -0.00182077 0.0100142 12 12.8423)\">\n\t\t\t\t\t\t\t<foreignObject x=\"-1427.97\" y=\"-1427.97\" width=\"2855.94\" height=\"2855.94\">\n\t\t\t\t\t\t\t\t<div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"background: conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 84.375deg, rgba(255, 255, 255, 1) 360deg); height: 100%; width: 100%; opacity: 1\"></div>\n\t\t\t\t\t\t\t</foreignObject>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z\" data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.2343750},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[],\"transform\":{\"m00\":20.028446197509766,\"m01\":-3.6415407657623291,\"m02\":3.8065481185913086,\"m10\":3.6415374279022217,\"m11\":20.028463363647461,\"m12\":1.0072842836380005},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}' />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<clipPath id=\"paint0_angular_2715_440_clip_path\">\n\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z\" />\n\t\t\t\t\t\t</clipPath>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t\t<p class=\"img-file-title\">40%</p>\n\t\t\t</div>\n\t\t\t<div v-show=\"showError\" class=\"img-file-loading\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\" fill=\"none\">\n\t\t\t\t\t<path d=\"M10.8891 10.7314C9.89379 11.7267 8.51879 12.3423 7 12.3423C3.96244 12.3423 1.5 9.87984 1.5 6.84229C1.5 3.80473 3.96244 1.34229 7 1.34229C8.51879 1.34229 9.89379 1.95789 10.8891 2.9532C11.3957 3.45982 12.5 4.7034 12.5 4.7034\" stroke=\"#F93920\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t<path d=\"M12.5 1.95374V4.70374H9.75\" stroke=\"#F93920\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t</svg>\n\t\t\t\t<p class=\"img-file-error\">错误</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nconst showLoading = ref(false)\nconst showError = ref(true)\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_vShow"],"mappings":"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"}
+{"version":3,"file":"ImageFile.vue2.mjs","sources":["../../../../../../packages/components/touchchat/component/ImageFile.vue"],"sourcesContent":["<template>\n\t<div class=\"image-file\">\n\t\t<div class=\"image-file-content\">\n\t\t\t<img src=\"../img/link.png\" alt=\"图片\" />\n\t\t\t<div v-if=\"!(showLoading || showError) && hasColse\" class=\"image-file-colse\" @click=\"emits('colse', item.id)\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"6\" viewBox=\"0 0 5 6\" fill=\"none\">\n\t\t\t\t\t<path d=\"M4.42492 5.31718L4.97489 4.76721L3.05002 2.84233L4.97493 0.917422L4.42496 0.36745L2.50005 2.29236L0.575118 0.367432L0.0251465 0.917403L1.95008 2.84233L0.0251875 4.76722L0.575159 5.3172L2.50005 3.39231L4.42492 5.31718Z\" fill=\"white\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<div v-if=\"showLoading\" class=\"img-file-loading\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n\t\t\t\t\t<g clip-path=\"url(#paint0_angular_2715_440_clip_path)\" data-figma-skip-parse=\"true\">\n\t\t\t\t\t\t<g transform=\"matrix(0.0100142 0.00182077 -0.00182077 0.0100142 12 12.8423)\">\n\t\t\t\t\t\t\t<foreignObject x=\"-1427.97\" y=\"-1427.97\" width=\"2855.94\" height=\"2855.94\">\n\t\t\t\t\t\t\t\t<div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"background: conic-gradient(from 90deg, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 84.375deg, rgba(255, 255, 255, 1) 360deg); height: 100%; width: 100%; opacity: 1\"></div>\n\t\t\t\t\t\t\t</foreignObject>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z\" data-figma-gradient-fill='{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":0.0},\"position\":0.2343750},{\"color\":{\"r\":1.0,\"g\":1.0,\"b\":1.0,\"a\":1.0},\"position\":1.0}],\"stopsVar\":[],\"transform\":{\"m00\":20.028446197509766,\"m01\":-3.6415407657623291,\"m02\":3.8065481185913086,\"m10\":3.6415374279022217,\"m11\":20.028463363647461,\"m12\":1.0072842836380005},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}' />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<clipPath id=\"paint0_angular_2715_440_clip_path\">\n\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5.54499C7.96981 5.54499 4.7027 8.8121 4.7027 12.8423C4.7027 16.8725 7.96981 20.1396 12 20.1396C12.7463 20.1396 13.3514 20.7446 13.3514 21.4909C13.3514 22.2373 12.7463 22.8423 12 22.8423C6.47715 22.8423 2 18.3651 2 12.8423C2 7.31944 6.47715 2.84229 12 2.84229C17.5228 2.84229 22 7.31944 22 12.8423C22 13.5886 21.395 14.1936 20.6486 14.1936C19.9023 14.1936 19.2973 13.5886 19.2973 12.8423C19.2973 8.8121 16.0302 5.54499 12 5.54499Z\" />\n\t\t\t\t\t\t</clipPath>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t\t<p class=\"img-file-title\">{{ progress }}%</p>\n\t\t\t</div>\n\t\t\t<div v-if=\"showError\" class=\"img-file-loading\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\" fill=\"none\">\n\t\t\t\t\t<path d=\"M10.8891 10.7314C9.89379 11.7267 8.51879 12.3423 7 12.3423C3.96244 12.3423 1.5 9.87984 1.5 6.84229C1.5 3.80473 3.96244 1.34229 7 1.34229C8.51879 1.34229 9.89379 1.95789 10.8891 2.9532C11.3957 3.45982 12.5 4.7034 12.5 4.7034\" stroke=\"#F93920\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t<path d=\"M12.5 1.95374V4.70374H9.75\" stroke=\"#F93920\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t</svg>\n\t\t\t\t<p class=\"img-file-error\">错误</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n<script setup lang=\"ts\">\nimport { ref, watch, defineProps, computed, defineEmits } from 'vue'\nconst props = defineProps<{\n\titem: {\n\t\tfile?: File\n\t\tisUploading: boolean\n\t\tuploadProgress: number\n\t\tuploadSuccess: boolean\n\t\tuploadError: boolean\n\t\tfileSize: string\n\t\tfileType: string\n\t\tname: string\n\t\tid: string\n\t}\n\thasColse: boolean\n}>()\nconst emits = defineEmits(['colse'])\nconst showLoading = ref(false)\nconst showError = ref(false)\nconst progress = computed(() => {\n\treturn props.item.uploadProgress ?? 0\n})\n\nwatch(progress, newVal => {\n\tif (newVal === 100 || newVal === 0) {\n\t\tshowLoading.value = false\n\t} else {\n\t\tshowLoading.value = true\n\t}\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","hasColse","item","_toDisplayString"],"mappings":"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"}

package/es/packages/components/touchchat/component/PDFFile.vue2.mjs

@@ -1,13 +1,24 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, toDisplayString, normalizeStyle, withDirectives, vShow } from 'vue';
 import _imports_0 from '../img/svg/pdf.svg.mjs';
 import _imports_1 from '../img/svg/reset.svg.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PDFFile",
-  setup(__props) {
+  props: {
+    item: {},
+    hasColse: { type: Boolean }
+  },
+  emits: ["colse"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
     const showTooltip = ref(false);
     const tooltipContent = ref("");
     const tipElement = ref(null);
+    const progress = computed(() => {
+      var _a;
+      return (_a = props.item.uploadProgress) != null ? _a : 0;
+    });
     onMounted(() => {
       if (tipElement.value) {
         tooltipContent.value = tipElement.value.textContent || "";
@@ -30,21 +41,59 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "pdf-file-title",
                 onMouseenter: ($event) => showTooltip.value = true,
                 onMouseleave: ($event) => showTooltip.value = false
-              }, "TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716.pdf", 40, ["onMouseenter", "onMouseleave"]),
+              }, toDisplayString(_ctx.item.name), 41, ["onMouseenter", "onMouseleave"]),
               createCommentVNode(' <p class="pdf-file-info">\u9519\u8BEF</p> '),
-              createElementVNode("p", { class: "pdf-file-info" }, "90%"),
-              showTooltip.value ? (openBlock(), createElementBlock("p", {
-                key: 0,
-                class: "pdf-file-tooltip"
-              }, "TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716TSXQ-EF-20200716.pdf")) : createCommentVNode("v-if", true)
+              progress.value !== 100 ? (openBlock(), createElementBlock(
+                "p",
+                {
+                  key: 0,
+                  class: "pdf-file-info"
+                },
+                toDisplayString(progress.value) + "%",
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true),
+              progress.value === 100 ? (openBlock(), createElementBlock(
+                "p",
+                {
+                  key: 1,
+                  class: "pdf-file-info"
+                },
+                toDisplayString(_ctx.item.fileSize),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true),
+              showTooltip.value ? (openBlock(), createElementBlock(
+                "p",
+                {
+                  key: 2,
+                  class: "pdf-file-tooltip"
+                },
+                toDisplayString(_ctx.item.name),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
             ]),
             createElementVNode("img", {
               class: "pdf-file-reset",
               src: _imports_1,
               alt: "reset"
             }),
-            createElementVNode("div", { class: "pdf-file-progress" }),
-            createElementVNode("div", { class: "pdf-file-colse" }, [
+            progress.value !== 100 ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 0,
+                style: normalizeStyle({ width: progress.value * 2 / 3 + "%" }),
+                class: "pdf-file-progress"
+              },
+              null,
+              4
+              /* STYLE */
+            )) : createCommentVNode("v-if", true),
+            withDirectives(createElementVNode("div", {
+              class: "pdf-file-colse",
+              onClick: ($event) => emits("colse", _ctx.item.id)
+            }, [
               (openBlock(), createElementBlock("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "5",
@@ -57,6 +106,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   fill: "white"
                 })
               ]))
+            ], 8, ["onClick"]), [
+              [vShow, _ctx.hasColse]
             ])
           ])
         ],