@touchvue/chat 1.0.0-beta.51 → 1.0.0-beta.53

package/package.json

@@ -1,83 +1,83 @@
-{
-	"name": "@touchvue/chat",
-	"version": "1.0.0-beta.51",
-	"description": "TouchVue Chat Component Library",
-	"main": "lib/index.js",
-	"module": "es/index.mjs",
-	"types": "types/index.d.ts",
-	"style": "theme/index.css",
-	"exports": {
-		".": {
-			"types": "./es/index.d.ts",
-			"import": "./es/index.mjs",
-			"require": "./lib/index.js"
-		},
-		"./global": {
-			"types": "./global.d.ts"
-		},
-		"./es": {
-			"types": "./es/index.d.ts",
-			"import": "./es/index.mjs"
-		},
-		"./lib": {
-			"types": "./lib/index.d.ts",
-			"require": "./lib/index.js"
-		},
-		"./es/*.mjs": {
-			"types": "./es/*.d.ts",
-			"import": "./es/*.mjs"
-		},
-		"./es/*": {
-			"types": [
-				"./es/*.d.ts",
-				"./es/*/index.d.ts"
-			],
-			"import": "./es/*.mjs"
-		},
-		"./lib/*.js": {
-			"types": "./lib/*.d.ts",
-			"require": "./lib/*.js"
-		},
-		"./lib/*": {
-			"types": [
-				"./lib/*.d.ts",
-				"./lib/*/index.d.ts"
-			],
-			"require": "./lib/*.js"
-		},
-		"./resolver": {
-			"types": "./es/resolver/index.d.ts",
-			"import": "./es/resolver/index.mjs",
-			"require": "./lib/resolver/index.js"
-		},
-		"./*": "./*"
-	},
-	"files": [
-		"lib",
-		"es",
-		"theme",
-		"types",
-		"global.d.ts",
-		"README.md"
-	],
-	"sideEffects": [
-		"*.css",
-		"*.less",
-		"theme/**/*"
-	],
-	"keywords": [
-		"vue",
-		"vue3",
-		"component",
-		"ui",
-		"library"
-	],
-	"author": "",
-	"license": "ISC",
-	"peerDependencies": {
-		"vue": "^3.3.0"
-	},
-	"publishConfig": {
-		"access": "public"
-	}
-}
+{
+	"name": "@touchvue/chat",
+	"version": "1.0.0-beta.53",
+	"description": "TouchVue Chat Component Library",
+	"main": "lib/index.js",
+	"module": "es/index.mjs",
+	"types": "types/index.d.ts",
+	"style": "theme/index.css",
+	"exports": {
+		".": {
+			"types": "./es/index.d.ts",
+			"import": "./es/index.mjs",
+			"require": "./lib/index.js"
+		},
+		"./global": {
+			"types": "./global.d.ts"
+		},
+		"./es": {
+			"types": "./es/index.d.ts",
+			"import": "./es/index.mjs"
+		},
+		"./lib": {
+			"types": "./lib/index.d.ts",
+			"require": "./lib/index.js"
+		},
+		"./es/*.mjs": {
+			"types": "./es/*.d.ts",
+			"import": "./es/*.mjs"
+		},
+		"./es/*": {
+			"types": [
+				"./es/*.d.ts",
+				"./es/*/index.d.ts"
+			],
+			"import": "./es/*.mjs"
+		},
+		"./lib/*.js": {
+			"types": "./lib/*.d.ts",
+			"require": "./lib/*.js"
+		},
+		"./lib/*": {
+			"types": [
+				"./lib/*.d.ts",
+				"./lib/*/index.d.ts"
+			],
+			"require": "./lib/*.js"
+		},
+		"./resolver": {
+			"types": "./es/resolver/index.d.ts",
+			"import": "./es/resolver/index.mjs",
+			"require": "./lib/resolver/index.js"
+		},
+		"./*": "./*"
+	},
+	"files": [
+		"lib",
+		"es",
+		"theme",
+		"types",
+		"global.d.ts",
+		"README.md"
+	],
+	"sideEffects": [
+		"*.css",
+		"*.less",
+		"theme/**/*"
+	],
+	"keywords": [
+		"vue",
+		"vue3",
+		"component",
+		"ui",
+		"library"
+	],
+	"author": "",
+	"license": "ISC",
+	"peerDependencies": {
+		"vue": "^3.3.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/theme/components/index.css

@@ -1981,7 +1981,7 @@ table.touchchat-table tr:hover {
   top: 0;
   right: 0;
 }
-.file-view {
+.touchchat-file {
   margin: 0.5em 0;
   display: flex;
   width: 15em;
@@ -1994,37 +1994,103 @@ table.touchchat-table tr:hover {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.file-view:hover {
+.touchchat-file:hover {
   border-color: #0077ff;
   background-color: #f0f7ff;
 }
-.file-icon {
-  width: 1.5em;
-  height: 1.5em;
+.touchchat-file-icon {
+  width: 2.5em;
+  height: 2.5em;
   flex-shrink: 0;
+  background-size: 100% 100%;
+}
+.touchchat-file-icon.type-doc {
+  background-image: url(./aiChat/img/file/doc.png);
+}
+.touchchat-file-icon.type-jpg {
+  background-image: url(./aiChat/img/file/jpg.png);
+}
+.touchchat-file-icon.type-pdf {
+  background-image: url(./aiChat/img/file/pdf.png);
+}
+.touchchat-file-icon.type-txt {
+  background-image: url(./aiChat/img/file/txt.png);
+}
+.touchchat-file-icon.type-docx {
+  background-image: url(./aiChat/img/file/docx.png);
+}
+.touchchat-file-icon.type-mp3 {
+  background-image: url(./aiChat/img/file/mp3.png);
+}
+.touchchat-file-icon.type-png {
+  background-image: url(./aiChat/img/file/png.png);
+}
+.touchchat-file-icon.type-gif {
+  background-image: url(./aiChat/img/file/gif.png);
+}
+.touchchat-file-icon.type-mp4 {
+  background-image: url(./aiChat/img/file/mp4.png);
+}
+.touchchat-file-icon.type-ppt {
+  background-image: url(./aiChat/img/file/ppt.png);
+}
+.touchchat-file-icon.type-xls {
+  background-image: url(./aiChat/img/file/xls.png);
 }
-.file-info {
+.touchchat-file-icon.type-html {
+  background-image: url(./aiChat/img/file/html.png);
+}
+.touchchat-file-icon.type-pptx {
+  background-image: url(./aiChat/img/file/pptx.png);
+}
+.touchchat-file-icon.type-xlsx {
+  background-image: url(./aiChat/img/file/xlsx.png);
+}
+.touchchat-file-icon.type-unknown {
+  background-image: url(./aiChat/img/file/unknown.png);
+}
+.touchchat-file-info {
   flex: 1;
   min-width: 0;
 }
-.file-name {
+.touchchat-file-name {
   font-size: 0.875em;
   color: #1d2129;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.file-size {
+.touchchat-file-size {
   font-size: 0.75em;
   color: #86909c;
 }
-.file-action {
+.touchchat-file-action {
   color: #4e5969;
   transition: color 0.2s ease;
 }
-.file-view:hover .file-action {
+.touchchat-file-view:hover .touchchat-file-action {
   color: #0077ff;
 }
+.touchchat-file-download-icon {
+  width: 2em;
+  height: 2em;
+  align-items: center;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  color: #000;
+  font-family: 'touchchat-icon';
+}
+.touchchat-file-download-icon:before {
+  content: '\e66c';
+  font-size: 0.8em;
+}
+.touchchat-file-download-icon:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+.touchchat-file-download-icon:active {
+  background: rgba(0, 0, 0, 0.3);
+}
 .hello-chat {
   display: flex;
   flex-direction: column;

package/theme/index.css

@@ -1984,7 +1984,7 @@ table.touchchat-table tr:hover {
   top: 0;
   right: 0;
 }
-.file-view {
+.touchchat-file {
   margin: 0.5em 0;
   display: flex;
   width: 15em;
@@ -1997,37 +1997,103 @@ table.touchchat-table tr:hover {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.file-view:hover {
+.touchchat-file:hover {
   border-color: #0077ff;
   background-color: #f0f7ff;
 }
-.file-icon {
-  width: 1.5em;
-  height: 1.5em;
+.touchchat-file-icon {
+  width: 2.5em;
+  height: 2.5em;
   flex-shrink: 0;
+  background-size: 100% 100%;
+}
+.touchchat-file-icon.type-doc {
+  background-image: url(./components/aiChat/img/file/doc.png);
+}
+.touchchat-file-icon.type-jpg {
+  background-image: url(./components/aiChat/img/file/jpg.png);
+}
+.touchchat-file-icon.type-pdf {
+  background-image: url(./components/aiChat/img/file/pdf.png);
+}
+.touchchat-file-icon.type-txt {
+  background-image: url(./components/aiChat/img/file/txt.png);
+}
+.touchchat-file-icon.type-docx {
+  background-image: url(./components/aiChat/img/file/docx.png);
+}
+.touchchat-file-icon.type-mp3 {
+  background-image: url(./components/aiChat/img/file/mp3.png);
+}
+.touchchat-file-icon.type-png {
+  background-image: url(./components/aiChat/img/file/png.png);
+}
+.touchchat-file-icon.type-gif {
+  background-image: url(./components/aiChat/img/file/gif.png);
+}
+.touchchat-file-icon.type-mp4 {
+  background-image: url(./components/aiChat/img/file/mp4.png);
+}
+.touchchat-file-icon.type-ppt {
+  background-image: url(./components/aiChat/img/file/ppt.png);
+}
+.touchchat-file-icon.type-xls {
+  background-image: url(./components/aiChat/img/file/xls.png);
 }
-.file-info {
+.touchchat-file-icon.type-html {
+  background-image: url(./components/aiChat/img/file/html.png);
+}
+.touchchat-file-icon.type-pptx {
+  background-image: url(./components/aiChat/img/file/pptx.png);
+}
+.touchchat-file-icon.type-xlsx {
+  background-image: url(./components/aiChat/img/file/xlsx.png);
+}
+.touchchat-file-icon.type-unknown {
+  background-image: url(./components/aiChat/img/file/unknown.png);
+}
+.touchchat-file-info {
   flex: 1;
   min-width: 0;
 }
-.file-name {
+.touchchat-file-name {
   font-size: 0.875em;
   color: #1d2129;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.file-size {
+.touchchat-file-size {
   font-size: 0.75em;
   color: #86909c;
 }
-.file-action {
+.touchchat-file-action {
   color: #4e5969;
   transition: color 0.2s ease;
 }
-.file-view:hover .file-action {
+.touchchat-file-view:hover .touchchat-file-action {
   color: #0077ff;
 }
+.touchchat-file-download-icon {
+  width: 2em;
+  height: 2em;
+  align-items: center;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  color: #000;
+  font-family: 'touchchat-icon';
+}
+.touchchat-file-download-icon:before {
+  content: '\e66c';
+  font-size: 0.8em;
+}
+.touchchat-file-download-icon:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+.touchchat-file-download-icon:active {
+  background: rgba(0, 0, 0, 0.3);
+}
 .hello-chat {
   display: flex;
   flex-direction: column;

package/theme/skin/default.css

@@ -1984,7 +1984,7 @@ table.touchchat-table tr:hover {
   top: 0;
   right: 0;
 }
-.file-view {
+.touchchat-file {
   margin: 0.5em 0;
   display: flex;
   width: 15em;
@@ -1997,37 +1997,103 @@ table.touchchat-table tr:hover {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.file-view:hover {
+.touchchat-file:hover {
   border-color: #0077ff;
   background-color: #f0f7ff;
 }
-.file-icon {
-  width: 1.5em;
-  height: 1.5em;
+.touchchat-file-icon {
+  width: 2.5em;
+  height: 2.5em;
   flex-shrink: 0;
+  background-size: 100% 100%;
+}
+.touchchat-file-icon.type-doc {
+  background-image: url(../components/aiChat/img/file/doc.png);
+}
+.touchchat-file-icon.type-jpg {
+  background-image: url(../components/aiChat/img/file/jpg.png);
+}
+.touchchat-file-icon.type-pdf {
+  background-image: url(../components/aiChat/img/file/pdf.png);
+}
+.touchchat-file-icon.type-txt {
+  background-image: url(../components/aiChat/img/file/txt.png);
+}
+.touchchat-file-icon.type-docx {
+  background-image: url(../components/aiChat/img/file/docx.png);
+}
+.touchchat-file-icon.type-mp3 {
+  background-image: url(../components/aiChat/img/file/mp3.png);
+}
+.touchchat-file-icon.type-png {
+  background-image: url(../components/aiChat/img/file/png.png);
+}
+.touchchat-file-icon.type-gif {
+  background-image: url(../components/aiChat/img/file/gif.png);
+}
+.touchchat-file-icon.type-mp4 {
+  background-image: url(../components/aiChat/img/file/mp4.png);
+}
+.touchchat-file-icon.type-ppt {
+  background-image: url(../components/aiChat/img/file/ppt.png);
+}
+.touchchat-file-icon.type-xls {
+  background-image: url(../components/aiChat/img/file/xls.png);
 }
-.file-info {
+.touchchat-file-icon.type-html {
+  background-image: url(../components/aiChat/img/file/html.png);
+}
+.touchchat-file-icon.type-pptx {
+  background-image: url(../components/aiChat/img/file/pptx.png);
+}
+.touchchat-file-icon.type-xlsx {
+  background-image: url(../components/aiChat/img/file/xlsx.png);
+}
+.touchchat-file-icon.type-unknown {
+  background-image: url(../components/aiChat/img/file/unknown.png);
+}
+.touchchat-file-info {
   flex: 1;
   min-width: 0;
 }
-.file-name {
+.touchchat-file-name {
   font-size: 0.875em;
   color: #1d2129;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.file-size {
+.touchchat-file-size {
   font-size: 0.75em;
   color: #86909c;
 }
-.file-action {
+.touchchat-file-action {
   color: #4e5969;
   transition: color 0.2s ease;
 }
-.file-view:hover .file-action {
+.touchchat-file-view:hover .touchchat-file-action {
   color: #0077ff;
 }
+.touchchat-file-download-icon {
+  width: 2em;
+  height: 2em;
+  align-items: center;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  color: #000;
+  font-family: 'touchchat-icon';
+}
+.touchchat-file-download-icon:before {
+  content: '\e66c';
+  font-size: 0.8em;
+}
+.touchchat-file-download-icon:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+.touchchat-file-download-icon:active {
+  background: rgba(0, 0, 0, 0.3);
+}
 .hello-chat {
   display: flex;
   flex-direction: column;