添加聊天

TUIKit/components/TUIChat/message-input-toolbar/video-upload/index.ts

@@ -0,0 +1,2 @@
+import ImageUpload from './index.vue';
+export default ImageUpload;

TUIKit/components/TUIChat/message-input-toolbar/video-upload/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <ToolbarItemContainer
+    :iconFile="toolbarConfig.icon"
+    :title="toolbarConfig.title"
+    :iconWidth="toolbarConfig.iconWidth"
+    :iconHeight="toolbarConfig.iconHeight"
+    :needDialog="false"
+    @onIconClick="handleIconClick"
+  >
+    <div
+      v-if="!isUniFrameWork"
+      :class="['video-upload', !isPC && 'video-upload-h5']"
+    >
+      <input
+        ref="inputRef"
+        title="视频"
+        type="file"
+        data-type="video"
+        accept="video/*"
+        @change="handleWebFileChange"
+      >
+    </div>
+  </ToolbarItemContainer>
+</template>
+<script lang="ts" setup>
+import ToolbarItemContainer from '../toolbar-item-container/index.vue';
+import { useUpload, UploadType } from '../uploadToolkit';
+
+const {
+  inputRef,
+  toolbarConfig,
+  isPC,
+  isUniFrameWork,
+  handleIconClick,
+  handleWebFileChange,
+} = useUpload(UploadType.VIDEO);
+</script>
+
+<style lang="scss" scoped>
+@import "../../../../assets/styles/common";
+</style>