diff --git a/CHANGELOG.md b/CHANGELOG.md index 016de673..dc3e5f3b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,9 +3,9 @@ ## v4.1.8 - 功能优化：**UI 全新改版，支持主题切换**。 :rocket: :rocket: :rocket: -- Bug 修复：修复音 Luma API 更新导致任务响应解析失败的错误 +- Bug修复：修复音 Luma API 更新导致任务响应解析失败的错误 - 功能优化：支持 Suno v4.0 模型支持 -- Bug 修复：修复 Suno 已完成任务删除失败的 错误 +- Bug修复：修复 Suno 已完成任务删除失败的 错误 - 功能新增：支持 OpenAI 实时语音通话功能，目前已经支持按次收费，支持管理员设置每次实时语音通话的算力消耗 ## v4.1.7 diff --git a/web/package-lock.json b/web/package-lock.json index 7f038d1f..49f874a7 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -45,10 +45,13 @@ "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", + "autoprefixer": "^10.4.20", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", + "postcss": "^8.4.49", "stylus": "^0.58.1", "stylus-loader": "^7.0.0", + "tailwindcss": "^3.4.17", "webpack": "^5.90.3" } }, @@ -66,6 +69,18 @@ "node": "8 || 9 || 10 || 11 || 12 || 13 || 14 || 15 || 16 || 17 || 18 || 19 || 20 || 21 || 22" } }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@ampproject/remapping": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", @@ -1850,6 +1865,102 @@ "deprecated": "Use @eslint/object-schema instead", "dev": true }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmmirror.com/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmmirror.com/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.5", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", @@ -2027,6 +2138,16 @@ "ws": "^8.18.0" } }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmmirror.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, "node_modules/@polka/url": { "version": "1.0.0-next.28", "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.28.tgz", @@ -3723,6 +3844,12 @@ } ] }, + "node_modules/arg": { + "version": "5.0.2", + "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz", + "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", + "dev": true + }, "node_modules/argparse": { "version": "1.0.10", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", @@ -3805,7 +3932,7 @@ }, "node_modules/autoprefixer": { "version": "10.4.20", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", + "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.20.tgz", "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==", "dev": true, "funding": [ @@ -4232,6 +4359,15 @@ "node": ">=6" } }, + "node_modules/camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -5722,6 +5858,12 @@ "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", "dev": true }, + "node_modules/didyoumean": { + "version": "1.2.2", + "resolved": "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz", + "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", + "dev": true + }, "node_modules/dijkstrajs": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz", @@ -5739,6 +5881,12 @@ "node": ">=8" } }, + "node_modules/dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true + }, "node_modules/dns-packet": { "version": "5.6.1", "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", @@ -5862,6 +6010,12 @@ "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==", "dev": true }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmmirror.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, "node_modules/easy-stack": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/easy-stack/-/easy-stack-1.0.1.tgz", @@ -6941,6 +7095,34 @@ } } }, + "node_modules/foreground-child": { + "version": "3.3.0", + "resolved": "https://registry.npmmirror.com/foreground-child/-/foreground-child-3.3.0.tgz", + "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/foreground-child/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/form-data": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz", @@ -7851,6 +8033,21 @@ "node": ">=0.10.0" } }, + "node_modules/jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmmirror.com/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, "node_modules/javascript-stringify": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz", @@ -7886,6 +8083,15 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, + "node_modules/jiti": { + "version": "1.21.7", + "resolved": "https://registry.npmmirror.com/jiti/-/jiti-1.21.7.tgz", + "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", + "dev": true, + "bin": { + "jiti": "bin/jiti.js" + } + }, "node_modules/joi": { "version": "17.13.3", "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz", @@ -9219,6 +9425,15 @@ "node": ">=0.10.0" } }, + "node_modules/object-hash": { + "version": "3.0.0", + "resolved": "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz", + "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/object-inspect": { "version": "1.13.3", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", @@ -9445,6 +9660,12 @@ "node": ">=6" } }, + "node_modules/package-json-from-dist": { + "version": "1.0.1", + "resolved": "https://registry.npmmirror.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==", + "dev": true + }, "node_modules/param-case": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", @@ -9555,6 +9776,37 @@ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, + "node_modules/path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmmirror.com/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "dev": true, + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.18" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "dev": true + }, + "node_modules/path-scurry/node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmmirror.com/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, "node_modules/path-to-regexp": { "version": "0.1.10", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", @@ -9587,6 +9839,15 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pify": { + "version": "2.3.0", + "resolved": "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/pinia": { "version": "2.2.6", "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.6.tgz", @@ -9637,6 +9898,15 @@ } } }, + "node_modules/pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmmirror.com/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/pkg-dir": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", @@ -9682,7 +9952,7 @@ }, "node_modules/postcss": { "version": "8.4.49", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz", + "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.49.tgz", "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==", "funding": [ { @@ -9802,6 +10072,101 @@ "postcss": "^8.2.15" } }, + "node_modules/postcss-import": { + "version": "15.1.0", + "resolved": "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", + "dev": true, + "dependencies": { + "postcss-value-parser": "^4.0.0", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, + "node_modules/postcss-js": { + "version": "4.0.1", + "resolved": "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", + "dev": true, + "dependencies": { + "camelcase-css": "^2.0.1" + }, + "engines": { + "node": "^12 || ^14 || >= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.4.21" + } + }, + "node_modules/postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "engines": { + "node": ">= 14" + }, + "peerDependencies": { + "postcss": ">=8.0.9", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "postcss": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/postcss-load-config/node_modules/lilconfig": { + "version": "3.1.3", + "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz", + "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antonk52" + } + }, + "node_modules/postcss-load-config/node_modules/yaml": { + "version": "2.6.1", + "resolved": "https://registry.npmmirror.com/yaml/-/yaml-2.6.1.tgz", + "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==", + "dev": true, + "bin": { + "yaml": "bin.mjs" + }, + "engines": { + "node": ">= 14" + } + }, "node_modules/postcss-loader": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz", @@ -10019,6 +10384,31 @@ "postcss": "^8.1.0" } }, + "node_modules/postcss-nested": { + "version": "6.2.0", + "resolved": "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.2.0.tgz", + "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "postcss-selector-parser": "^6.1.1" + }, + "engines": { + "node": ">=12.0" + }, + "peerDependencies": { + "postcss": "^8.2.14" + } + }, "node_modules/postcss-normalize-charset": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz", @@ -10599,6 +10989,15 @@ "node": ">=0.10.0" } }, + "node_modules/read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dev": true, + "dependencies": { + "pify": "^2.3.0" + } + }, "node_modules/read-pkg": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", @@ -11504,6 +11903,21 @@ "node": ">=8" } }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", @@ -11515,6 +11929,19 @@ "node": ">=8" } }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-eof": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", @@ -11619,6 +12046,90 @@ "node": ">= 8" } }, + "node_modules/sucrase": { + "version": "3.35.0", + "resolved": "https://registry.npmmirror.com/sucrase/-/sucrase-3.35.0.tgz", + "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "^10.3.10", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "bin": { + "sucrase": "bin/sucrase", + "sucrase-node": "bin/sucrase-node" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/sucrase/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/sucrase/node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmmirror.com/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/sucrase/node_modules/glob": { + "version": "10.4.5", + "resolved": "https://registry.npmmirror.com/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/sucrase/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/sucrase/node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmmirror.com/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true, + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, "node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -11717,6 +12228,55 @@ "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", "dev": true }, + "node_modules/tailwindcss": { + "version": "3.4.17", + "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.4.17.tgz", + "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==", + "dev": true, + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "arg": "^5.0.2", + "chokidar": "^3.6.0", + "didyoumean": "^1.2.2", + "dlv": "^1.1.3", + "fast-glob": "^3.3.2", + "glob-parent": "^6.0.2", + "is-glob": "^4.0.3", + "jiti": "^1.21.6", + "lilconfig": "^3.1.3", + "micromatch": "^4.0.8", + "normalize-path": "^3.0.0", + "object-hash": "^3.0.0", + "picocolors": "^1.1.1", + "postcss": "^8.4.47", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.2", + "postcss-nested": "^6.2.0", + "postcss-selector-parser": "^6.1.2", + "resolve": "^1.22.8", + "sucrase": "^3.35.0" + }, + "bin": { + "tailwind": "lib/cli.js", + "tailwindcss": "lib/cli.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/tailwindcss/node_modules/lilconfig": { + "version": "3.1.3", + "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz", + "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antonk52" + } + }, "node_modules/tapable": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", @@ -11961,6 +12521,12 @@ "tslib": "2" } }, + "node_modules/ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true + }, "node_modules/tslib": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz", @@ -12925,6 +13491,24 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", diff --git a/web/package.json b/web/package.json index 4705f219..e4b15495 100644 --- a/web/package.json +++ b/web/package.json @@ -45,10 +45,13 @@ "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", + "autoprefixer": "^10.4.20", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", + "postcss": "^8.4.49", "stylus": "^0.58.1", "stylus-loader": "^7.0.0", + "tailwindcss": "^3.4.17", "webpack": "^5.90.3" }, "eslintConfig": { diff --git a/web/postcss.config.js b/web/postcss.config.js new file mode 100644 index 00000000..33ad091d --- /dev/null +++ b/web/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/web/src/App.vue b/web/src/App.vue index f5c6b429..24f5df08 100644 --- a/web/src/App.vue +++ b/web/src/App.vue @@ -1,29 +1,29 @@ - diff --git a/web/src/assets/css/chat-plus.styl b/web/src/assets/css/chat-plus.styl index 2a91447c..899f5980 100644 --- a/web/src/assets/css/chat-plus.styl +++ b/web/src/assets/css/chat-plus.styl @@ -16,29 +16,18 @@ height: 100%; } .el-aside { - //background-color: $sideBgColor; padding 10px width var(--el-aside-width, 320px) .media-page { display: flex flex-flow: column - //background-color: $sideBgColor border-radius 10px padding 10px 0 .search-box { flex-wrap: wrap margin-bottom: 10px - // padding: 10px 0; - - // .search-input { - // --el-input-bg-color: #363535 - // --el-input-border-color: #464545 - // --el-input-focus-border-color:#b0a0f8 - // --el-input-hover-border-color: #2DA39A - // box-shadow: none - // } } // 隐藏滚动条 @@ -58,16 +47,14 @@ width: 100% justify-content: flex-start padding: 8px 12px - //border-bottom: 1px solid #3c3c3c + //border: 1px solid #3c3c3c cursor: pointer - // border: 1px solid #3c3c3c + border: 1px solid var(--theme-bg-color) margin-bottom 6px border-radius 5px &:hover { - // background-color :rgba(239, 241, 246, 0.64); - border: 1px solid var(--border-active); - + border: 1px solid var(--border-active); } .avatar { @@ -115,10 +102,9 @@ } .chat-list-item.active { - background-color :var(--theme-bg); - box-shadow: 0px 3px 9px rgba(112,144,176,0.12); - - border: 1px solid var(--shadow-color); + background-color :var(--theme-bg); + box-shadow: 0 3px 9px rgba(112, 144, 176, 0.12); + border: 1px solid var(--border-active); } } } @@ -148,7 +134,7 @@ color var(--el-text-color-primary) .chat-config { - height 30px + height 50px padding 10px 30px display flex justify-content center diff --git a/web/src/assets/css/common.styl b/web/src/assets/css/common.styl index f6412161..60162c4e 100644 --- a/web/src/assets/css/common.styl +++ b/web/src/assets/css/common.styl @@ -3,7 +3,7 @@ --text-secondary: #8a939d; --el-color-primary: rgb(107, 80, 225); --theme-textcolor-normal:#b0a0f8; - --el-border-radius-base: 8px; + --el-border-radius-base: 5px; --el-color-primary-light-5:rgb(107, 85, 255); --el-color-primary-light-3:rgb(78, 51, 254); --theme-btn-color:rgba(117, 81, 255, 1) @@ -35,7 +35,8 @@ // #e7e7e8 } .el-dialog{ - --el-border-radius-base: 20px; + //--el-border-radius-base: calc(var(--el-component-size) / 2); + --el-dialog-border-radius: 10px } .login-box{ --el-component-size: 48px; @@ -90,7 +91,11 @@ line-height: 28px; } .el-button--primary{ - border-radius: 8px; + border-radius: 5px; +} + +.el-button { + height auto } /* 设置滚动条的宽度 */ ::-webkit-scrollbar { @@ -117,10 +122,10 @@ } //.el-message-box .el-message-box{ - --el-messagebox-border-radius:18px + --el-messagebox-border-radius: 10px } .el-message-box__container{ - border-top: 1px solid #dbd3f4; + //border-top: 1px solid #dbd3f4; padding-top: 7px; .el-message-box__message{ --text-color:var(--theme-text-color-primary) diff --git a/web/src/assets/css/home.styl b/web/src/assets/css/home.styl index 17a95392..2f9c0a7d 100644 --- a/web/src/assets/css/home.styl +++ b/web/src/assets/css/home.styl @@ -43,6 +43,20 @@ display flex align-items center flex-direction column + + .icon-expand { + font-size 24px + margin-bottom 10px + cursor pointer + color var(--text-color) + } + + .icon-colspan { + font-size 18px + margin-left 3px + cursor pointer + color var(--text-color) + } } .menu-list-collapse{ .flex-center-col{ @@ -63,14 +77,9 @@ background: transparent !important; } } - .el-icon{ - margin: 0 4px; - width 26px !important; - height: 26px !important; - } .menu-title{ font-size: 15px !important; - margin-bottom: 0px !important; + margin-bottom: 0 !important; } } @@ -117,11 +126,15 @@ } &.active{ + color: var(--text-color); + font-weight: 600; + filter: none !important; .el-icon{ background: rgba(79, 89, 102, .122); - } - + filter: invert(100%); + } } + } .bot{ diff --git a/web/src/assets/css/image-dall.styl b/web/src/assets/css/image-dall.styl index 5dc19c25..363f6d15 100644 --- a/web/src/assets/css/image-dall.styl +++ b/web/src/assets/css/image-dall.styl @@ -82,7 +82,6 @@ .task-list-box { background: var(--chat-bg); width 100% - padding 10px color var(--text-theme-color) overflow-x hidden diff --git a/web/src/assets/css/image-mj.styl b/web/src/assets/css/image-mj.styl index bcfc8e5d..3c66bc33 100644 --- a/web/src/assets/css/image-mj.styl +++ b/web/src/assets/css/image-mj.styl @@ -195,7 +195,7 @@ .task-list-box { background: var(--chat-bg); width 100% - padding 0 10px 10px 10px + //padding 0 10px 10px 10px color var(--text-theme-color) overflow-x hidden diff --git a/web/src/assets/css/image-sd.styl b/web/src/assets/css/image-sd.styl index 357d5e95..fb2fded5 100644 --- a/web/src/assets/css/image-sd.styl +++ b/web/src/assets/css/image-sd.styl @@ -84,7 +84,6 @@ .task-list-box { background: var(--chat-bg); width 100% - padding 0 10px 10px 10px color: var(--text-theme-color) overflow-x hidden diff --git a/web/src/assets/css/index.styl b/web/src/assets/css/index.styl index 187f099f..46d3fbf4 100644 --- a/web/src/assets/css/index.styl +++ b/web/src/assets/css/index.styl @@ -1,5 +1,3 @@ - - .index-page { margin: 0 overflow hidden @@ -7,9 +5,8 @@ display flex justify-content center align-items baseline - padding-top 158px - min-height: 75vh background: var(--theme-bg) !important + height: 100vh diff --git a/web/src/assets/css/luma.styl b/web/src/assets/css/luma.styl index 474cf4f9..fb8d2bc4 100644 --- a/web/src/assets/css/luma.styl +++ b/web/src/assets/css/luma.styl @@ -251,7 +251,6 @@ .text { margin-right 10px - color #000 } } @@ -352,7 +351,8 @@ border-radius 5px padding 5px 10px cursor pointer - color #000 + color: var(--theme-text-color-primary) + background-color var(--btn-bg) &:hover { opacity: 0.7 diff --git a/web/src/assets/css/main.styl b/web/src/assets/css/main.styl index 70df392a..9abf3c22 100644 --- a/web/src/assets/css/main.styl +++ b/web/src/assets/css/main.styl @@ -170,6 +170,14 @@ body { .content-collapse { left: 65px; } + + .el-table { + width: 100%; + + .el-table__body-header { + height 40px + } + } } .w-100 { diff --git a/web/src/assets/css/suno.styl b/web/src/assets/css/suno.styl index c038fc2a..97d75986 100644 --- a/web/src/assets/css/suno.styl +++ b/web/src/assets/css/suno.styl @@ -146,7 +146,7 @@ font-size 12px padding 2px 5px background-color var(--sm-btn-bg) - color: #fff + color: #fff } } @@ -193,7 +193,7 @@ .list-box { - padding 0 0 0 20px + padding 20px .item { display flex flex-flow row @@ -301,11 +301,13 @@ .right { min-width 350px; font-size 14px - padding 0 15px + padding 0 0 0 15px + display flex + justify-content right .tools { display flex - justify-content left + justify-content right align-items center flex-flow row height 90px @@ -313,9 +315,9 @@ .btn-publish { padding 2px 10px - .text { - margin-right 10px - } + // .text { + // margin-right 10px + // } } .btn-icon { @@ -395,11 +397,12 @@ .btn { margin-right 10px - color: #000 + color: var((--theme-text-color-primary)) border none border-radius 5px padding 5px 10px cursor pointer + background: var(--btn-bg) &:hover { diff --git a/web/src/assets/css/tailwind.css b/web/src/assets/css/tailwind.css new file mode 100644 index 00000000..b5c61c95 --- /dev/null +++ b/web/src/assets/css/tailwind.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/web/src/assets/css/theme-dark.styl b/web/src/assets/css/theme-dark.styl index cb787e18..6792ea09 100644 --- a/web/src/assets/css/theme-dark.styl +++ b/web/src/assets/css/theme-dark.styl @@ -4,7 +4,7 @@ --text-fb:#fff; --text-color: rgba(255, 255, 255, 1) !important; // 主要的文本颜色 --normal-color: rgba(163, 174, 208, 1); // 普通颜色 - --el-text-color-primary: #fff; + --el-text-color-primary: #fff; p, h1, h2, h3, h4, h5, h6, article { // color: var(--text-color) !important; font-family: $font-regular; @@ -25,6 +25,7 @@ --card-bg:#252d58; --card-bg-table: rgba(17, 28, 68, 1); --theme-bg:rgb(13, 20, 53); + --theme-bg-color: rgb(13, 20, 53); --theme-bg-all:rgb(13, 20, 53); --sign-bg: rgba(27, 37, 75, 1); --text-theme-color: #fff; @@ -40,8 +41,8 @@ --el-bg-color:#141a36; --el-fill-color-blank: rgba(17, 28, 68, 1); --el-fill-color-light: rgba(86, 86, 95, .2); ---el-color-primary-light-9:rgba(86, 86, 95, .2); ---chat-wel-bg:#2d2f388a; + --el-color-primary-light-9:rgba(86, 86, 95, .2); + --chat-wel-bg:#2d2f388a; --theme-text-color-secondary: #a3aed0; // --el-pagination-button-bg-color: rgba(86,86,95,0.2); @@ -67,4 +68,16 @@ --chat-content-bg-list:rgba(86, 86, 95, .2); --hover-deep-color:#30323c; // --theme-text-tertiary: #e1e1e1; -} \ No newline at end of file + + // 操作按钮 + --btn-bg: rgba(86, 86, 95, .5); + + .el-table { + // 表格表头背景 + --el-fill-color-darker: rgba(100, 100, 100, .5); + --el-border-color-darker: #73767a; + --el-table-border-color: rgba(100, 100, 100, .5); + --el-table-row-hover-bg-color: rgba(16, 21, 43, .8); + --el-table-current-row-bg-color: rgba(16, 21, 43, .8); + } +} diff --git a/web/src/assets/css/theme-light.styl b/web/src/assets/css/theme-light.styl index 9a24880a..3dc4311a 100644 --- a/web/src/assets/css/theme-light.styl +++ b/web/src/assets/css/theme-light.styl @@ -28,6 +28,7 @@ --card-bg:#fff; --theme-bg:linear-gradient(88deg, #fff3f3 1.44%, #e7e8ff); --theme-bg-all:#f5f7fd; + --theme-bg-color: #f5f7fd; --sign-bg: rgba(244, 247, 254, 1); --text-theme-color: rgba(43, 54, 116, 1) --text-color-primary: rgba(67, 24, 255, 1); @@ -43,10 +44,13 @@ --chat-content-bg:#f5f7fc; --chat-list-bg: #0302020a; ---chat-content-bg-list:#fff; ---chat-wel-bg:rgba(247, 247, 248, 1); ---el-pagination-button-bg-color: rgba(86,86,95,0.2); ---hover-deep-color:#fff; + --chat-content-bg-list: #fff; + --chat-wel-bg: rgba(247, 247, 248, 1); + --el-pagination-button-bg-color: rgba(86, 86, 95, 0.2); + --hover-deep-color: #fff; + + // 操作按钮 + --btn-bg: rgba(100, 100, 100, .1); } diff --git a/web/src/assets/css/variables.styl b/web/src/assets/css/variables.styl deleted file mode 100644 index e69de29b..00000000 diff --git a/web/src/assets/iconfont/iconfont.css b/web/src/assets/iconfont/iconfont.css index 74e9a01c..238136d4 100644 --- a/web/src/assets/iconfont/iconfont.css +++ b/web/src/assets/iconfont/iconfont.css @@ -1,10 +1,8 @@ - -/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { - font-family: 'iconfont'; /* Project id 4125778 */ - src: url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.woff2?t=1733221702650') format('woff2'), - url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.woff?t=1733221702650') format('woff'), - url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.ttf?t=1733221702650') format('truetype'); + font-family: "iconfont"; /* Project id 4125778 */ + src: url('iconfont.woff2?t=1734934068681') format('woff2'), + url('iconfont.woff?t=1734934068681') format('woff'), + url('iconfont.ttf?t=1734934068681') format('truetype'); } .iconfont { @@ -15,6 +13,154 @@ -moz-osx-font-smoothing: grayscale; } +.icon-redeem:before { + content: "\e61a"; +} + +.icon-login:before { + content: "\e636"; +} + +.icon-present:before { + content: "\e648"; +} + +.icon-icon-warning:before { + content: "\e671"; +} + +.icon-help:before { + content: "\e64a"; +} + +.icon-success:before { + content: "\e61e"; +} + +.icon-error:before { + content: "\e64e"; +} + +.icon-house:before { + content: "\e619"; +} + +.icon-vip4:before { + content: "\e684"; +} + +.icon-vip1:before { + content: "\f90b"; +} + +.icon-vip2:before { + content: "\fabb"; +} + +.icon-vip3:before { + content: "\10135"; +} + +.icon-conversation:before { + content: "\e617"; +} + +.icon-arrow-down:before { + content: "\e615"; +} + +.icon-arrow-up:before { + content: "\e616"; +} + +.icon-refresh:before { + content: "\e90c"; +} + +.icon-refresh-bold:before { + content: "\e614"; +} + +.icon-copy:before { + content: "\e720"; +} + +.icon-new-chat:before { + content: "\e613"; +} + +.icon-expand:before { + content: "\e7a0"; +} + +.icon-colspan:before { + content: "\e79e"; +} + +.icon-question:before { + content: "\e8e9"; +} + +.icon-AIduihua_jihuo:before { + content: "\e6bb"; +} + +.icon-MidJourney:before { + content: "\e60e"; +} + +.icon-stable-diffusion:before { + content: "\e60f"; +} + +.icon-info:before { + content: "\e6a0"; +} + +.icon-more-horizontal:before { + content: "\e60d"; +} + +.icon-xinghao:before { + content: "\e8d6"; +} + +.icon-plus:before { + content: "\e61f"; +} + +.icon-plus-circle:before { + content: "\e822"; +} + +.icon-taiyang:before { + content: "\e60b"; +} + +.icon-yueliang:before { + content: "\e679"; +} + +.icon-prev-page:before { + content: "\e8ef"; +} + +.icon-next-page:before { + content: "\e8f0"; +} + +.icon-search:before { + content: "\e618"; +} + +.icon-sub_menu:before { + content: "\e75e"; +} + +.icon-google:before { + content: "\ea0c"; +} + .icon-linggan:before { content: "\e641"; } @@ -419,6 +565,3 @@ content: "\e66f"; } -.icon-house:before { - content: "\e619"; -} diff --git a/web/src/assets/iconfont/iconfont.js b/web/src/assets/iconfont/iconfont.js index ff1c4172..e6627dab 100644 --- a/web/src/assets/iconfont/iconfont.js +++ b/web/src/assets/iconfont/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_4125778='',(a=>{var l=(c=(c=document.getElementsByTagName("script"))[c.length-1]).getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var h,t,i,o,z,m=function(l,c){c.parentNode.insertBefore(l,c)};if(l&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(l){console&&console.log(l)}}h=function(){var l,c=document.createElement("div");c.innerHTML=a._iconfont_svg_string_4125778,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(l=document.body).firstChild?m(c,l.firstChild):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),h()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(i=h,o=a.document,z=!1,s(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,p())})}function p(){z||(z=!0,i())}function s(){try{o.documentElement.doScroll("left")}catch(l){return void setTimeout(s,50)}p()}})(window); \ No newline at end of file +window._iconfont_svg_string_4125778='',(a=>{var l=(c=(c=document.getElementsByTagName("script"))[c.length-1]).getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var h,t,i,o,p,z=function(l,c){c.parentNode.insertBefore(l,c)};if(l&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(l){console&&console.log(l)}}h=function(){var l,c=document.createElement("div");c.innerHTML=a._iconfont_svg_string_4125778,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(l=document.body).firstChild?z(c,l.firstChild):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),h()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(i=h,o=a.document,p=!1,s(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,m())})}function m(){p||(p=!0,i())}function s(){try{o.documentElement.doScroll("left")}catch(l){return void setTimeout(s,50)}m()}})(window); \ No newline at end of file diff --git a/web/src/assets/iconfont/iconfont.json b/web/src/assets/iconfont/iconfont.json index fc973f80..74a9807a 100644 --- a/web/src/assets/iconfont/iconfont.json +++ b/web/src/assets/iconfont/iconfont.json @@ -5,6 +5,265 @@ "css_prefix_text": "icon-", "description": "", "glyphs": [ + { + "icon_id": "3624396", + "name": "兑换码", + "font_class": "redeem", + "unicode": "e61a", + "unicode_decimal": 58906 + }, + { + "icon_id": "8760110", + "name": "login", + "font_class": "login", + "unicode": "e636", + "unicode_decimal": 58934 + }, + { + "icon_id": "29565277", + "name": "礼物", + "font_class": "present", + "unicode": "e648", + "unicode_decimal": 58952 + }, + { + "icon_id": "13519527", + "name": "警告", + "font_class": "icon-warning", + "unicode": "e671", + "unicode_decimal": 58993 + }, + { + "icon_id": "145466", + "name": "帮助", + "font_class": "help", + "unicode": "e64a", + "unicode_decimal": 58954 + }, + { + "icon_id": "1951950", + "name": "成功", + "font_class": "success", + "unicode": "e61e", + "unicode_decimal": 58910 + }, + { + "icon_id": "6204756", + "name": "失败", + "font_class": "error", + "unicode": "e64e", + "unicode_decimal": 58958 + }, + { + "icon_id": "3916695", + "name": "首页", + "font_class": "house", + "unicode": "e619", + "unicode_decimal": 58905 + }, + { + "icon_id": "10583159", + "name": "会员", + "font_class": "vip4", + "unicode": "e684", + "unicode_decimal": 59012 + }, + { + "icon_id": "23942994", + "name": "会员", + "font_class": "vip1", + "unicode": "f90b", + "unicode_decimal": 63755 + }, + { + "icon_id": "24111538", + "name": "会员", + "font_class": "vip2", + "unicode": "fabb", + "unicode_decimal": 64187 + }, + { + "icon_id": "37305926", + "name": "会员VIP", + "font_class": "vip3", + "unicode": "10135", + "unicode_decimal": 65845 + }, + { + "icon_id": "41134022", + "name": "新会话", + "font_class": "conversation", + "unicode": "e617", + "unicode_decimal": 58903 + }, + { + "icon_id": "17411805", + "name": "Arrow Down", + "font_class": "arrow-down", + "unicode": "e615", + "unicode_decimal": 58901 + }, + { + "icon_id": "17411857", + "name": "Arrow Up", + "font_class": "arrow-up", + "unicode": "e616", + "unicode_decimal": 58902 + }, + { + "icon_id": "7736305", + "name": "refresh", + "font_class": "refresh", + "unicode": "e90c", + "unicode_decimal": 59660 + }, + { + "icon_id": "1391302", + "name": "Refresh", + "font_class": "refresh-bold", + "unicode": "e614", + "unicode_decimal": 58900 + }, + { + "icon_id": "19418384", + "name": "copy", + "font_class": "copy", + "unicode": "e720", + "unicode_decimal": 59168 + }, + { + "icon_id": "20584689", + "name": "New Chat", + "font_class": "new-chat", + "unicode": "e613", + "unicode_decimal": 58899 + }, + { + "icon_id": "23995596", + "name": "收起展开-展开", + "font_class": "expand", + "unicode": "e7a0", + "unicode_decimal": 59296 + }, + { + "icon_id": "23995626", + "name": "收起展开-收起", + "font_class": "colspan", + "unicode": "e79e", + "unicode_decimal": 59294 + }, + { + "icon_id": "1727527", + "name": "306问号-线性圆框", + "font_class": "question", + "unicode": "e8e9", + "unicode_decimal": 59625 + }, + { + "icon_id": "35446270", + "name": "AI对话_激活", + "font_class": "AIduihua_jihuo", + "unicode": "e6bb", + "unicode_decimal": 59067 + }, + { + "icon_id": "39584617", + "name": "MidJourney-copy", + "font_class": "MidJourney", + "unicode": "e60e", + "unicode_decimal": 58894 + }, + { + "icon_id": "42109955", + "name": "stable-diffusion", + "font_class": "stable-diffusion", + "unicode": "e60f", + "unicode_decimal": 58895 + }, + { + "icon_id": "1227734", + "name": "info", + "font_class": "info", + "unicode": "e6a0", + "unicode_decimal": 59040 + }, + { + "icon_id": "159969", + "name": "more", + "font_class": "more-horizontal", + "unicode": "e60d", + "unicode_decimal": 58893 + }, + { + "icon_id": "8434022", + "name": "星号", + "font_class": "xinghao", + "unicode": "e8d6", + "unicode_decimal": 59606 + }, + { + "icon_id": "831577", + "name": "plus", + "font_class": "plus", + "unicode": "e61f", + "unicode_decimal": 58911 + }, + { + "icon_id": "6151285", + "name": "plus-circle", + "font_class": "plus-circle", + "unicode": "e822", + "unicode_decimal": 59426 + }, + { + "icon_id": "15056491", + "name": "太阳", + "font_class": "taiyang", + "unicode": "e60b", + "unicode_decimal": 58891 + }, + { + "icon_id": "40094190", + "name": "月亮-copy", + "font_class": "yueliang", + "unicode": "e679", + "unicode_decimal": 59001 + }, + { + "icon_id": "1727538", + "name": "上一页", + "font_class": "prev-page", + "unicode": "e8ef", + "unicode_decimal": 59631 + }, + { + "icon_id": "1727540", + "name": "下一页", + "font_class": "next-page", + "unicode": "e8f0", + "unicode_decimal": 59632 + }, + { + "icon_id": "2488134", + "name": "搜索", + "font_class": "search", + "unicode": "e618", + "unicode_decimal": 58904 + }, + { + "icon_id": "9845558", + "name": "sub_menu", + "font_class": "sub_menu", + "unicode": "e75e", + "unicode_decimal": 59230 + }, + { + "icon_id": "11983544", + "name": "google", + "font_class": "google", + "unicode": "ea0c", + "unicode_decimal": 59916 + }, { "icon_id": "15330210", "name": "创意灵感", diff --git a/web/src/assets/iconfont/iconfont.ttf b/web/src/assets/iconfont/iconfont.ttf index d2528705..b1a3f061 100644 Binary files a/web/src/assets/iconfont/iconfont.ttf and b/web/src/assets/iconfont/iconfont.ttf differ diff --git a/web/src/assets/iconfont/iconfont.woff b/web/src/assets/iconfont/iconfont.woff index 550b27bb..ecfb44bc 100644 Binary files a/web/src/assets/iconfont/iconfont.woff and b/web/src/assets/iconfont/iconfont.woff differ diff --git a/web/src/assets/iconfont/iconfont.woff2 b/web/src/assets/iconfont/iconfont.woff2 index 3dc3c3da..52ac580f 100644 Binary files a/web/src/assets/iconfont/iconfont.woff2 and b/web/src/assets/iconfont/iconfont.woff2 differ diff --git a/web/src/components/ThemeChange.vue b/web/src/components/ThemeChange.vue index b2457b30..99bb3913 100644 --- a/web/src/components/ThemeChange.vue +++ b/web/src/components/ThemeChange.vue @@ -1,27 +1,22 @@ diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue index 70ef9364..7d0a327d 100644 --- a/web/src/views/ImageMj.vue +++ b/web/src/views/ImageMj.vue @@ -18,20 +18,8 @@
-
- +
+
{{ item.text }}
@@ -42,23 +30,10 @@