@touchvue/chat 1.0.0-beta.3 → 1.0.0-beta.30

package/lib/packages/components/touchchat/component/PDFFile.vue2.js

@@ -0,0 +1,209 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var reset = require('../img/svg/reset.svg.js');
+var doc = require('../img/file/doc.png.js');
+var docx = require('../img/file/docx.png.js');
+var html = require('../img/file/html.png.js');
+var jpg = require('../img/file/jpg.png.js');
+var mp3 = require('../img/file/mp3.png.js');
+var mp4 = require('../img/file/mp4.png.js');
+var music = require('../img/file/music.png.js');
+var pdf = require('../img/file/pdf.png.js');
+var png = require('../img/file/png.png.js');
+var xls = require('../img/file/xls.png.js');
+var txt = require('../img/file/txt.png.js');
+var gif = require('../img/file/gif.png.js');
+var ppt = require('../img/file/ppt.png.js');
+var pptx = require('../img/file/pptx.png.js');
+var xlsx = require('../img/file/xlsx.png.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "PDFFile",
+  props: {
+    item: {},
+    index: {},
+    hasColse: { type: Boolean }
+  },
+  emits: ["colse"],
+  setup(__props, { emit: __emit }) {
+    const imgTypeInfo = {
+      doc: doc.default,
+      docx: docx.default,
+      html: html.default,
+      jpg: jpg.default,
+      mp3: mp3.default,
+      mp4: mp4.default,
+      music: music.default,
+      pdf: pdf.default,
+      png: png.default,
+      xls: xls.default,
+      txt: txt.default,
+      gif: gif.default,
+      ppt: ppt.default,
+      pptx: pptx.default,
+      xlsx: xlsx.default,
+      "": ""
+    };
+    const props = __props;
+    const emits = __emit;
+    const showTooltip = vue.ref(false);
+    const titleElement = vue.ref(null);
+    const tooltipElement = vue.ref(null);
+    const centerContainer = vue.ref(null);
+    const tooltipTop = vue.ref(0);
+    const progress = vue.computed(() => {
+      var _a;
+      return (_a = props.item.uploadProgress) != null ? _a : 0;
+    });
+    const imgType = vue.computed(() => {
+      const arr = props.item.name.split(".");
+      const type = arr[arr.length - 1].toLowerCase();
+      return Object.keys(imgTypeInfo).includes(type) ? type : "";
+    });
+    const updateTooltipPosition = () => {
+      if (titleElement.value && tooltipElement.value && centerContainer.value) {
+        const titleRect = titleElement.value.getBoundingClientRect();
+        const containerRect = centerContainer.value.getBoundingClientRect();
+        const relativeTop = titleRect.top - containerRect.top;
+        tooltipTop.value = relativeTop - tooltipElement.value.offsetHeight - 6;
+      }
+    };
+    const handleMouseEnter = async () => {
+      showTooltip.value = true;
+      await vue.nextTick();
+      updateTooltipPosition();
+    };
+    const handleResize = () => {
+      if (showTooltip.value) {
+        updateTooltipPosition();
+      }
+    };
+    const uploadFile = vue.inject("uploadFile", () => {
+      console.warn("\u672A\u63D0\u4F9Bbottom\u51FD\u6570");
+    });
+    const handleReset = () => {
+      uploadFile(props.index, "PDF");
+    };
+    vue.onMounted(() => {
+      window.addEventListener("resize", handleResize);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", handleResize);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode("  "),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["pdf-file", __props.item.uploadError ? "pdf-error" : "pdf-success"])
+            },
+            [
+              vue.createCommentVNode(" <span>{{imgType}}</span> "),
+              vue.createElementVNode("img", {
+                class: "pdf-file-img",
+                src: imgTypeInfo[imgType.value],
+                alt: imgType.value
+              }, null, 8, ["src", "alt"]),
+              vue.createElementVNode(
+                "div",
+                {
+                  ref_key: "centerContainer",
+                  ref: centerContainer,
+                  class: "pdf-file-center"
+                },
+                [
+                  vue.createElementVNode("p", {
+                    ref_key: "titleElement",
+                    ref: titleElement,
+                    class: "pdf-file-title",
+                    onMouseenter: handleMouseEnter,
+                    onMouseleave: ($event) => showTooltip.value = false
+                  }, vue.toDisplayString(__props.item.name), 41, ["onMouseleave"]),
+                  __props.item.uploadError ? (vue.openBlock(), vue.createElementBlock("p", {
+                    key: 0,
+                    class: "pdf-file-info"
+                  }, "\u9519\u8BEF")) : vue.createCommentVNode("v-if", true),
+                  progress.value !== 100 && !__props.item.uploadError ? (vue.openBlock(), vue.createElementBlock(
+                    "p",
+                    {
+                      key: 1,
+                      class: "pdf-file-info"
+                    },
+                    vue.toDisplayString(progress.value) + "%",
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  progress.value === 100 && !__props.item.uploadError ? (vue.openBlock(), vue.createElementBlock(
+                    "p",
+                    {
+                      key: 2,
+                      class: "pdf-file-info"
+                    },
+                    vue.toDisplayString(__props.item.fileSize),
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.createCommentVNode(` <p v-if="showTooltip" ref="tooltipElement" class="pdf-file-tooltip" :style="{ top: tooltipTop + 'px' }">
+				{{ item.name }}
+			</p> `)
+                ],
+                512
+                /* NEED_PATCH */
+              ),
+              vue.createElementVNode("img", {
+                class: "pdf-file-reset",
+                src: reset.default,
+                alt: "reset",
+                onClick: handleReset
+              }),
+              progress.value !== 100 ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  style: vue.normalizeStyle({ width: progress.value * 2 / 3 + "%" }),
+                  class: "pdf-file-progress"
+                },
+                null,
+                4
+                /* STYLE */
+              )) : vue.createCommentVNode("v-if", true),
+              vue.withDirectives(vue.createElementVNode("div", {
+                class: "pdf-file-colse",
+                onClick: ($event) => emits("colse", __props.item.id)
+              }, [
+                (vue.openBlock(), vue.createElementBlock("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "5",
+                  height: "6",
+                  viewBox: "0 0 5 6",
+                  fill: "none"
+                }, [
+                  vue.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"]), [
+                [vue.vShow, __props.hasColse]
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=PDFFile.vue2.js.map

package/lib/packages/components/touchchat/component/PDFFile.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFFile.vue2.js","sources":["../../../../../../packages/components/touchchat/component/PDFFile.vue"],"sourcesContent":["<template>\n\t<!--  -->\n\t<div class=\"pdf-file\" :class=\"item.uploadError ? 'pdf-error' : 'pdf-success'\">\n\t\t<!-- <span>{{imgType}}</span> -->\n\t\t<img class=\"pdf-file-img\" :src=\"imgTypeInfo[imgType]\" :alt=\"imgType\" />\n\t\t<div ref=\"centerContainer\" class=\"pdf-file-center\">\n\t\t\t<p ref=\"titleElement\" class=\"pdf-file-title\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"showTooltip = false\">\n\t\t\t\t{{ item.name }}\n\t\t\t</p>\n\t\t\t<p v-if=\"item.uploadError\" class=\"pdf-file-info\">错误</p>\n\t\t\t<p v-if=\"progress !== 100 && !item.uploadError\" class=\"pdf-file-info\">{{ progress }}%</p>\n\t\t\t<p v-if=\"progress === 100 && !item.uploadError\" class=\"pdf-file-info\">{{ item.fileSize }}</p>\n\t\t\t<!-- <p v-if=\"showTooltip\" ref=\"tooltipElement\" class=\"pdf-file-tooltip\" :style=\"{ top: tooltipTop + 'px' }\">\n\t\t\t\t{{ item.name }}\n\t\t\t</p> -->\n\t\t</div>\n\t\t<img class=\"pdf-file-reset\" src=\"../img/svg/reset.svg\" alt=\"reset\" @click=\"handleReset\" />\n\t\t<div v-if=\"progress !== 100\" :style=\"{ width: (progress * 2) / 3 + '%' }\" class=\"pdf-file-progress\"></div>\n\t\t<div v-show=\"hasColse\" class=\"pdf-file-colse\" @click=\"emits('colse', item.id)\">\n\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<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</svg>\n\t\t</div>\n\t</div>\n</template>\n<script setup lang=\"ts\">\nimport { ref, nextTick, onMounted, onUnmounted, defineProps, computed, defineEmits, inject } from 'vue'\nimport DOC from '../img/file/doc.png'\nimport DOCX from '../img/file/docx.png'\nimport HTML from '../img/file/html.png'\nimport JPG from '../img/file/jpg.png'\nimport MP3 from '../img/file/mp3.png'\nimport MP4 from '../img/file/mp4.png'\nimport MUSIC from '../img/file/music.png'\nimport PDF from '../img/file/pdf.png'\nimport PNG from '../img/file/png.png'\nimport XLS from '../img/file/xls.png'\nimport TXT from '../img/file/txt.png'\nimport GIF from '../img/file/gif.png'\nimport PPT from '../img/file/ppt.png'\nimport PPTX from '../img/file/pptx.png'\nimport XLSX from '../img/file/xlsx.png'\n\ntype ImgType = 'doc' | 'docx' | 'html' | 'jpg' | 'mp3' | 'mp4' | 'music' | 'pdf' | 'png' | 'xls' | 'txt' | 'gif' | 'ppt' | 'pptx' | 'xlsx' | ''\nconst imgTypeInfo: Record<ImgType, string> = {\n\tdoc: DOC,\n\tdocx: DOCX,\n\thtml: HTML,\n\tjpg: JPG,\n\tmp3: MP3,\n\tmp4: MP4,\n\tmusic: MUSIC,\n\tpdf: PDF,\n\tpng: PNG,\n\txls: XLS,\n\ttxt: TXT,\n\tgif: GIF,\n\tppt: PPT,\n\tpptx: PPTX,\n\txlsx: XLSX,\n\t'': ''\n}\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\tindex: number\n\thasColse: boolean\n}>()\n\nconst emits = defineEmits(['colse'])\n\nconst showTooltip = ref(false)\nconst titleElement = ref<HTMLElement | null>(null)\nconst tooltipElement = ref<HTMLElement | null>(null)\nconst centerContainer = ref<HTMLElement | null>(null)\nconst tooltipTop = ref(0)\nconst progress = computed(() => {\n\treturn props.item.uploadProgress ?? 0\n})\n\nconst imgType = computed<ImgType>(() => {\n\tconst arr = props.item.name.split('.')\n\tconst type = arr[arr.length - 1].toLowerCase() as ImgType // 转换为小写并断言类型\n\t// 检查是否是有效类型，不是则返回空字符串\n\treturn (Object.keys(imgTypeInfo) as ImgType[]).includes(type) ? type : ''\n})\n\nconst updateTooltipPosition = () => {\n\tif (titleElement.value && tooltipElement.value && centerContainer.value) {\n\t\tconst titleRect = titleElement.value.getBoundingClientRect()\n\t\tconst containerRect = centerContainer.value.getBoundingClientRect()\n\t\t// 计算相对于容器的 top 值\n\t\tconst relativeTop = titleRect.top - containerRect.top\n\t\ttooltipTop.value = relativeTop - tooltipElement.value.offsetHeight - 6\n\t}\n}\n\nconst handleMouseEnter = async () => {\n\tshowTooltip.value = true\n\t// 等待 DOM 更新完成后再调用更新位置的方法\n\tawait nextTick()\n\tupdateTooltipPosition()\n}\n\nconst handleResize = () => {\n\tif (showTooltip.value) {\n\t\tupdateTooltipPosition()\n\t}\n}\n\nconst uploadFile = inject<(index: number, type?: string) => void>('uploadFile', () => {\n\tconsole.warn('未提供bottom函数')\n})\n\nconst handleReset = () => {\n\tuploadFile(props.index, 'PDF')\n}\nonMounted(() => {\n\twindow.addEventListener('resize', handleResize)\n})\nonUnmounted(() => {\n\twindow.removeEventListener('resize', handleResize)\n})\n</script>\n"],"names":["DOC","DOCX","HTML","JPG","MP3","MP4","MUSIC","PDF","PNG","XLS","TXT","GIF","PPT","PPTX","XLSX","ref","computed","nextTick","inject","onMounted","onUnmounted","_createCommentVNode","_createElementVNode","_normalizeClass","_toDisplayString","_createElementBlock","_imports_0"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAA,MAAM,WAAuC,GAAA;AAAA,MAC5C,GAAK,EAAAA,WAAA;AAAA,MACL,IAAM,EAAAC,YAAA;AAAA,MACN,IAAM,EAAAC,YAAA;AAAA,MACN,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,KAAO,EAAAC,aAAA;AAAA,MACP,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,GAAK,EAAAC,WAAA;AAAA,MACL,IAAM,EAAAC,YAAA;AAAA,MACN,IAAM,EAAAC,YAAA;AAAA,MACN,EAAI,EAAA,EAAA;AAAA,KACL,CAAA;AACA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAgBd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,WAAA,GAAcC,QAAI,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAeA,QAAwB,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,cAAA,GAAiBA,QAAwB,IAAI,CAAA,CAAA;AACnD,IAAM,MAAA,eAAA,GAAkBA,QAAwB,IAAI,CAAA,CAAA;AACpD,IAAM,MAAA,UAAA,GAAaA,QAAI,CAAC,CAAA,CAAA;AACxB,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAM;;AAC/B,MAAO,OAAA,CAAA,EAAA,GAAA,KAAA,CAAM,IAAK,CAAA,cAAA,KAAX,IAA6B,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAUA,aAAkB,MAAM;AACvC,MAAA,MAAM,GAAM,GAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,MAAM,GAAG,CAAA,CAAA;AACrC,MAAA,MAAM,OAAO,GAAI,CAAA,GAAA,CAAI,MAAS,GAAA,CAAC,EAAE,WAAY,EAAA,CAAA;AAE7C,MAAA,OAAQ,OAAO,IAAK,CAAA,WAAW,EAAgB,QAAS,CAAA,IAAI,IAAI,IAAO,GAAA,EAAA,CAAA;AAAA,KACvE,CAAA,CAAA;AAED,IAAA,MAAM,wBAAwB,MAAM;AACnC,MAAA,IAAI,YAAa,CAAA,KAAA,IAAS,cAAe,CAAA,KAAA,IAAS,gBAAgB,KAAO,EAAA;AACxE,QAAM,MAAA,SAAA,GAAY,YAAa,CAAA,KAAA,CAAM,qBAAsB,EAAA,CAAA;AAC3D,QAAM,MAAA,aAAA,GAAgB,eAAgB,CAAA,KAAA,CAAM,qBAAsB,EAAA,CAAA;AAElE,QAAM,MAAA,WAAA,GAAc,SAAU,CAAA,GAAA,GAAM,aAAc,CAAA,GAAA,CAAA;AAClD,QAAA,UAAA,CAAW,KAAQ,GAAA,WAAA,GAAc,cAAe,CAAA,KAAA,CAAM,YAAe,GAAA,CAAA,CAAA;AAAA,OACtE;AAAA,KACD,CAAA;AAEA,IAAA,MAAM,mBAAmB,YAAY;AACpC,MAAA,WAAA,CAAY,KAAQ,GAAA,IAAA,CAAA;AAEpB,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAsB,qBAAA,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AAC1B,MAAA,IAAI,YAAY,KAAO,EAAA;AACtB,QAAsB,qBAAA,EAAA,CAAA;AAAA,OACvB;AAAA,KACD,CAAA;AAEA,IAAM,MAAA,UAAA,GAAaC,UAA+C,CAAA,YAAA,EAAc,MAAM;AACrF,MAAA,OAAA,CAAQ,KAAK,sCAAa,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAA,MAAM,cAAc,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,KAC9B,CAAA;AACA,IAAAC,aAAA,CAAU,MAAM;AACf,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AACD,IAAAC,eAAA,CAAY,MAAM;AACjB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,KACjD,CAAA,CAAA;;;;;;UAlIAC,uBAAS,IAAA,CAAA;AAAA,UACTC,sBAAA;AAAA,YAqBM,KAAA;AAAA,YAAA;AAAA,cArBD,KAAA,EAAMC,mBAAA,CAAA,UAAA,EAAmB,QAAA,IAAK,CAAA,WAAA,GAAW,WAAA,GAAA,aAAA,CAAA,CAAA;AAAA;;cAC7CF,uBAAiC,4BAAA,CAAA;AAAA,cACjCC,uBAAuE,KAAA,EAAA;AAAA,gBAAlE,KAAM,EAAA,cAAA;AAAA,gBAAgB,GAAA,EAAK,WAAY,CAAA,OAAA,CAAO,KAAA,CAAA;AAAA,gBAAI,KAAK,OAAO,CAAA,KAAA;AAAA;cACnEA,sBAAA;AAAA,gBAUM,KAAA;AAAA,gBAAA;AAAA,yBAVG,EAAA,iBAAA;AAAA,kBAAJ,GAAI,EAAA,eAAA;AAAA,kBAAkB,KAAM,EAAA,iBAAA;AAAA;;kBAChCA,uBAEI,GAAA,EAAA;AAAA,2BAFG,EAAA,cAAA;AAAA,oBAAJ,GAAI,EAAA,YAAA;AAAA,oBAAe,KAAM,EAAA,gBAAA;AAAA,oBAAkB,YAAY,EAAA,gBAAA;AAAA,oBAAmB,qBAAY,KAAA,WAAA,CAAW,KAAA,GAAA,KAAA;AAAA,mBAChG,EAAAE,oBAAA,OAAA,CAAA,IAAA,CAAK,IAAI,CAAA,EAAA,EAAA,EAAA,CAAA,cAAA,CAAA,CAAA;AAAA,kBAEJ,QAAA,IAAK,CAAA,WAAA,qBAAdC,uBAAuD,GAAA,EAAA;AAAA;oBAA5B,KAAM,EAAA,eAAA;AAAA,mBAAgB,EAAA,cAAE;kBAC1C,QAAA,CAAQ,UAAA,GAAA,IAAA,CAAa,QAAI,IAAC,CAAA,WAAA,mBAAnC,EAAAA,sBAAA;AAAA,oBAAyF,GAAA;AAAA,oBAAA;AAAA;sBAAzC,KAAM,EAAA,eAAA;AAAA,qBAAmB;AAAA,oBAAAD,mBAAA,CAAA,QAAA,CAAA,KAAQ,CAAG,GAAA,GAAA;AAAA,oBAAC,CAAA;AAAA;AAAA,mBAAA;kBAC5E,QAAA,CAAQ,UAAA,GAAA,IAAA,CAAa,QAAI,IAAC,CAAA,WAAA,mBAAnC,EAAAC,sBAAA;AAAA,oBAA6F,GAAA;AAAA,oBAAA;AAAA;sBAA7C,KAAM,EAAA,eAAA;AAAA,qBAAmB;AAAA,oBAAAD,mBAAA,CAAA,OAAA,CAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,oBAAA,CAAA;AAAA;AAAA,mBAAA;kBACtFH,sBAEQ,CAAA,CAAA;AAAA;AAAA,QAAA,CAAA,CAAA;AAAA;;;;cAETC,uBAA0F,KAAA,EAAA;AAAA,gBAArF,KAAM,EAAA,gBAAA;AAAA,gBAAiB,GAAA,EAAAI,aAAA;AAAA,gBAA2B,GAAI,EAAA,OAAA;AAAA,gBAAS,OAAO,EAAA,WAAA;AAAA;cAChE,QAAQ,CAAA,KAAA,KAAA,sBAAnB,EAAAD,sBAAA;AAAA,gBAA0G,KAAA;AAAA,gBAAA;AAAA;kBAA5E,KAAA,8BAAiB,SAAQ,KAAA,GAAA,CAAA,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AAAA,kBAAmB,KAAM,EAAA,mBAAA;AAAA;;;;;iCAChFH,uBAIM,KAAA,EAAA;AAAA,gBAJiB,KAAM,EAAA,gBAAA;AAAA,gBAAkB,SAAO,CAAA,MAAA,KAAA,MAAe,OAAA,EAAA,OAAA,CAAA,KAAK,EAAE,CAAA;AAAA;gCAC3E,EAAAG,sBAAA,CAEM,KAAA,EAAA;AAAA,kBAFD,KAAM,EAAA,4BAAA;AAAA,kBAA6B,KAAM,EAAA,GAAA;AAAA,kBAAI,MAAO,EAAA,GAAA;AAAA,kBAAI,OAAQ,EAAA,SAAA;AAAA,kBAAU,IAAK,EAAA,MAAA;AAAA;kBACnFH,uBAAmP,MAAA,EAAA;AAAA,oBAA7O,CAAE,EAAA,2NAAA;AAAA,oBAA4N,IAAK,EAAA,OAAA;AAAA;;;0BAF9N,EAAA,OAAA,CAAQ,QAAA,CAAA;AAAA;;;;;;;;;;;;;;;"}

package/lib/packages/components/touchchat/component/RealtimeVoice.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RealtimeVoice_vue_vue_type_script_setup_true_lang = require('./RealtimeVoice.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+var RealtimeVoice = /* @__PURE__ */ _pluginVue_exportHelper.default(RealtimeVoice_vue_vue_type_script_setup_true_lang.default, [["__file", "RealtimeVoice.vue"]]);
+
+exports.default = RealtimeVoice;
+//# sourceMappingURL=RealtimeVoice.vue.js.map

package/lib/packages/components/touchchat/component/RealtimeVoice.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeVoice.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/touchchat/component/RealtimeVoice.vue2.js

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var tools = require('../utils/tools.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "RealtimeVoice",
+  emits: ["startRealtimeVoice", "transcription"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const dialogVisible = vue.ref(false);
+    let localStream = null;
+    const transcription = vue.ref("");
+    let recognition = null;
+    const startRealtimeVoice = async () => {
+      emit("startRealtimeVoice");
+      try {
+        localStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        dialogVisible.value = true;
+        transcription.value = "";
+        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+        recognition = new SpeechRecognition();
+        recognition.lang = "zh-CN";
+        recognition.continuous = true;
+        recognition.interimResults = true;
+        recognition.onresult = (event) => {
+          let finalTranscript = "";
+          let interimTranscript = "";
+          for (let i = event.resultIndex; i < event.results.length; ++i) {
+            const transcript = event.results[i][0].transcript;
+            if (event.results[i].isFinal) {
+              finalTranscript += transcript;
+            } else {
+              interimTranscript += transcript;
+            }
+          }
+          if (finalTranscript) {
+            transcription.value += finalTranscript;
+          }
+          const fullText = transcription.value + interimTranscript;
+          emit("transcription", fullText);
+        };
+        recognition.onerror = (event) => {
+          console.error("\u8BED\u97F3\u8BC6\u522B\u51FA\u9519:", event.error);
+          tools.showToast("\u8BED\u97F3\u8BC6\u522B\u51FA\u9519\uFF0C\u8BF7\u91CD\u8BD5", "error");
+          hangUp();
+        };
+        recognition.start();
+        console.log("\u5DF2\u6210\u529F\u8FDB\u5165\u5B9E\u65F6\u8BED\u97F3");
+      } catch (error) {
+        console.error("\u83B7\u53D6\u9EA6\u514B\u98CE\u6743\u9650\u5931\u8D25:", error);
+        console.error("\u83B7\u53D6\u9EA6\u514B\u98CE\u6743\u9650\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u8BBE\u7F6E");
+        tools.showToast("\u83B7\u53D6\u9EA6\u514B\u98CE\u6743\u9650\u5931\u8D25", "error");
+      }
+    };
+    const hangUp = () => {
+      if (localStream) {
+        localStream.getTracks().forEach((track) => track.stop());
+        localStream = null;
+      }
+      if (recognition) {
+        recognition.stop();
+      }
+      dialogVisible.value = false;
+      console.log("\u8BED\u97F3\u901A\u8BDD\u5DF2\u6302\u65AD");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("button", {
+          class: "touchchat-edit-attach",
+          onClick: startRealtimeVoice
+        }, [
+          vue.createCommentVNode(" \u672A\u5B9E\u65F6\u8BED\u97F3\u524D "),
+          !dialogVisible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "touchchat-edit-voice-icon"
+          })) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u5B9E\u65F6\u8BED\u97F3\u4E2D "),
+              (vue.openBlock(), vue.createElementBlock("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none"
+              }, [
+                vue.createElementVNode("path", {
+                  class: "touchchat-voice-bar-1",
+                  d: "M10 2.57617V17.4247",
+                  stroke: "#0077FA",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "square"
+                }),
+                vue.createElementVNode("path", {
+                  class: "touchchat-voice-bar-2",
+                  d: "M14.167 5.90869V14.0905",
+                  stroke: "#0077FA",
+                  "stroke-opacity": "0.8",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "square"
+                }),
+                vue.createElementVNode("path", {
+                  class: "touchchat-voice-bar-3",
+                  d: "M1.66699 8.40869V11.5905",
+                  stroke: "#0077FA",
+                  "stroke-opacity": "0.5",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "square"
+                }),
+                vue.createElementVNode("path", {
+                  class: "touchchat-voice-bar-4",
+                  d: "M18.333 8.40869V11.5905",
+                  stroke: "#0077FA",
+                  "stroke-opacity": "0.5",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "square"
+                }),
+                vue.createElementVNode("path", {
+                  class: "touchchat-voice-bar-5",
+                  d: "M5.83301 5.90869V14.0905",
+                  stroke: "#0077FA",
+                  "stroke-opacity": "0.8",
+                  "stroke-width": "1.2",
+                  "stroke-linecap": "square"
+                })
+              ]))
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )),
+          vue.createElementVNode("div", { class: "touchchat-edit-attach-tip touchchat-edit-voice-tip" }, [
+            vue.createElementVNode("p", null, "\u8BED\u97F3\u5F55\u5165")
+          ])
+        ]),
+        dialogVisible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "dialog-overlay"
+        }, [
+          vue.createElementVNode("div", { class: "dialog" }, [
+            vue.createElementVNode("div", { class: "dialog-header" }, [
+              vue.createElementVNode("h3", null, "\u5DF2\u8FDB\u5165\u5B9E\u65F6\u8BED\u97F3")
+            ]),
+            vue.createElementVNode("div", { class: "dialog-body" }, [
+              vue.createElementVNode("p", null, "\u6B63\u5728\u8FDB\u884C\u5B9E\u65F6\u8BED\u97F3\u901A\u8BDD...")
+            ]),
+            vue.createElementVNode("div", { class: "dialog-footer" }, [
+              vue.createElementVNode("button", {
+                class: "hang-up-button",
+                onClick: hangUp
+              }, "\u6302\u65AD")
+            ])
+          ])
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u663E\u793A\u8BED\u97F3\u8F6C\u6587\u5B57\u7684\u7ED3\u679C "),
+        vue.createCommentVNode(' <div v-if="transcription" class="transcription-result">\n			<h4>\u8BED\u97F3\u8F6C\u6587\u5B57\u7ED3\u679C\uFF1A</h4>\n			<p>{{ transcription }}</p>\n		</div> ')
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=RealtimeVoice.vue2.js.map

package/lib/packages/components/touchchat/component/RealtimeVoice.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeVoice.vue2.js","sources":["../../../../../../packages/components/touchchat/component/RealtimeVoice.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<button class=\"touchchat-edit-attach\" @click=\"startRealtimeVoice\">\n\t\t\t<!-- 未实时语音前 -->\n\t\t\t<div v-if=\"!dialogVisible\" class=\"touchchat-edit-voice-icon\"></div>\n\t\t\t<!-- 实时语音中 -->\n\n\t\t\t<svg v-else xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n\t\t\t\t<path class=\"touchchat-voice-bar-1\" d=\"M10 2.57617V17.4247\" stroke=\"#0077FA\" stroke-width=\"1.2\" stroke-linecap=\"square\" />\n\t\t\t\t<path class=\"touchchat-voice-bar-2\" d=\"M14.167 5.90869V14.0905\" stroke=\"#0077FA\" stroke-opacity=\"0.8\" stroke-width=\"1.2\" stroke-linecap=\"square\" />\n\t\t\t\t<path class=\"touchchat-voice-bar-3\" d=\"M1.66699 8.40869V11.5905\" stroke=\"#0077FA\" stroke-opacity=\"0.5\" stroke-width=\"1.2\" stroke-linecap=\"square\" />\n\t\t\t\t<path class=\"touchchat-voice-bar-4\" d=\"M18.333 8.40869V11.5905\" stroke=\"#0077FA\" stroke-opacity=\"0.5\" stroke-width=\"1.2\" stroke-linecap=\"square\" />\n\t\t\t\t<path class=\"touchchat-voice-bar-5\" d=\"M5.83301 5.90869V14.0905\" stroke=\"#0077FA\" stroke-opacity=\"0.8\" stroke-width=\"1.2\" stroke-linecap=\"square\" />\n\t\t\t</svg>\n\t\t\t<div class=\"touchchat-edit-attach-tip touchchat-edit-voice-tip\">\n\t\t\t\t<p>语音录入</p>\n\t\t\t</div>\n\t\t</button>\n\t\t<div v-if=\"dialogVisible\" class=\"dialog-overlay\">\n\t\t\t<div class=\"dialog\">\n\t\t\t\t<div class=\"dialog-header\">\n\t\t\t\t\t<h3>已进入实时语音</h3>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"dialog-body\">\n\t\t\t\t\t<p>正在进行实时语音通话...</p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"dialog-footer\">\n\t\t\t\t\t<button class=\"hang-up-button\" @click=\"hangUp\">挂断</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<!-- 显示语音转文字的结果 -->\n\t\t<!-- <div v-if=\"transcription\" class=\"transcription-result\">\n\t\t\t<h4>语音转文字结果：</h4>\n\t\t\t<p>{{ transcription }}</p>\n\t\t</div> -->\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { showToast } from '../utils/tools'\n\nconst emit = defineEmits(['startRealtimeVoice', 'transcription'])\n\n// 控制弹窗显示状态\nconst dialogVisible = ref(false)\n// 存储本地媒体流\nlet localStream: MediaStream | null = null\n// 存储语音转文字的结果\nconst transcription = ref('')\n// 语音识别实例  SpeechRecognition\nlet recognition: any = null\n\n// 开始实时语音\nconst startRealtimeVoice = async () => {\n\temit('startRealtimeVoice')\n\ttry {\n\t\t// 获取麦克风权限\n\t\tlocalStream = await navigator.mediaDevices.getUserMedia({ audio: true })\n\t\tdialogVisible.value = true\n\t\ttranscription.value = ''\n\n\t\t// 初始化语音识别\n\t\tconst SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition\n\t\trecognition = new SpeechRecognition()\n\t\trecognition.lang = 'zh-CN'\n\t\trecognition.continuous = true\n\t\trecognition.interimResults = true\n\n\t\t// SpeechRecognitionEvent\n\t\trecognition.onresult = (event: any) => {\n\t\t\tlet finalTranscript = ''\n\t\t\tlet interimTranscript = ''\n\n\t\t\t// 分别处理最终结果和临时结果\n\t\t\tfor (let i = event.resultIndex; i < event.results.length; ++i) {\n\t\t\t\tconst transcript = event.results[i][0].transcript\n\t\t\t\tif (event.results[i].isFinal) {\n\t\t\t\t\tfinalTranscript += transcript\n\t\t\t\t} else {\n\t\t\t\t\tinterimTranscript += transcript\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// 只有最终结果才添加到 transcription.value 中\n\t\t\tif (finalTranscript) {\n\t\t\t\ttranscription.value += finalTranscript\n\t\t\t}\n\n\t\t\t// 临时结果显示（可用于实时预览）\n\t\t\tconst fullText = transcription.value + interimTranscript\n\n\t\t\temit('transcription', fullText)\n\t\t}\n\n\t\t// SpeechRecognitionEvent\n\t\trecognition.onerror = (event: any) => {\n\t\t\tconsole.error('语音识别出错:', event.error)\n\t\t\tshowToast('语音识别出错，请重试', 'error')\n\t\t\thangUp()\n\t\t}\n\n\t\trecognition.start()\n\t\tconsole.log('已成功进入实时语音')\n\t} catch (error) {\n\t\tconsole.error('获取麦克风权限失败:', error)\n\t\tconsole.error('获取麦克风权限失败，请检查设置')\n\t\tshowToast('获取麦克风权限失败', 'error')\n\t}\n}\n\n// 挂断语音\nconst hangUp = () => {\n\tif (localStream) {\n\t\t// 停止所有轨道\n\t\tlocalStream.getTracks().forEach(track => track.stop())\n\t\tlocalStream = null\n\t}\n\tif (recognition) {\n\t\trecognition.stop()\n\t\t// recognition = null;\n\t}\n\tdialogVisible.value = false\n\t// 清空转录结果\n\t// transcription.value = ''\n\tconsole.log('语音通话已挂断')\n}\n</script>\n"],"names":["ref","showToast","_createElementBlock","_createElementVNode","_createCommentVNode","_Fragment"],"mappings":"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"}

package/lib/packages/components/touchchat/component/Screenshot.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Screenshot_vue_vue_type_script_setup_true_lang = require('./Screenshot.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+var Screenshot = /* @__PURE__ */ _pluginVue_exportHelper.default(Screenshot_vue_vue_type_script_setup_true_lang.default, [["__file", "Screenshot.vue"]]);
+
+exports.default = Screenshot;
+//# sourceMappingURL=Screenshot.vue.js.map

package/lib/packages/components/touchchat/component/Screenshot.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/touchchat/component/Screenshot.vue2.js

@@ -0,0 +1,205 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var html2canvas_esm = require('../../../../node_modules/.pnpm/html2canvas@1.4.1/node_modules/html2canvas/dist/html2canvas.esm.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Screenshot",
+  emits: ["upFileList"],
+  setup(__props, { emit: __emit }) {
+    const isScreenshotting = vue.ref(false);
+    const selectionArea = vue.ref(null);
+    const finallySelectArea = vue.ref(null);
+    const startX = vue.ref(0);
+    const startY = vue.ref(0);
+    const isAreaFixed = vue.ref(false);
+    const fileList = vue.ref([]);
+    const emits = __emit;
+    vue.watch(
+      () => isScreenshotting.value,
+      () => {
+        finallySelectArea.value = null;
+      }
+    );
+    const generateId = () => Date.now().toString(36) + Math.random().toString(36).substr(2);
+    const startScreenshot = () => {
+      isScreenshotting.value = true;
+      document.body.style.overflow = "hidden";
+      isAreaFixed.value = true;
+      const bodyWidth = document.body.clientWidth;
+      const bodyHeight = document.body.clientHeight;
+      selectionArea.value = { x: 0, y: 0, width: bodyWidth, height: bodyHeight };
+    };
+    const handleMouseDown = (e) => {
+      e.stopPropagation();
+      if (isAreaFixed.value) {
+        isAreaFixed.value = false;
+        startSelect(e);
+        return;
+      }
+      startSelect(e);
+    };
+    const endSelect = (e) => {
+      e.stopPropagation();
+      if (!isAreaFixed.value) {
+        isAreaFixed.value = true;
+      }
+    };
+    const startSelect = (e) => {
+      startX.value = e.clientX;
+      startY.value = e.clientY;
+      selectionArea.value = { x: startX.value, y: startY.value, width: 0, height: 0 };
+    };
+    const selectArea = (e) => {
+      if (isAreaFixed.value || !selectionArea.value)
+        return;
+      const endX = e.clientX;
+      const endY = e.clientY;
+      selectionArea.value.x = Math.min(startX.value, endX);
+      selectionArea.value.y = Math.min(startY.value, endY);
+      selectionArea.value.width = Math.abs(endX - startX.value);
+      selectionArea.value.height = Math.abs(endY - startY.value);
+      finallySelectArea.value = JSON.parse(JSON.stringify(selectionArea.value));
+    };
+    const confirmScreenshot = async (e) => {
+      e.stopPropagation();
+      try {
+        let canvas;
+        const commonOptions = {
+          useCORS: true,
+          logging: false,
+          scale: window.devicePixelRatio || 1,
+          // 设置缩放比例，解决模糊问题
+          backgroundColor: null,
+          // 不设置背景色，保持原有背景
+          ignoreElements: (element) => {
+            return element.classList.contains("screenshot-mask");
+          },
+          useOverflowScrolling: false,
+          // 禁用 overflow-scrolling 以避免样式问题
+          removeContainer: true,
+          // 截图完成后移除临时创建的元素
+          allowTaint: false
+        };
+        const scrollX = window.pageXOffset || document.documentElement.scrollLeft;
+        const scrollY = window.pageYOffset || document.documentElement.scrollTop;
+        if (finallySelectArea.value && finallySelectArea.value.width > 0 && finallySelectArea.value.height > 0) {
+          const { x, y, width, height } = finallySelectArea.value;
+          canvas = await html2canvas_esm.default(document.body, {
+            ...commonOptions,
+            width: width * commonOptions.scale,
+            height: height * commonOptions.scale,
+            // 加上滚动偏移量
+            x: x + scrollX,
+            y: y + scrollY
+          });
+        } else {
+          canvas = await html2canvas_esm.default(document.body, commonOptions);
+        }
+        await new Promise((resolve) => {
+          canvas.toBlob((blob) => {
+            if (blob) {
+              const file = new File([blob], `screenshot_${generateId()}.png`, { type: "image/png" });
+              const base64 = canvas.toDataURL("image/png");
+              const fileItem = {
+                file,
+                isUploading: false,
+                uploadProgress: 0,
+                uploadSuccess: false,
+                uploadError: false,
+                fileSize: `${(file.size / 1024).toFixed(2)} KB`,
+                fileType: file.type,
+                name: file.name,
+                id: generateId(),
+                base64
+              };
+              fileList.value = [fileItem];
+              emits("upFileList", fileList.value);
+            }
+            resolve();
+          }, "image/png");
+        });
+      } catch (error) {
+        console.error("\u622A\u56FE\u5931\u8D25:", error);
+      }
+      cancelScreenshot();
+    };
+    const cancelScreenshot = () => {
+      isScreenshotting.value = false;
+      selectionArea.value = null;
+      isAreaFixed.value = false;
+      document.body.style.overflow = "";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createElementVNode("button", {
+            class: "touchchat-edit-attach",
+            onClick: startScreenshot
+          }, [
+            vue.createElementVNode("div", { class: "touchchat-edit-screenshot-icon" }),
+            vue.createElementVNode("div", { class: "touchchat-edit-attach-tip touchchat-edit-voice-tip" }, [
+              vue.createElementVNode("p", null, "\u622A\u56FE")
+            ])
+          ]),
+          vue.createCommentVNode(" \u622A\u56FE\u906E\u7F69\u5C42 "),
+          isScreenshotting.value ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "screenshot-mask",
+              onMousedown: handleMouseDown,
+              onMousemove: selectArea,
+              onMouseup: endSelect
+            },
+            [
+              vue.createCommentVNode(" \u622A\u56FE\u533A\u57DF "),
+              selectionArea.value ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: "selection-area",
+                  style: vue.normalizeStyle({
+                    left: selectionArea.value.x + "px",
+                    top: selectionArea.value.y + "px",
+                    right: 0,
+                    bottom: 0,
+                    width: selectionArea.value.width + "px",
+                    height: selectionArea.value.height + "px",
+                    "--selection-left": selectionArea.value.x + "px",
+                    "--selection-top": selectionArea.value.y + "px",
+                    "--selection-width": selectionArea.value.width + "px",
+                    "--selection-height": selectionArea.value.height + "px"
+                  })
+                },
+                null,
+                4
+                /* STYLE */
+              )) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u786E\u8BA4\u548C\u53D6\u6D88\u6309\u94AE "),
+              vue.createElementVNode("div", { class: "screenshot-actions" }, [
+                vue.createElementVNode("button", {
+                  onClick: vue.withModifiers(confirmScreenshot, ["stop"])
+                }, "\u786E\u8BA4"),
+                vue.createElementVNode("button", {
+                  onClick: vue.withModifiers(cancelScreenshot, ["stop"])
+                }, "\u53D6\u6D88")
+              ])
+            ],
+            32
+            /* NEED_HYDRATION */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Screenshot.vue2.js.map