feat: update primary color in CSS and enhance about page with relative time display and progress component

chore: add js-md5 dependency to pnpm-lock.yaml for file hashing
fix: improve max storage size handling in CreateUploadTask by using GetFileSize for better error management
2026-06-07 04:49:34 +00:00 · 2025-06-22 01:07:09 +08:00 · 2025-06-22 00:49:14 +08:00 · 2025-06-22 00:48:53 +08:00 · 2025-06-22 00:47:32 +08:00 · 2025-06-22 00:41:18 +08:00
25 changed files with 940 additions and 585 deletions
--- a/.drone.yml
+++ b/.drone.yml
@@ -17,7 +17,8 @@ steps:
        - ${DRONE_TAG}
        - latest
      build_args:
-        - BUILD_TAG=${DRONE_TAG}
+         - VERSION=${DRONE_TAG}
+         - BUILD_TIME=${DRONE_BUILD_FINISHED}
  - name: build-worker
    image: plugins/docker
    settings:
--- a/.prettierrc
+++ b/.prettierrc
@@ -0,0 +1,9 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true,
+    "printWidth": 150,
+    "jsxBracketSameLine": false,
+    "bracketSameLine": false
+}
--- a/7
+++ b/7
@@ -2,7 +2,7 @@ FROM node:22-alpine AS front-base

 # Install dependencies only when needed
 FROM front-base AS front-deps
-RUN apk add --no-cache libc6-compat 
+RUN apk add --no-cache gcompat
 WORKDIR /app
 COPY . .
 RUN corepack enable pnpm && pnpm i && pnpm --filter=015-front deploy dist
@@ -26,7 +26,8 @@ RUN CGO_ENABLED=0 GOOS=linux go build -o backend


 FROM front-base AS runner
-ARG BUILD_TAG
+ARG VERSION
+ARG BUILD_TIME
 WORKDIR /app
 RUN apk add --no-cache curl openssl
 ENV NODE_ENV production
@@ -43,6 +44,8 @@ COPY 015.sh /app/015.sh
 ENV PORT=80 HOST=0.0.0.0
 ENV SITE_URL="http://localhost"
 ENV UPLOAD_PATH="/uploads"
+ENV VERSION=${VERSION}
+ENV BUILD_TIME=${BUILD_TIME}

 EXPOSE 80

--- a/README.md
+++ b/README.md
@@ -1,3 +1,20 @@
 # 015

 这里是send企划
+
+功能: 
+- ✅ 前端计算hash和秒传
+- ✅ 并发切片上传 (使用webWorker计算)
+- ✅ 文件上传/文本上传和分享
+- ✅ 上传统计页面
+- ✅ 多语言支持
+- ✅ 最大上传限制
+- ✅ 后端有队列系统和worker处理文件
+
+todo: 
+- 断点续传(后端计算已上传部分并返回)
+- 图片格式转换 压缩
+- 图片ocr 复制
+- xx转markdown
+- 文本翻译/总结
+- 支持上传多文件
--- a/backend/go.mod
+++ b/backend/go.mod
@@ -6,7 +6,6 @@ require (
 	dario.cat/mergo v1.0.1
 	github.com/dustin/go-humanize v1.0.1
 	github.com/golang-jwt/jwt/v5 v5.2.2
-	github.com/googollee/go-socket.io v1.7.0
 	github.com/gorilla/sessions v1.4.0
 	github.com/hibiken/asynq v0.25.1
 	github.com/labstack/echo-contrib v0.17.3
@@ -24,13 +23,10 @@ require (
 	github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
 	github.com/fsnotify/fsnotify v1.8.0 // indirect
 	github.com/go-viper/mapstructure/v2 v2.2.1 // indirect
-	github.com/gofrs/uuid v4.0.0+incompatible // indirect
-	github.com/gomodule/redigo v1.8.4 // indirect
 	github.com/google/go-cmp v0.7.0 // indirect
 	github.com/google/uuid v1.6.0 // indirect
 	github.com/gorilla/context v1.1.2 // indirect
 	github.com/gorilla/securecookie v1.1.2 // indirect
-	github.com/gorilla/websocket v1.4.2 // indirect
 	github.com/labstack/gommon v0.4.2 // indirect
 	github.com/mattn/go-colorable v0.1.14 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
--- a/backend/go.sum
+++ b/backend/go.sum
@@ -6,7 +6,6 @@ github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA=
 github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
 github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
 github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
-github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
@@ -19,28 +18,20 @@ github.com/fsnotify/fsnotify v1.8.0 h1:dAwr6QBTBZIkG8roQaJjGof0pp0EeF+tNV7YBP3F/
 github.com/fsnotify/fsnotify v1.8.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
 github.com/go-viper/mapstructure/v2 v2.2.1 h1:ZAaOCxANMuZx5RCeg0mBdEZk7DZasvvZIxtHqx8aGss=
 github.com/go-viper/mapstructure/v2 v2.2.1/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
-github.com/gofrs/uuid v4.0.0+incompatible h1:1SD/1F5pU8p29ybwgQSwpQk+mwdRrXCYuPhW6m+TnJw=
-github.com/gofrs/uuid v4.0.0+incompatible/go.mod h1:b2aQJv3Z4Fp6yNu3cdSllBxTCLRxnplIgP/c0N/04lM=
 github.com/golang-jwt/jwt/v5 v5.2.2 h1:Rl4B7itRWVtYIHFrSNd7vhTiz9UpLdi6gZhZ3wEeDy8=
 github.com/golang-jwt/jwt/v5 v5.2.2/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
-github.com/gomodule/redigo v1.8.4 h1:Z5JUg94HMTR1XpwBaSH4vq3+PNSIykBLxMdglbw10gg=
-github.com/gomodule/redigo v1.8.4/go.mod h1:P9dn9mFrCBvWhGE1wpxx6fgq7BAeLBk+UUUzlpkBYO0=
 github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
 github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
 github.com/google/gofuzz v1.2.0 h1:xRy4A+RhZaiKjJ1bPfwQ8sedCA+YS2YcCHW6ec7JMi0=
 github.com/google/gofuzz v1.2.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
 github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
 github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
-github.com/googollee/go-socket.io v1.7.0 h1:ODcQSAvVIPvKozXtUGuJDV3pLwdpBLDs1Uoq/QHIlY8=
-github.com/googollee/go-socket.io v1.7.0/go.mod h1:0vGP8/dXR9SZUMMD4+xxaGo/lohOw3YWMh2WRiWeKxg=
 github.com/gorilla/context v1.1.2 h1:WRkNAv2uoa03QNIc1A6u4O7DAGMUVoopZhkiXWA2V1o=
 github.com/gorilla/context v1.1.2/go.mod h1:KDPwT9i/MeWHiLl90fuTgrt4/wPcv75vFAZLaOOcbxM=
 github.com/gorilla/securecookie v1.1.2 h1:YCIWL56dvtr73r6715mJs5ZvhtnY73hBvEF8kXD8ePA=
 github.com/gorilla/securecookie v1.1.2/go.mod h1:NfCASbcHqRSY+3a8tlWJwsQap2VX5pwzwo4h3eOamfo=
 github.com/gorilla/sessions v1.4.0 h1:kpIYOp/oi6MG/p5PgxApU8srsSw9tuFbt46Lt7auzqQ=
 github.com/gorilla/sessions v1.4.0/go.mod h1:FLWm50oby91+hl7p/wRxDth9bWSuk0qVL2emc7lT5ik=
-github.com/gorilla/websocket v1.4.2 h1:+/TMaTYc4QFitKJxsQ7Yye35DkWvkdLcvGKqM+x0Ufc=
-github.com/gorilla/websocket v1.4.2/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
 github.com/hibiken/asynq v0.25.1 h1:phj028N0nm15n8O2ims+IvJ2gz4k2auvermngh9JhTw=
 github.com/hibiken/asynq v0.25.1/go.mod h1:pazWNOLBu0FEynQRBvHA26qdIKRSmfdIfUm4HdsLmXg=
 github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
@@ -85,8 +76,6 @@ github.com/spf13/pflag v1.0.6 h1:jFzHGLGAlb3ruxLB8MhbI6A8+AQX/2eW4qeyNZXNp2o=
 github.com/spf13/pflag v1.0.6/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
 github.com/spf13/viper v1.20.1 h1:ZMi+z/lvLyPSCoNtFCpqjy0S4kPbirhpTMwl8BkW9X4=
 github.com/spf13/viper v1.20.1/go.mod h1:P9Mdzt1zoHIG8m2eZQinpiBjo6kCmZSKBClNNqjJvu4=
-github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
-github.com/stretchr/testify v1.5.1/go.mod h1:5W2xD1RspED5o8YsWQXVCued0rvSQ+mT+I5cxcmMvtA=
 github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
 github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
 github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8=
@@ -117,7 +106,5 @@ google.golang.org/protobuf v1.36.5/go.mod h1:9fA7Ob0pmnwhb644+1+CVWFRbNajQ6iRojt
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f h1:BLraFXnmrev5lT+xlilqcH8XK9/i0At2xKjWk4p6zsU=
 gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
-gopkg.in/yaml.v2 v2.2.4/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
--- a/backend/internal/controllers/file.go
+++ b/backend/internal/controllers/file.go
@@ -40,6 +40,27 @@ func CreateUploadTask(c echo.Context) error {
 			"chunk_size": fileInfo.ChunkSize,
 		})
 	}
+	maxStorageSize, err := utils.GetFileSize(utils.GetEnv("MAX_LOCALSTORAGE_SIZE"))
+	if err != nil {
+		return utils.HTTPErrorHandler(c, err)
+	}
+	fileInfoMap, err := models.GetRedisFileInfoAll()
+	if err != nil {
+		return utils.HTTPErrorHandler(c, err)
+	}
+	totalSize := int64(0)
+	for _, value := range fileInfoMap {
+		var fileInfo models.RedisFileInfo
+		err := json.Unmarshal([]byte(value), &fileInfo)
+		if err != nil {
+			return utils.HTTPErrorHandler(c, err)
+		}
+		totalSize += fileInfo.FileSize
+	}
+	if totalSize+r.FileSize > int64(maxStorageSize) {
+		return utils.HTTPErrorHandler(c, errors.New("存储空间不足"))
+	}
+
 	ChunkSize := int64(1 * 1024 * 1024)
 	if r.FileSize > 500*1024*1024 {
 		ChunkSize = r.FileSize / 500
@@ -56,7 +77,7 @@ func CreateUploadTask(c echo.Context) error {
 		CreatedAt: time.Now().Unix(),
 		Expire:    uploadTaskExpire,
 	}
-	err := models.SetRedisFileInfo(fileId, newFileInfo)
+	err = models.SetRedisFileInfo(fileId, newFileInfo)
 	if err != nil {
 		return utils.HTTPErrorHandler(c, err)
 	}
--- a/backend/internal/controllers/stat.go
+++ b/backend/internal/controllers/stat.go
@@ -9,6 +9,7 @@ import (
 	"github.com/hibiken/asynq"
 	"github.com/labstack/echo/v4"
 	"github.com/samber/lo"
+	"github.com/spf13/cast"
 )

 type FileChartData struct {
@@ -83,7 +84,8 @@ func GetStat(c echo.Context) error {
 	})

 	return utils.HTTPSuccessHandler(c, map[string]any{
-		"version": "0.1.0",
+		"version":    utils.GetEnvWithDefault("VERSION", "dev"),
+		"build_time": cast.ToInt(utils.GetEnvWithDefault("BUILD_TIME", cast.ToString(time.Now().Unix()))),
 		"max_limit": map[string]any{
 			"file_size": maxStorageSize,
 		},
--- a/front/assets/css/main.css
+++ b/front/assets/css/main.css
@@ -50,7 +50,7 @@
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
-  --primary: oklch(0.208 0.042 265.755);
+  --primary: oklch(0.4349 0.0673 257.47);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
--- a/front/components/Drawer/QrCoreDrawer.vue
+++ b/front/components/Drawer/QrCoreDrawer.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import QRCode from "qrcode";
+const props = defineProps<{
+  hide: () => void;
+  data: any;
+}>();
+const { state } = useAsyncState(async () => {
+  return await QRCode.toDataURL(props.data);
+}, null);
+</script>
+
+<template>
+  <div class="flex flex-col gap-5">
+    <div class="text-xl font-bold">分享二维码</div>
+    <div class="flex flex-row justify-center">
+      <img :src="state" v-if="!!state" />
+      <Skeleton class="size-20" v-else />
+    </div>
+  </div>
+</template>
--- a/front/components/Home/File/FileUploadProgressView.vue
+++ b/front/components/Home/File/FileUploadProgressView.vue
@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import CircularProgress from '@/components/CircularProgress.vue'
-import { chunk, shuffle, times } from 'lodash-es';
+import { chunk, get, shuffle, times } from 'lodash-es'
 import { cx } from 'class-variance-authority'
-import calcFileHash from '@/lib/calcFileHash';
-import { filesize } from 'filesize';
+import { filesize } from 'filesize'
+import { toast } from 'vue-sonner'
+import asyncWorker from '~/lib/asyncWorker'
+import calcFileHashWorker from '~/lib/calcFileHashWorker?worker'
 const props = defineProps<{
-    data: { file: File, config: any, handle_type: string }
+    data: { file: File; config: any; handle_type: string }
 }>()

 const emit = defineEmits<{
@@ -17,21 +19,24 @@ const form = useFormContext()
 const step = ref<'hash' | 'upload'>('hash')
 const calcHashTime = ref(0)
 const chunkSize = ref(0)
-const fileSliceUploadStatusList = ref<{
-    status: string
-    index: number
-}[]>([])
+const fileSliceUploadStatusList = ref<
+    {
+        status: string
+        index: number
+    }[]
+>([])

 const successCount = computed(() => fileSliceUploadStatusList.value.filter((item) => item.status === 'success').length)
 const alreadyUploadSize = computed(() => successCount.value * chunkSize.value)
-const uploadProgress = computed(() =>  Math.round(alreadyUploadSize.value / (props?.data?.file?.size || 0) * 100))
+const uploadProgress = computed(() => Math.round((alreadyUploadSize.value / (props?.data?.file?.size || 0)) * 100))

-useAsyncState(async () => {
+const { error } = useAsyncState(async () => {
    const { file } = props.data || {}
    if (!file) return
-    const { size, type } = file || {}
+    const { size, type = 'application/octet-stream' } = file || {}
    const now = Date.now()
-    const hash = await calcFileHash({ file })
+    const res = await asyncWorker(calcFileHashWorker, { data: { file } })
+    const { hash } = res?.data || {}
    if (hash) {
        step.value = 'upload'
        calcHashTime.value = Date.now() - now
@@ -47,70 +52,72 @@ useAsyncState(async () => {
        method: 'POST',
        body: {
            size,
-            mime_type: type,
+            mime_type: get(type, '', 'application/octet-stream'),
            hash,
-        }
+        },
    })
    const { id, chunk_size, type: createType } = createData?.data || {}
    if (createType !== 'init') {
        // 文件存在
        form.setFieldValue('file_id', id)
        emit('change', 'result')
-        return;
+        return
    }
    chunkSize.value = chunk_size
-    const chunks = Math.ceil(size / chunk_size);
+    const chunks = Math.ceil(size / chunk_size)
    fileSliceUploadStatusList.value = times(chunks, (i) => ({
        status: 'pending',
-        index: i
+        index: i,
    }))

    const readChunk = (start: number): Promise<ArrayBuffer> => {
-        const fileReader = new FileReader();
+        const fileReader = new FileReader()
        return new Promise((resolve, reject) => {
-            const chunk = file.slice(start, start + chunk_size);
-            fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
-            fileReader.onerror = reject;
-            fileReader.readAsArrayBuffer(chunk);
-        });
-    };
+            const chunk = file.slice(start, start + chunk_size)
+            fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer)
+            fileReader.onerror = reject
+            fileReader.readAsArrayBuffer(chunk)
+        })
+    }

    const chunkedUploadTasks = chunk(shuffle([...fileSliceUploadStatusList.value]), 3)
    for (let i = 0; i < chunkedUploadTasks?.length; i++) {
-        await Promise.all(chunkedUploadTasks?.[i]?.map(async (item: any) => {
-            const { index } = item || {}
-            try {
-                const chunk = await readChunk(index * chunk_size);
-                // console.log('chunk', chunk)
-                const formData = new FormData()
-                formData.append('file', new Blob([chunk]))
-                formData.append('index', index + 1)
-                formData.append('id', id)
-                fileSliceUploadStatusList.value[index].status = 'uploading'
-                const res = await $fetch<{
-                    code: number
-                }>('/api/file/slice', {
-                    method: 'POST',
-                    body: formData
-                })
-                const { code } = res || {}
-                if (code !== 200) {
-                    throw new Error('上传失败')
+        await Promise.all(
+            chunkedUploadTasks?.[i]?.map(async (item: any) => {
+                const { index } = item || {}
+                try {
+                    const chunk = await readChunk(index * chunk_size)
+                    // console.log('chunk', chunk)
+                    const formData = new FormData()
+                    formData.append('file', new Blob([chunk]))
+                    formData.append('index', index + 1)
+                    formData.append('id', id)
+                    fileSliceUploadStatusList.value[index].status = 'uploading'
+                    const res = await $fetch<{
+                        code: number
+                    }>('/api/file/slice', {
+                        method: 'POST',
+                        body: formData,
+                    })
+                    const { code } = res || {}
+                    if (code !== 200) {
+                        throw new Error('上传失败')
+                    }
+                    fileSliceUploadStatusList.value[index].status = 'success'
+                } catch (error) {
+                    console.log('error', error)
+                    // fileSliceStatusList.value[index].status = 'error'
                }
-                fileSliceUploadStatusList.value[index].status = 'success'
-            } catch (error) {
-                console.log('error', error)
-                // fileSliceStatusList.value[index].status = 'error'
-            }
-        }))
+            })
+        )
    }
    const r = await $fetch<{
        code: number
    }>('/api/file/finish', {
        method: 'POST',
        body: {
-            id
-        }
+            id,
+        },
    })
    if (r?.code !== 200) {
        throw new Error('上传失败')
@@ -118,13 +125,19 @@ useAsyncState(async () => {
    form.setFieldValue('file_id', id)
    emit('change', 'result')
 }, null)
+
+watch(error, (newVal) => {
+    if (newVal) {
+        toast.error('上传失败')
+    }
+    emit('change', 'input')
+})
 </script>
 <template>
    <div class="flex flex-col gap-3">
        <div class="text-xl font-normal">正在上传</div>
        <div class="flex flex-col items-center gap-4 md:flex-row md:justify-evenly">
            <div :class="cx('flex flex-row items-center gap-5', step !== 'hash' && 'opacity-50')">
-
                <div class="flex flex-col gap-0.5 items-center">
                    <div class="text-xs opacity-50">1.计算hash</div>
                    <div class="text-3xl font-light">
@@ -138,21 +151,30 @@ useAsyncState(async () => {
                <div class="flex flex-col gap-0.5 items-center">
                    <div class="text-xs opacity-50">2.上传文件</div>
                    <div class="text-3xl font-light">{{ step !== 'upload' ? 0 : uploadProgress }}%</div>
-                    <div class="text-sm opacity-50" v-if="alreadyUploadSize">{{ filesize(alreadyUploadSize) }} / {{ filesize(data?.file?.size) }}</div>
+                    <div class="text-sm opacity-50" v-if="alreadyUploadSize">
+                        {{ filesize(alreadyUploadSize) }} / {{ filesize(data?.file?.size) }}
+                    </div>
                </div>
            </div>
        </div>
        <div class="flex flex-row gap-2 items-baseline">
            <div class="text-md font-normal">详细信息</div>
-            <div class="text-xs opacity-50" v-if="step === 'upload' && fileSliceUploadStatusList?.length > 0">当前正在上传分块{{ `${successCount}/${Math.ceil(data?.file?.size / chunkSize)}` }} 并发:3</div>
+            <div class="text-xs opacity-50" v-if="step === 'upload' && fileSliceUploadStatusList?.length > 0">
+                当前正在上传分块{{ `${successCount}/${Math.ceil(data?.file?.size / chunkSize)}` }} 并发:3
+            </div>
        </div>
        <div class="flex flex-row flex-wrap gap-1">
-            <div v-for="i in fileSliceUploadStatusList" :class="cx('rounded size-4 ',
-                i.status === 'pending' && 'bg-white/90',
-                i.status === 'uploading' && 'bg-yellow-500',
-                i.status === 'success' && 'bg-green-500',
-            )" />
+            <div
+                v-for="i in fileSliceUploadStatusList"
+                :class="
+                    cx(
+                        'rounded size-4 ',
+                        i.status === 'pending' && 'bg-white/90',
+                        i.status === 'uploading' && 'bg-yellow-500',
+                        i.status === 'success' && 'bg-green-500'
+                    )
+                "
+            />
        </div>
    </div>
-
-</template>
+</template>
--- a/front/components/Result/FileShareResult.vue
+++ b/front/components/Result/FileShareResult.vue
@@ -5,8 +5,16 @@ import { Input } from "@/components/ui/input";
 import { useClipboard } from "@vueuse/core";
 import { toast } from "vue-sonner";
 import { useQuery } from "@tanstack/vue-query";
-import useMyAppShare from "~/composables/useMyAppShare";
+import useMyAppShare from "@/composables/useMyAppShare";
 import useMyAppConfig from "@/composables/useMyAppConfig";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import "dayjs/locale/zh-cn"; // 导入中文语言包
+import showDrawer from "@/lib/showDrawer";
+import QrCoreDrawer from "@/components/Drawer/QrCoreDrawer.vue";
+dayjs.extend(relativeTime); // 扩展 relativeTime 插件
+dayjs.locale("zh-cn"); // 设置语言为中文
+
 const props = defineProps<{
  data: { file: File; config: any; handle_type: string; file_id: string };
 }>();
@@ -44,28 +52,92 @@ const { copy } = useClipboard();
      <div class="flex flex-col h-30 items-center">
        <FilePreviewView :value="props?.data?.file" />
      </div>
-      <div class="flex flex-row gap-2">
-        <Input v-model="url" class="bg-white/70" />
-        <Button
-          variant="outline"
-          class="bg-white/70"
-          size="icon"
-          @click="
-            () => {
-              copy(url);
-              toast.success('复制成功');
-            }
-          "
-        >
-          <LucideCopy />
-        </Button>
+      <div
+        class="flex flex-col md:flex-row gap-5 rounded-md p-5 bg-white/20 backdrop-blur-xl w-full"
+      >
+        <div class="flex flex-col gap-2 flex-1">
+          <div class="text-sm font-semibold">信息</div>
+          <div class="grid grid-cols-2 gap-2">
+            <div class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1">
+              <div class="text-xs font-semibold">下载次数</div>
+              <div class="text-3xl font-light">{{ data?.download_nums }}</div>
+            </div>
+            <div class="rounded-xl flex flex-col bg-black/5 px-3 py-2 gap-1">
+              <div class="text-xs font-semibold">过期时间</div>
+              <div class="text-md font-light">
+                {{
+                  dayjs(data?.expire_at * 1000).format("YYYY-MM-DD HH:mm:ss")
+                }}
+              </div>
+            </div>
+            <div
+              class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1"
+              v-if="data?.pickup_code"
+            >
+              <div class="flex flex-row justify-between w-full items-center">
+                <div class="text-xs font-semibold">提取码</div>
+                <Button
+                  variant="outline"
+                  class="bg-white/70 p-0 size-6"
+                  size="icon"
+                  @click="
+                    () => {
+                      copy(data?.pickup_code);
+                      toast.success('复制成功');
+                    }
+                  "
+                >
+                  <LucideCopy class="size-3" />
+                </Button>
+              </div>
+              <div class="flex flex-row gap-2">
+                <div v-for="s in data?.pickup_code" class="text-2xl font-light">
+                  {{ s }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-col gap-5 flex-1">
+          <div class="text-sm font-semibold">链接</div>
+          <div class="flex flex-row gap-2">
+            <Input v-model="url" class="bg-white/70" readonly />
+            <Button
+              variant="outline"
+              class="bg-white/70"
+              size="icon"
+              @click="
+                () => {
+                  copy(url);
+                  toast.success('复制成功');
+                }
+              "
+            >
+              <LucideCopy />
+            </Button>

-        <Button variant="outline" class="bg-white/70" size="icon">
-          <LucideQrCode />
-        </Button>
+            <Button
+              variant="outline"
+              class="bg-white/70"
+              size="icon"
+              @click="
+                () => {
+                  showDrawer({
+                    render: ({ ...rest }) =>
+                      h(QrCoreDrawer, {
+                        ...rest,
+                        data: url,
+                      }),
+                  });
+                }
+              "
+            >
+              <LucideQrCode />
+            </Button>
+          </div>
+        </div>
      </div>
      <Button
-        variant="ghost"
        class="hover:bg-white/50 w-40"
        @click="
          () => {
--- a/front/components/Result/ImageCompressResult.vue
+++ b/front/components/Result/ImageCompressResult.vue
@@ -3,7 +3,7 @@ import { useQuery } from "@tanstack/vue-query";
 import { AsyncButton, Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { filesize } from "filesize";
-import useMyAppShare from "~/composables/useMyAppShare";
+import useMyAppShare from "@/composables/useMyAppShare";
 import { toast } from "vue-sonner";
 const emit = defineEmits<{
  (e: "change", key: string): void;
--- a/front/components/Result/TextShareResult.vue
+++ b/front/components/Result/TextShareResult.vue
@@ -4,8 +4,10 @@ import { Input } from "@/components/ui/input";
 import { useClipboard } from "@vueuse/core";
 import { toast } from "vue-sonner";
 import { useQuery } from "@tanstack/vue-query";
-import useMyAppShare from "~/composables/useMyAppShare";
+import useMyAppShare from "@/composables/useMyAppShare";
 import useMyAppConfig from "@/composables/useMyAppConfig";
+import showDrawer from "@/lib/showDrawer";
+import QrCoreDrawer from "@/components/Drawer/QrCoreDrawer.vue";

 const props = defineProps<{
  data: { text: string; config: any; handle_type: string };
@@ -38,9 +40,9 @@ const { copy } = useClipboard();

 <template>
  <div class="flex flex-col gap-3">
-    <div class="flex flex-row justify-between">
-      <h2 class="text-lg">分享成功</h2>
-      <div class="flex flex-row gap-2 basis-1/2">
+    <div class="flex flex-col md:flex-row gap-2">
+      <div class="flex flex-row justify-between md:basis-1/2">
+        <h2 class="text-lg">分享成功</h2>
        <Button
          variant="outline"
          class="bg-white/70"
@@ -53,7 +55,9 @@ const { copy } = useClipboard();
        >
          <LucideHome />
        </Button>
-        <Input v-model="url" class="bg-white/70" />
+      </div>
+      <div class="flex flex-row gap-2 flex-1">
+        <Input v-model="url" class="bg-white/70" readonly />
        <Button
          variant="outline"
          class="bg-white/70"
@@ -67,13 +71,28 @@ const { copy } = useClipboard();
        >
          <LucideCopy />
        </Button>
-        <Button variant="outline" class="bg-white/70" size="icon">
+        <Button
+          variant="outline"
+          class="bg-white/70"
+          size="icon"
+          @click="
+            () => {
+              showDrawer({
+                render: ({ ...rest }) =>
+                  h(QrCoreDrawer, {
+                    ...rest,
+                    data: url,
+                  }),
+              });
+            }
+          "
+        >
          <LucideQrCode />
        </Button>
      </div>
    </div>
    <div
-      class="prose rounded-md bg-white/70 p-3 w-full max-w-full"
+      class="prose rounded-md bg-white/70 p-3 w-full max-w-full min-h-[30vh]"
      v-html="props?.data?.text"
    />
  </div>
--- a/front/components/Share/FileShareView.vue
+++ b/front/components/Share/FileShareView.vue
@@ -1,73 +1,69 @@
 <script setup lang="ts">
-import AsyncButton from '@/components/ui/button/AsyncButton.vue'
-import dayjs from 'dayjs';
-import duration from 'dayjs/plugin/duration';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import { isBoolean } from 'lodash-es';
-import { LucideCheck, LucideX } from 'lucide-vue-next';
-import { useQueryClient } from '@tanstack/vue-query';
-dayjs.extend(duration)
-dayjs.extend(relativeTime)
+import AsyncButton from "@/components/ui/button/AsyncButton.vue";
+import dayjs from "dayjs";
+import duration from "dayjs/plugin/duration";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { isBoolean } from "lodash-es";
+import { LucideCheck, LucideX } from "lucide-vue-next";
+import { useQueryClient } from "@tanstack/vue-query";
+dayjs.extend(duration);
+dayjs.extend(relativeTime);

 const props = defineProps<{
-    data: any
-}>()
+  data: any;
+}>();

-const queryClient = useQueryClient()
+const queryClient = useQueryClient();
+const { downloadFile } = useMyAppShare();

 const handleDownload = async () => {
-    const { id } = props?.data || {}
-    const data = await $fetch<{
-        code: number
-        data: {
-            token?: string
-        }
-    }>(`/api/download`, {
-        method: 'POST',
-        body: {
-            share_id: id
-        }
-    })
-    const { token } = data?.data || {}
-    if (!token) {
-        return
-    }
-    (window as any)?.open(`/api/download?token=${token}`)
-    queryClient.invalidateQueries({ queryKey: ['share', id] })
-}
+  const { id } = props?.data || {};
+  await downloadFile(id);
+  queryClient.invalidateQueries({ queryKey: ["share", id] });
+};

 const expireSeconds = computed(() => {
-    return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix()
-})
+  return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix();
+});

-const { remaining, start} = useCountdown(expireSeconds.value)
+const { remaining, start } = useCountdown(expireSeconds.value);

 onMounted(() => {
-    start()
-})
+  start();
+});

 const fileShareInfo = computed(() => {
-    return [
-        { label: '需要密码', value: props?.data?.has_password ?? false },
-        { label: '过期时间', value: dayjs.duration(remaining.value, 'seconds').format(`D天 HH:mm:ss`) },
-        { label: '剩余下载次数', value: props?.data?.download_nums ?? 0 },
-    ]
-})
+  return [
+    { label: "需要密码", value: props?.data?.has_password ?? false },
+    {
+      label: "过期时间",
+      value: dayjs.duration(remaining.value, "seconds").format(`D天 HH:mm:ss`),
+    },
+    { label: "剩余下载次数", value: props?.data?.download_nums ?? 0 },
+  ];
+});
 </script>

 <template>
-    <div class="flex flex-col gap-5 items-center">
-        <h1 class="text-xl font-bold">下载文件</h1>
-        <FilePreviewView :value="props?.data" />
-        <div class="flex flex-col gap-2 md:flex-row w-full">
-            <div class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1" v-for="item in fileShareInfo">
-                <div class="text-xs opacity-75">{{ item?.label }}</div>
-                <component v-if="isBoolean(item?.value)" :is="item?.value ? LucideCheck : LucideX" class="size-6" />
-                <div v-else class="md:text-xl">{{ item?.value }}</div>
-            </div>
-        </div>
-        <div class="w-full">
-            <AsyncButton @click="handleDownload" class="w-full">下载</AsyncButton>
-        </div>
+  <div class="flex flex-col gap-5 items-center">
+    <h1 class="text-xl font-bold">下载文件</h1>
+    <FilePreviewView :value="props?.data" />
+    <div class="flex flex-col gap-2 md:flex-row w-full">
+      <div
+        class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1"
+        v-for="item in fileShareInfo"
+      >
+        <div class="text-xs opacity-75">{{ item?.label }}</div>
+        <component
+          v-if="isBoolean(item?.value)"
+          :is="item?.value ? LucideCheck : LucideX"
+          class="size-6"
+        />
+        <div v-else class="md:text-xl">{{ item?.value }}</div>
+      </div>
    </div>
-</template>
+    <div class="w-full">
+      <AsyncButton @click="handleDownload" class="w-full">下载</AsyncButton>
+    </div>
+  </div>
+</template>
--- a/front/components/Share/TextShareView.vue
+++ b/front/components/Share/TextShareView.vue
@@ -1,87 +1,93 @@
 <script setup lang="ts">
-import dayjs from 'dayjs';
-import AsyncButton from '@/components/ui/button/AsyncButton.vue'
-import duration from 'dayjs/plugin/duration';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import { isBoolean } from 'lodash-es';
-import { LucideCheck, LucideX } from 'lucide-vue-next';
-import { cx } from 'class-variance-authority';
-import { toast } from 'vue-sonner';
-import MarkdownRender from '@/components/MarkdownRender.vue'
-dayjs.extend(duration)
-dayjs.extend(relativeTime)
+import dayjs from "dayjs";
+import AsyncButton from "@/components/ui/button/AsyncButton.vue";
+import duration from "dayjs/plugin/duration";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { isBoolean } from "lodash-es";
+import { LucideCheck, LucideX } from "lucide-vue-next";
+import { cx } from "class-variance-authority";
+import { toast } from "vue-sonner";
+import MarkdownRender from "@/components/MarkdownRender.vue";
+dayjs.extend(duration);
+dayjs.extend(relativeTime);

 const props = defineProps<{
-    data: any
-}>()
+  data: any;
+}>();
+
+const { getShareToken } = useMyAppShare();

 const expireSeconds = computed(() => {
-    return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix()
-})
+  return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix();
+});

-const { remaining, start } = useCountdown(expireSeconds.value)
+const { remaining, start } = useCountdown(expireSeconds.value);

 onMounted(() => {
-    start()
-})
+  start();
+});

 const fileShareInfo = computed(() => {
-    return [
-        { label: '需要密码', value: props?.data?.has_password ?? false },
-        { label: '过期时间', value: dayjs.duration(remaining.value, 'seconds').format(`D天 HH:mm:ss`) },
-        { label: '剩余浏览次数', value: props?.data?.download_nums ?? 0 },
-    ]
-})
-const previewText = ref<string | null>(null)
+  return [
+    { label: "需要密码", value: props?.data?.has_password ?? false },
+    {
+      label: "过期时间",
+      value: dayjs.duration(remaining.value, "seconds").format(`D天 HH:mm:ss`),
+    },
+    { label: "剩余浏览次数", value: props?.data?.download_nums ?? 0 },
+  ];
+});
+const previewText = ref<string | null>(null);

 const handlePreview = async () => {
-    try {
-        const { id } = props?.data || {}
-        const data = await $fetch<{
-            code: number
-            data: {
-                token?: string
-            }
-        }>(`/api/download`, {
-            method: 'POST',
-            body: {
-                share_id: id
-            }
-        })
-        const { token } = data?.data || {}
-        if (!token) {
-            return
-        }
-        const r = await $fetch<{
-            code: number
-            data: {
-                data: string
-            }
-        }>(`/api/download?token=${token}`)
-        previewText.value = r?.data?.data
-    } catch (error) {
-        toast.error(error?.data?.message || '获取失败')
-    }
-}
+  try {
+    const token = await getShareToken(props?.data?.id);
+    const r = await $fetch<{
+      code: number;
+      data: {
+        data: string;
+      };
+    }>(`/api/download?token=${token}`);
+    previewText.value = r?.data?.data;
+  } catch (error) {
+    toast.error((error as any)?.data?.message || error);
+  }
+};
 </script>
 <template>
-    <div :class="cx('flex flex-col max-h-full', !!previewText ? 'gap-3' : 'gap-16 items-center')">
-        <h1 class="text-xl">查看文本</h1>
-        <template v-if="!previewText">
-            <div class="flex flex-col gap-2 md:flex-row w-full">
-                <div class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1"
-                    v-for="item in fileShareInfo">
-                    <div class="text-xs opacity-75">{{ item?.label }}</div>
-                    <component v-if="isBoolean(item?.value)" :is="item?.value ? LucideCheck : LucideX" class="size-6" />
-                    <div v-else class="md:text-xl">{{ item?.value }}</div>
-                </div>
-            </div>
-            <div class="w-full">
-                <AsyncButton @click="handlePreview" class="w-full">浏览</AsyncButton>
-            </div>
-        </template>
-        <template v-else>
-            <MarkdownRender :markdown="previewText" class="rounded-md bg-white/70 p-3 w-full max-w-full min-h-80 overflow-y-auto" />
-        </template>
-    </div>
-</template>
+  <div
+    :class="
+      cx(
+        'flex flex-col max-h-full',
+        !!previewText ? 'gap-3' : 'gap-16 items-center',
+      )
+    "
+  >
+    <h1 class="text-xl">查看文本</h1>
+    <template v-if="!previewText">
+      <div class="flex flex-col gap-2 md:flex-row w-full">
+        <div
+          class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1"
+          v-for="item in fileShareInfo"
+        >
+          <div class="text-xs opacity-75">{{ item?.label }}</div>
+          <component
+            v-if="isBoolean(item?.value)"
+            :is="item?.value ? LucideCheck : LucideX"
+            class="size-6"
+          />
+          <div v-else class="md:text-xl">{{ item?.value }}</div>
+        </div>
+      </div>
+      <div class="w-full">
+        <AsyncButton @click="handlePreview" class="w-full">浏览</AsyncButton>
+      </div>
+    </template>
+    <template v-else>
+      <MarkdownRender
+        :markdown="previewText"
+        class="rounded-md bg-white/70 p-3 w-full max-w-full min-h-80 overflow-y-auto"
+      />
+    </template>
+  </div>
+</template>
--- a/front/composables/useMyAppShare.ts
+++ b/front/composables/useMyAppShare.ts
@@ -1,20 +1,45 @@
-const downloadFile = async (share_id: string) => {
-  const data = await $fetch<{
-    code: number;
-    data: {
-      token?: string;
-    };
-  }>(`/api/download`, {
-    method: "POST",
-    body: {
-      share_id,
-    },
-  });
-  const { token } = data?.data || {};
-  if (!token) {
-    return;
+import { toast } from "vue-sonner";
+
+let shareIdTokenMap: WeakMap<{ share_id: string }, string>;
+
+const getShareToken = async (share_id: string): Promise<string | undefined> => {
+  if (!shareIdTokenMap) {
+    shareIdTokenMap = new WeakMap();
+  }
+  let token = shareIdTokenMap.get({ share_id });
+  if (!token) {
+    const data = await $fetch<{
+      code: number;
+      message: string;
+      data: {
+        token?: string;
+      };
+    }>(`/api/download`, {
+      method: "POST",
+      body: {
+        share_id,
+      },
+    });
+    if (!data?.data?.token) {
+      throw new Error(data?.message || "获取token失败");
+    }
+    token = data.data.token;
+    shareIdTokenMap.set({ share_id }, token);
+  }
+  return token;
+};
+
+const downloadFile = async (share_id: string) => {
+  try {
+    const token = await getShareToken(share_id);
+    if (!token) {
+      throw new Error("获取token失败");
+      return;
+    }
+    (window as any)?.open(`/api/download?token=${token}`);
+  } catch (e) {
+    toast.error((e as any)?.data?.message || e);
  }
-  (window as any)?.open(`/api/download?token=${token}`);
 };

 const createShare = async (data: any) => {
@@ -66,6 +91,7 @@ const useMyAppShare = () => {
    createShare,
    createFileShare,
    createTextShare,
+    getShareToken,
  };
 };

--- a/front/error.vue
+++ b/front/error.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { NuxtError } from "#app";
 import { useI18n } from "vue-i18n";
-import { Button } from "~/components/ui/button";
+import { Button } from "@/components/ui/button";

 const { t } = useI18n();

--- a/front/lib/asyncWorker.ts
+++ b/front/lib/asyncWorker.ts
@@ -0,0 +1,14 @@
+const asyncWorker = (w: new () => Worker, opts: { data: any }) => {
+    const { data } = opts || {}
+    return new Promise<MessageEvent>((resolve, reject) => {
+        const worker = new w()
+        worker.postMessage(data || {})
+        worker.onmessage = (e: MessageEvent) => {
+            resolve(e)
+        }
+        worker.onerror = (e: ErrorEvent) => {
+            reject(e)
+        }
+    })
+}
+export default asyncWorker
--- a/front/lib/calcFileHash.ts
+++ b/front/lib/calcFileHash.ts
@@ -1,44 +1,47 @@
-import SparkMD5 from 'spark-md5';
-import { noop } from 'lodash-es';
+import { noop } from 'lodash-es'
+import { md5 } from 'js-md5'

 interface CalcFileHashProps {
-    file: File;
-    onProgress?: (current: number) => void;
-    chunkSize?: number;
+    file: File
+    onProgress?: (current: number) => void
+    chunkSize?: number
 }

 const calcFileHash = async (props: CalcFileHashProps) => {
-    const { file, onProgress = noop, chunkSize = 100 } = props || {};
-    const finalChunkSize = chunkSize * 1024 * 1024;
-    const chunks = Math.ceil(file.size / finalChunkSize);
-    const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
-    const fileReader = new FileReader();
+    const { file, onProgress = noop, chunkSize = 100 } = props || {}
+    const blob = await file.arrayBuffer()
+    const hash = md5(blob)
+    return hash
+    // const finalChunkSize = chunkSize * 1024 * 1024;
+    // const chunks = Math.ceil(file.size / finalChunkSize);
+    // const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
+    // const fileReader = new FileReader();

-    const readChunk = (start: number): Promise<ArrayBuffer> => {
-        return new Promise((resolve, reject) => {
-            const chunk = file.slice(start, start + finalChunkSize);
-            fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
-            fileReader.onerror = reject;
-            fileReader.readAsArrayBuffer(chunk);
-        });
-    };
+    // const readChunk = (start: number): Promise<ArrayBuffer> => {
+    //     return new Promise((resolve, reject) => {
+    //         const chunk = file.slice(start, Math.min(start + finalChunkSize, file.size));
+    //         fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
+    //         fileReader.onerror = reject;
+    //         fileReader.readAsArrayBuffer(chunk);
+    //     });
+    // };

-    try {
-        const progressCallback = (current: number) => {
-            const percentage = Math.round((current / chunks) * 100);
-            onProgress(percentage);
-        };
+    // try {
+    //     const progressCallback = (current: number) => {
+    //         const percentage = Math.round((current / chunks) * 100);
+    //         onProgress(percentage);
+    //     };

-        for (let i = 0; i < chunks; i++) {
-            const chunk = await readChunk(i * chunkSize);
-            spark.append(chunk);
-            progressCallback(i + 1);
-        }
+    //     for (let i = 0; i < chunks; i++) {
+    //         const chunk = await readChunk(i * chunkSize);
+    //         spark.append(chunk);
+    //         progressCallback(i + 1);
+    //     }

-        return spark.end();
-    } catch (error) {
-        throw error;
-    }
+    //     return spark.end();
+    // } catch (error) {
+    //     throw error;
+    // }
 }

-export default calcFileHash;
+export default calcFileHash
--- a/front/lib/calcFileHashWorker.ts
+++ b/front/lib/calcFileHashWorker.ts
@@ -0,0 +1,8 @@
+import calcFileHash from './calcFileHash'
+
+// 监听主线程消息
+self.onmessage = async (e: MessageEvent<{ file: File }>) => {
+    const { file } = e.data || {}
+    const hash = await calcFileHash({ file })
+    self.postMessage({ hash })
+}
--- a/front/nuxt.config.ts
+++ b/front/nuxt.config.ts
@@ -3,7 +3,7 @@ import tailwindcss from "@tailwindcss/vite";
 export default defineNuxtConfig({
  compatibilityDate: "2024-04-03",
  devtools: { enabled: true },
-  css: ["~/assets/css/main.css"],
+  css: ["@/assets/css/main.css"],
  modules: [
    // '@serwist/nuxt',
    "@vueuse/nuxt",
@@ -35,7 +35,6 @@ export default defineNuxtConfig({
    },
  },
  devServer: {
-    port: parseInt(process.env.PORT || "5000"),
-    host: process.env.HOST || "0.0.0.0",
+    port: 5000,
  },
 });
--- a/front/package.json
+++ b/front/package.json
@@ -1,68 +1,71 @@
 {
-  "name": "015-front",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
-  },
-  "dependencies": {
-    "@nuxt/image": "1.10.0",
-    "@nuxtjs/i18n": "9.5.5",
-    "@pinia/nuxt": "^0.11.0",
-    "pinia": "^3.0.2",
-    "@tailwindcss/postcss": "^4.1.3",
-    "@tailwindcss/vite": "^4.1.3",
-    "@tanstack/vue-query": "^5.76.0",
-    "@tiptap/extension-blockquote": "^2.11.7",
-    "@tiptap/extension-bold": "^2.11.7",
-    "@tiptap/extension-heading": "^2.11.7",
-    "@tiptap/extension-italic": "^2.11.7",
-    "@tiptap/extension-paragraph": "^2.11.7",
-    "@tiptap/extension-placeholder": "^2.11.7",
-    "@tiptap/extension-strike": "^2.11.7",
-    "@tiptap/extension-text": "^2.11.7",
-    "@tiptap/pm": "^2.11.7",
-    "@tiptap/starter-kit": "^2.11.7",
-    "@tiptap/vue-3": "^2.11.7",
-    "@types/lodash-es": "^4.17.12",
-    "@types/spark-md5": "^3.0.5",
-    "@unovis/ts": "^1.5.1",
-    "@unovis/vue": "^1.5.1",
-    "@vee-validate/nuxt": "^4.15.0",
-    "@vee-validate/rules": "^4.15.0",
-    "axios": "^1.8.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "dayjs": "^1.11.13",
-    "filesize": "^10.1.6",
-    "lodash-es": "^4.17.21",
-    "lucide-vue-next": "^0.487.0",
-    "markdown-it": "^14.1.0",
-    "motion-v": "1.0.0-beta.2",
-    "nuxt": "^3.17.4",
-    "vue": "^3.5.16",
-    "vue-router": "^4.5.1",
-    "nuxt-lucide-icons": "1.0.5",
-    "reka-ui": "^2.2.0",
-    "shadcn-nuxt": "2.0.1",
-    "spark-md5": "^3.0.2",
-    "tailwind-merge": "^3.2.0",
-    "tailwindcss": "^4.1.3",
-    "tiptap-markdown": "^0.8.10",
-    "tw-animate-css": "^1.2.5",
-    "vaul-vue": "^0.4.1",
-    "vue-sonner": "^1.3.2"
-  },
-  "packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
-  "devDependencies": {
-    "@nuxtjs/tailwindcss": "^6.13.2",
-    "@tailwindcss/typography": "^0.5.16",
-    "@types/markdown-it": "^14.1.2",
-    "@vueuse/core": "^13.0.0",
-    "@vueuse/nuxt": "^13.0.0"
-  }
+    "name": "015-front",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "nuxt build",
+        "dev": "nuxt dev",
+        "generate": "nuxt generate",
+        "preview": "nuxt preview",
+        "postinstall": "nuxt prepare"
+    },
+    "dependencies": {
+        "@nuxt/image": "1.10.0",
+        "@nuxtjs/i18n": "9.5.5",
+        "@pinia/nuxt": "^0.11.0",
+        "@tailwindcss/postcss": "^4.1.3",
+        "@tailwindcss/vite": "^4.1.3",
+        "@tanstack/vue-query": "^5.76.0",
+        "@tiptap/extension-blockquote": "^2.11.7",
+        "@tiptap/extension-bold": "^2.11.7",
+        "@tiptap/extension-heading": "^2.11.7",
+        "@tiptap/extension-italic": "^2.11.7",
+        "@tiptap/extension-paragraph": "^2.11.7",
+        "@tiptap/extension-placeholder": "^2.11.7",
+        "@tiptap/extension-strike": "^2.11.7",
+        "@tiptap/extension-text": "^2.11.7",
+        "@tiptap/pm": "^2.11.7",
+        "@tiptap/starter-kit": "^2.11.7",
+        "@tiptap/vue-3": "^2.11.7",
+        "@unovis/ts": "^1.5.1",
+        "@unovis/vue": "^1.5.1",
+        "@vee-validate/nuxt": "^4.15.0",
+        "@vee-validate/rules": "^4.15.0",
+        "axios": "^1.8.4",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "dayjs": "^1.11.13",
+        "filesize": "^10.1.6",
+        "js-md5": "^0.8.3",
+        "lodash-es": "^4.17.21",
+        "lucide-vue-next": "^0.487.0",
+        "markdown-it": "^14.1.0",
+        "motion-v": "1.0.0-beta.2",
+        "nuxt": "^3.17.4",
+        "nuxt-lucide-icons": "1.0.5",
+        "pinia": "^3.0.2",
+        "qrcode": "^1.5.4",
+        "reka-ui": "^2.2.0",
+        "shadcn-nuxt": "2.0.1",
+        "spark-md5": "^3.0.2",
+        "tailwind-merge": "^3.2.0",
+        "tailwindcss": "^4.1.3",
+        "tiptap-markdown": "^0.8.10",
+        "tw-animate-css": "^1.2.5",
+        "vaul-vue": "^0.4.1",
+        "vue": "^3.5.16",
+        "vue-router": "^4.5.1",
+        "vue-sonner": "^1.3.2"
+    },
+    "packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
+    "devDependencies": {
+        "@nuxtjs/tailwindcss": "^6.13.2",
+        "@tailwindcss/typography": "^0.5.16",
+        "@types/lodash-es": "^4.17.12",
+        "@types/markdown-it": "^14.1.2",
+        "@types/qrcode": "^1.5.5",
+        "@types/spark-md5": "^3.0.5",
+        "@vueuse/core": "^13.0.0",
+        "@vueuse/nuxt": "^13.0.0"
+    }
 }
--- a/front/pages/about.vue
+++ b/front/pages/about.vue
@@ -1,240 +1,213 @@
 <script setup lang="ts">
-import { CurveType } from "@unovis/ts";
-import { AreaChart } from "@/components/ui/chart-area";
-import { cx } from "class-variance-authority";
-import { useQuery } from "@tanstack/vue-query";
-import { Skeleton } from "@/components/ui/skeleton";
-import AboutChartTooltip from "@/components/AboutChartTooltip.vue";
-import { filesize } from "filesize";
-import SparkMD5 from "spark-md5";
-import useMyAppConfig from "@/composables/useMyAppConfig";
+import { CurveType } from '@unovis/ts'
+import { AreaChart } from '@/components/ui/chart-area'
+import { cx } from 'class-variance-authority'
+import { useQuery } from '@tanstack/vue-query'
+import { Skeleton } from '@/components/ui/skeleton'
+import AboutChartTooltip from '@/components/AboutChartTooltip.vue'
+import { filesize } from 'filesize'
+import SparkMD5 from 'spark-md5'
+import useMyAppConfig from '@/composables/useMyAppConfig'
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import Progress from '~/components/ui/progress/Progress.vue'

-const appConfig = useMyAppConfig();
-const { site_title, site_desc } = appConfig.value || {};
+dayjs.extend(relativeTime)
+
+const appConfig = useMyAppConfig()
+const { site_title, site_desc } = appConfig.value || {}

 const { data, isLoading } = useQuery({
-  queryKey: ["stat"],
-  queryFn: async () => {
-    const data = await $fetch<{ data: any }>("/api/stat");
-    return data.data;
-  },
-});
+    queryKey: ['stat'],
+    queryFn: async () => {
+        const data = await $fetch<{ data: any }>('/api/stat')
+        return data.data
+    },
+})

-const { t } = useI18n();
+const { t } = useI18n()

 const chartTabs = computed(() => {
-  return [
-    {
-      label: t("about.file"),
-      value: "storage",
-      total:
-        data.value?.chart?.storage?.reduce(
-          (acc: number, curr: { file_size: number; file_num: number }) =>
-            acc + curr.file_num,
-          0,
-        ) ?? 0,
-    },
-    {
-      label: t("about.task"),
-      value: "queue",
-      total:
-        data.value?.chart?.queue?.reduce(
-          (acc: number, curr: { processed: number; failed: number }) =>
-            acc + curr.processed + curr.failed,
-          0,
-        ) ?? 0,
-    },
-  ];
-});
+    return [
+        {
+            label: t('about.file'),
+            value: 'storage',
+            total: data.value?.chart?.storage?.reduce((acc: number, curr: { file_size: number; file_num: number }) => acc + curr.file_num, 0) ?? 0,
+        },
+        {
+            label: t('about.task'),
+            value: 'queue',
+            total:
+                data.value?.chart?.queue?.reduce(
+                    (acc: number, curr: { processed: number; failed: number }) => acc + curr.processed + curr.failed,
+                    0
+                ) ?? 0,
+        },
+    ]
+})

 const currentFileSize = computed(() => {
-  return (
-    data.value?.chart?.storage?.reduce(
-      (acc: number, curr: { file_size: number; file_num: number }) =>
-        acc + curr.file_size,
-      0,
-    ) ?? 0
-  );
-});
+    return data.value?.chart?.storage?.reduce((acc: number, curr: { file_size: number; file_num: number }) => acc + curr.file_size, 0) ?? 0
+})

-const currentChartTab = ref<"storage" | "queue">("storage");
+const currentChartTab = ref<'storage' | 'queue'>('storage')
 const currentChartData = computed(() => {
-  const { storage, queue } = data.value?.chart || {};
-  if (currentChartTab.value === "storage") {
+    const { storage, queue } = data.value?.chart || {}
+    if (currentChartTab.value === 'storage') {
+        return {
+            data: storage,
+            index: 'date',
+            categories: ['file_size', 'file_num'],
+            colors: ['#22d3ee', '#c084fc'],
+        }
+    }
    return {
-      data: storage,
-      index: "date",
-      categories: ["file_size", "file_num"],
-      colors: ["#22d3ee", "#c084fc"],
-    };
-  }
-  return {
-    data: queue,
-    index: "date",
-    categories: ["processed", "failed"],
-    colors: ["#4ade80", "#f87171"],
-  };
-});
+        data: queue,
+        index: 'date',
+        categories: ['processed', 'failed'],
+        colors: ['#4ade80', '#f87171'],
+    }
+})

 const genUserAvatar = ({ email }: { email: string }) => {
-  if (!email) {
-    return "/logo.png";
-  }
-  return `https://www.gravatar.com/avatar/${SparkMD5.hash(email)}?d=retro`;
-};
+    if (!email) {
+        return '/logo.png'
+    }
+    return `https://www.gravatar.com/avatar/${SparkMD5.hash(email)}?d=retro`
+}

 const handleUserClick = ({ url, email }: { url: string; email: string }) => {
-  if (url) {
-    return navigateTo(url, { external: true });
-  }
-  if (email) {
-    return navigateTo(`mailto:${email}`, { external: true });
-  }
-  return null;
-};
+    if (url) {
+        return navigateTo(url, { external: true })
+    }
+    if (email) {
+        return navigateTo(`mailto:${email}`, { external: true })
+    }
+    return null
+}

 const users = computed(() => {
-  const { email, name, url } = data.value?.admin || {};
-  return [
-    ...(!!name
-      ? [
-          {
-            title: t("about.admin"),
-            email,
-            name,
-            url: url ?? (email ? `mailto:${email}` : null),
-          },
-        ]
-      : []),
-    {
-      title: t("about.author"),
-      name: "keven1024",
-      email: "keven@fudaoyuan.icu",
-      url: "https://github.com/keven1024",
-    },
-  ];
-});
+    const { email, name, url } = data.value?.admin || {}
+    return [
+        ...(!!name
+            ? [
+                  {
+                      title: t('about.admin'),
+                      email,
+                      name,
+                      url: url ?? (email ? `mailto:${email}` : null),
+                  },
+              ]
+            : []),
+        {
+            title: t('about.author'),
+            name: 'keven1024',
+            email: 'keven@fudaoyuan.icu',
+            url: 'https://github.com/keven1024',
+        },
+    ]
+})
 </script>

 <template>
-  <div
-    class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200 my-5 flex flex-col gap-5"
-  >
-    <div class="text-xl font-normal">{{ t("about.title") }}</div>
-    <div class="flex flex-col gap-2 items-center">
-      <NuxtImg src="/logo.png" class="size-20 rounded-xl" />
-      <div class="text-xl">{{ site_title ?? "015" }}</div>
-      <div class="text-sm opacity-75 text-center px-5">
-        {{ site_desc ?? t("seo.desc") }}
-      </div>
-    </div>
-    <div class="font-semibold">{{ t("about.systemInfo") }}</div>
-    <template v-if="isLoading">
-      <div class="flex flex-row gap-2">
-        <Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
-      </div>
-    </template>
-    <template v-else>
-      <div class="grid grid-cols-2 gap-2">
-        <div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
-          <div class="opacity-75 text-xs">{{ t("about.systemVersion") }}</div>
-          <div class="text-xl font-semibold">
-            {{ data?.version ?? "dev" }}
-          </div>
-        </div>
-        <div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
-          <div class="opacity-75 text-xs">{{ t("about.storage") }}</div>
-          <div class="text-right flex flex-row items-baseline">
-            <span class="text-lg font-semibold">{{
-              filesize(currentFileSize ?? 0)
-            }}</span>
-            <span class="text-md opacity-75"
-              >/ {{ filesize(data?.max_limit?.file_size ?? 0) }}</span
-            >
-          </div>
-          <div class="rounded-full w-full h-1 bg-black/10">
-            <div
-              class="rounded-full h-full bg-blue-500"
-              :style="{
-                width: `${(currentFileSize / (data?.max_limit?.file_size ?? 0)) * 100}%`,
-              }"
-            ></div>
-          </div>
-        </div>
-      </div>
-    </template>
-    <div class="font-semibold">{{ t("about.analysis") }}</div>
-    <template v-if="isLoading">
-      <div class="flex flex-row gap-2">
-        <Skeleton class="w-full h-96 rounded-xl" />
-      </div>
-    </template>
-    <template v-else>
-      <div class="flex flex-col gap-2 bg-white/50 w-full rounded-xl py-5">
-        <div class="flex flex-row gap-2 px-5">
-          <div
-            :class="
-              cx(
-                'rounded-md min-w-30 flex flex-col px-3 py-1.5 cursor-pointer',
-                currentChartTab === tab.value && 'bg-black/10',
-              )
-            "
-            v-for="tab in chartTabs"
-            :key="tab.value"
-            @click="
-              () => {
-                currentChartTab = tab.value as 'storage' | 'queue';
-              }
-            "
-          >
-            <div class="opacity-75 text-xs">{{ tab.label }}</div>
-            <div class="text-lg font-semibold">{{ tab.total }}</div>
-          </div>
-        </div>
-        <AreaChart
-          v-if="currentChartData"
-          class="h-64 w-full"
-          :key="currentChartTab"
-          :index="currentChartData.index"
-          :data="currentChartData.data"
-          :categories="currentChartData.categories"
-          :show-grid-line="false"
-          :show-legend="false"
-          :show-y-axis="true"
-          :show-x-axis="true"
-          :colors="currentChartData.colors"
-          :custom-tooltip="AboutChartTooltip"
-          :curve-type="CurveType.CatmullRom"
-        />
-      </div>
-    </template>
-    <template v-if="isLoading">
-      <div class="flex flex-row gap-2">
-        <Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
-      </div>
-    </template>
-    <template v-else>
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
-        <div class="flex flex-col gap-3" v-for="user in users" :key="user.name">
-          <div class="font-semibold">{{ user.title }}</div>
-          <div
-            class="rounded-xl bg-white/50 hover:bg-white/40 flex-1 flex flex-row items-center gap-2 p-3 cursor-pointer"
-            @click="
-              () => {
-                handleUserClick(user);
-              }
-            "
-          >
-            <div class="size-10 rounded-full bg-white/50">
-              <NuxtImg
-                :src="genUserAvatar(user)"
-                class="size-full rounded-full"
-              />
+    <div class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200 my-5 flex flex-col gap-5">
+        <div class="text-xl font-normal">{{ t('about.title') }}</div>
+        <div class="flex flex-col gap-2 items-center">
+            <NuxtImg src="/logo.png" class="size-20 rounded-xl" />
+            <div class="text-xl">{{ site_title ?? '015' }}</div>
+            <div class="text-sm opacity-75 text-center px-5">
+                {{ site_desc ?? t('seo.desc') }}
            </div>
-            <div class="text-md font-semibold">{{ user.name }}</div>
-          </div>
        </div>
-      </div>
-    </template>
-  </div>
+        <div class="font-semibold">{{ t('about.systemInfo') }}</div>
+        <template v-if="isLoading">
+            <div class="flex flex-row gap-2">
+                <Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
+            </div>
+        </template>
+        <template v-else>
+            <div class="grid grid-cols-2 gap-2">
+                <div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
+                    <div class="opacity-75 text-xs">{{ t('about.systemVersion') }}</div>
+                    <div class="text-xl font-semibold flex items-center gap-1">
+                        {{ data?.version ?? 'dev' }}
+                        <span class="text-xs px-2 py-0.5 rounded bg-primary/20 text-primary">{{ dayjs(data?.build_time * 1000).fromNow() }}</span>
+                    </div>
+                </div>
+                <div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
+                    <div class="opacity-75 text-xs">{{ t('about.storage') }}</div>
+                    <div class="text-right flex flex-row items-baseline">
+                        <span class="text-lg font-semibold">{{ filesize(currentFileSize ?? 0) }}</span>
+                        <span class="text-md opacity-75">/ {{ filesize(data?.max_limit?.file_size ?? 0) }}</span>
+                    </div>
+                    <Progress class="h-1" :model-value="(currentFileSize / (data?.max_limit?.file_size ?? 0)) * 100" />
+                </div>
+            </div>
+        </template>
+        <div class="font-semibold">{{ t('about.analysis') }}</div>
+        <template v-if="isLoading">
+            <div class="flex flex-row gap-2">
+                <Skeleton class="w-full h-96 rounded-xl" />
+            </div>
+        </template>
+        <template v-else>
+            <div class="flex flex-col gap-2 bg-white/50 w-full rounded-xl py-5">
+                <div class="flex flex-row gap-2 px-5">
+                    <div
+                        :class="cx('rounded-md min-w-30 flex flex-col px-3 py-1.5 cursor-pointer', currentChartTab === tab.value && 'bg-black/10')"
+                        v-for="tab in chartTabs"
+                        :key="tab.value"
+                        @click="
+                            () => {
+                                currentChartTab = tab.value as 'storage' | 'queue'
+                            }
+                        "
+                    >
+                        <div class="opacity-75 text-xs">{{ tab.label }}</div>
+                        <div class="text-lg font-semibold">{{ tab.total }}</div>
+                    </div>
+                </div>
+                <AreaChart
+                    v-if="currentChartData"
+                    class="h-64 w-full"
+                    :key="currentChartTab"
+                    :index="currentChartData.index"
+                    :data="currentChartData.data"
+                    :categories="currentChartData.categories"
+                    :show-grid-line="false"
+                    :show-legend="false"
+                    :show-y-axis="true"
+                    :show-x-axis="true"
+                    :colors="currentChartData.colors"
+                    :custom-tooltip="AboutChartTooltip"
+                    :curve-type="CurveType.CatmullRom"
+                />
+            </div>
+        </template>
+        <template v-if="isLoading">
+            <div class="flex flex-row gap-2">
+                <Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
+            </div>
+        </template>
+        <template v-else>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
+                <div class="flex flex-col gap-3" v-for="user in users" :key="user.name">
+                    <div class="font-semibold">{{ user.title }}</div>
+                    <div
+                        class="rounded-xl bg-white/50 hover:bg-white/40 flex-1 flex flex-row items-center gap-2 p-3 cursor-pointer"
+                        @click="
+                            () => {
+                                handleUserClick(user)
+                            }
+                        "
+                    >
+                        <div class="size-10 rounded-full bg-white/50">
+                            <NuxtImg :src="genUserAvatar(user)" class="size-full rounded-full" />
+                        </div>
+                        <div class="text-md font-semibold">{{ user.name }}</div>
+                    </div>
+                </div>
+            </div>
+        </template>
+    </div>
 </template>
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -74,12 +74,6 @@ importers:
      '@tiptap/vue-3':
        specifier: ^2.11.7
        version: 2.11.7(@tiptap/core@2.12.0(@tiptap/pm@2.11.7))(@tiptap/pm@2.11.7)(vue@3.5.16(typescript@5.8.2))
-      '@types/lodash-es':
-        specifier: ^4.17.12
-        version: 4.17.12
-      '@types/spark-md5':
-        specifier: ^3.0.5
-        version: 3.0.5
      '@unovis/ts':
        specifier: ^1.5.1
        version: 1.5.1
@@ -107,6 +101,9 @@ importers:
      filesize:
        specifier: ^10.1.6
        version: 10.1.6
+      js-md5:
+        specifier: ^0.8.3
+        version: 0.8.3
      lodash-es:
        specifier: ^4.17.21
        version: 4.17.21
@@ -128,6 +125,9 @@ importers:
      pinia:
        specifier: ^3.0.2
        version: 3.0.2(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
+      qrcode:
+        specifier: ^1.5.4
+        version: 1.5.4
      reka-ui:
        specifier: ^2.2.0
        version: 2.2.0(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
@@ -168,9 +168,18 @@ importers:
      '@tailwindcss/typography':
        specifier: ^0.5.16
        version: 0.5.16(tailwindcss@4.1.3)
+      '@types/lodash-es':
+        specifier: ^4.17.12
+        version: 4.17.12
      '@types/markdown-it':
        specifier: ^14.1.2
        version: 14.1.2
+      '@types/qrcode':
+        specifier: ^1.5.5
+        version: 1.5.5
+      '@types/spark-md5':
+        specifier: ^3.0.5
+        version: 3.0.5
      '@vueuse/core':
        specifier: ^13.0.0
        version: 13.0.0(vue@3.5.16(typescript@5.8.2))
@@ -2073,6 +2082,9 @@ packages:
  '@types/pbf@3.0.5':
    resolution: {integrity: sha512-j3pOPiEcWZ34R6a6mN07mUkM4o4Lwf6hPNt8eilOeZhTFbxFXmKhvXl9Y28jotFPaI1bpPDJsbCprUoNke6OrA==}

+  '@types/qrcode@1.5.5':
+    resolution: {integrity: sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==}
+
  '@types/resolve@1.20.2':
    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}

@@ -2623,6 +2635,10 @@ packages:
    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
    engines: {node: '>= 6'}

+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
  caniuse-api@3.0.0:
    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}

@@ -2677,6 +2693,9 @@ packages:
    resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
    engines: {node: '>=18'}

+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
  cliui@8.0.1:
    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
    engines: {node: '>=12'}
@@ -3153,6 +3172,10 @@ packages:
  decache@4.6.2:
    resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}

+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
  decompress-response@6.0.0:
    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
    engines: {node: '>=10'}
@@ -3292,6 +3315,9 @@ packages:
    resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
    engines: {node: '>=0.3.1'}

+  dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+
  dlv@1.1.3:
    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}

@@ -3637,6 +3663,10 @@ packages:
    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
    engines: {node: '>=18'}

+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
  find-up@5.0.0:
    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
    engines: {node: '>=10'}
@@ -4235,6 +4265,9 @@ packages:
    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
    hasBin: true

+  js-md5@0.8.3:
+    resolution: {integrity: sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==}
+
  js-tokens@4.0.0:
    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}

@@ -4458,6 +4491,10 @@ packages:
    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
    engines: {node: '>=14'}

+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
  locate-path@6.0.0:
    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
    engines: {node: '>=10'}
@@ -4924,6 +4961,10 @@ packages:
    resolution: {integrity: sha512-Q6Bekk5wpzW5qIyUP4gdMEujObYstZl6DMMOSenwBvV0BlE5LkDwkjs5yHbZmdCEq2o4RJx4tE1vwxFVf2FG1w==}
    engines: {node: '>=16.17'}

+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
  p-limit@3.1.0:
    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
    engines: {node: '>=10'}
@@ -4932,6 +4973,10 @@ packages:
    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}

+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
  p-locate@5.0.0:
    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
    engines: {node: '>=10'}
@@ -4948,6 +4993,10 @@ packages:
    resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
    engines: {node: '>=14.16'}

+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
  p-wait-for@5.0.2:
    resolution: {integrity: sha512-lwx6u1CotQYPVju77R+D0vFomni/AqRfqLmqQ8hekklqZ6gAY9rONh7lBQ0uxWMkC2AuX9b2DVAl8To0NyP1JA==}
    engines: {node: '>=12'}
@@ -5102,6 +5151,10 @@ packages:
  pkg-types@2.1.0:
    resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}

+  pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+
  portfinder@1.0.35:
    resolution: {integrity: sha512-73JaFg4NwYNAufDtS5FsFu/PdM49ahJrO1i44aCRsDWju1z5wuGDaqyFUQWR6aJoK2JPDWlaYYAGFNIGTSUHSw==}
    engines: {node: '>= 10.12'}
@@ -5448,6 +5501,11 @@ packages:
    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
    engines: {node: '>=6'}

+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
  qs@6.14.0:
    resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
    engines: {node: '>=0.6'}
@@ -5553,6 +5611,9 @@ packages:
    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
    engines: {node: '>=0.10.0'}

+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
  require-package-name@2.0.1:
    resolution: {integrity: sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q==}

@@ -5698,6 +5759,9 @@ packages:
    resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
    engines: {node: '>= 18'}

+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
  set-function-length@1.2.2:
    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
    engines: {node: '>= 0.4'}
@@ -6533,6 +6597,9 @@ packages:
  which-boxed-primitive@1.0.2:
    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}

+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
  which-typed-array@1.1.15:
    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
    engines: {node: '>= 0.4'}
@@ -6563,6 +6630,10 @@ packages:
    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
    engines: {node: '>=0.10.0'}

+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
  wrap-ansi@7.0.0:
    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
    engines: {node: '>=10'}
@@ -6599,6 +6670,9 @@ packages:
    engines: {node: '>= 0.10.0'}
    hasBin: true

+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
  y18n@5.0.8:
    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
    engines: {node: '>=10'}
@@ -6628,10 +6702,18 @@ packages:
    engines: {node: '>= 14'}
    hasBin: true

+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
  yargs-parser@21.1.1:
    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
    engines: {node: '>=12'}

+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
  yargs@17.7.2:
    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
    engines: {node: '>=12'}
@@ -8676,7 +8758,6 @@ snapshots:
  '@types/node@22.13.10':
    dependencies:
      undici-types: 6.20.0
-    optional: true

  '@types/normalize-package-data@2.4.4': {}

@@ -8686,6 +8767,10 @@ snapshots:

  '@types/pbf@3.0.5': {}

+  '@types/qrcode@1.5.5':
+    dependencies:
+      '@types/node': 22.13.10
+
  '@types/resolve@1.20.2': {}

  '@types/spark-md5@3.0.5': {}
@@ -9463,6 +9548,8 @@ snapshots:

  camelcase-css@2.0.1: {}

+  camelcase@5.3.1: {}
+
  caniuse-api@3.0.0:
    dependencies:
      browserslist: 4.24.4
@@ -9531,6 +9618,12 @@ snapshots:
      is-wsl: 3.1.0
      is64bit: 2.0.0

+  cliui@6.0.0:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+
  cliui@8.0.1:
    dependencies:
      string-width: 4.2.3
@@ -10007,6 +10100,8 @@ snapshots:
    dependencies:
      callsite: 1.0.0

+  decamelize@1.2.0: {}
+
  decompress-response@6.0.0:
    dependencies:
      mimic-response: 3.1.0
@@ -10132,6 +10227,8 @@ snapshots:

  diff@7.0.0: {}

+  dijkstrajs@1.0.3: {}
+
  dlv@1.1.3: {}

  dom-serializer@2.0.0:
@@ -10563,6 +10660,11 @@ snapshots:

  find-up-simple@1.0.1: {}

+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
  find-up@5.0.0:
    dependencies:
      locate-path: 6.0.0
@@ -11188,6 +11290,8 @@ snapshots:

  jiti@2.4.2: {}

+  js-md5@0.8.3: {}
+
  js-tokens@4.0.0: {}

  js-tokens@9.0.1: {}
@@ -11439,6 +11543,10 @@ snapshots:
      pkg-types: 2.1.0
      quansync: 0.2.8

+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
  locate-path@6.0.0:
    dependencies:
      p-locate: 5.0.0
@@ -12141,6 +12249,10 @@ snapshots:
    dependencies:
      p-timeout: 6.1.4

+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
  p-limit@3.1.0:
    dependencies:
      yocto-queue: 0.1.0
@@ -12149,6 +12261,10 @@ snapshots:
    dependencies:
      yocto-queue: 1.2.1

+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
  p-locate@5.0.0:
    dependencies:
      p-limit: 3.1.0
@@ -12161,6 +12277,8 @@ snapshots:

  p-timeout@6.1.4: {}

+  p-try@2.2.0: {}
+
  p-wait-for@5.0.2:
    dependencies:
      p-timeout: 6.1.4
@@ -12283,6 +12401,8 @@ snapshots:
      exsolve: 1.0.4
      pathe: 2.0.3

+  pngjs@5.0.0: {}
+
  portfinder@1.0.35:
    dependencies:
      async: 3.2.6
@@ -12673,6 +12793,12 @@ snapshots:

  punycode@2.3.1: {}

+  qrcode@1.5.4:
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+
  qs@6.14.0:
    dependencies:
      side-channel: 1.1.0
@@ -12808,6 +12934,8 @@ snapshots:

  require-directory@2.1.1: {}

+  require-main-filename@2.0.0: {}
+
  require-package-name@2.0.1: {}

  resolve-from@4.0.0: {}
@@ -12996,6 +13124,8 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  set-blocking@2.0.0: {}
+
  set-function-length@1.2.2:
    dependencies:
      define-data-property: 1.1.4
@@ -13582,8 +13712,7 @@ snapshots:
      magic-string: 0.30.17
      unplugin: 2.2.0

-  undici-types@6.20.0:
-    optional: true
+  undici-types@6.20.0: {}

  unenv@2.0.0-rc.17:
    dependencies:
@@ -13922,6 +14051,8 @@ snapshots:
      is-string: 1.0.7
      is-symbol: 1.0.4

+  which-module@2.0.1: {}
+
  which-typed-array@1.1.15:
    dependencies:
      available-typed-arrays: 1.0.7
@@ -13964,6 +14095,12 @@ snapshots:

  word-wrap@1.2.5: {}

+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
  wrap-ansi@7.0.0:
    dependencies:
      ansi-styles: 4.3.0
@@ -13997,6 +14134,8 @@ snapshots:
      cssfilter: 0.0.10
    optional: true

+  y18n@4.0.3: {}
+
  y18n@5.0.8: {}

  yallist@3.1.1: {}
@@ -14014,8 +14153,27 @@ snapshots:

  yaml@2.7.0: {}

+  yargs-parser@18.1.3:
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+
  yargs-parser@21.1.1: {}

+  yargs@15.4.1:
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+
  yargs@17.7.2:
    dependencies:
      cliui: 8.0.1
Author	SHA1	Message	Date
keven1024	7a3d03c41f	feat: update primary color in CSS and enhance about page with relative time display and progress component	2025-06-22 01:07:09 +08:00
keven1024	0bdea93726	chore: add js-md5 dependency to pnpm-lock.yaml for file hashing	2025-06-22 00:49:14 +08:00
keven1024	f4740f4373	fix: improve max storage size handling in CreateUploadTask by using GetFileSize for better error management	2025-06-22 00:48:53 +08:00
keven1024	1ac21b3dd0	docs: update README to include new features and todos for file upload service	2025-06-22 00:47:32 +08:00
keven1024	76457a6e88	feat: replace SparkMD5 with js-md5 for file hash calculation and clean up unused code	2025-06-22 00:41:18 +08:00
keven1024	41e9df5ee8	feat: implement async file hash calculation using web workers for improved performance	2025-06-21 22:41:19 +08:00
keven1024	7f5149566c	feat: enhance file upload progress view with error handling and user notifications	2025-06-21 16:45:30 +08:00
keven1024	24b4b2dc93	Merge branch 'main' of https://gitea.fudaoyuan.icu/keven/015	2025-06-21 15:51:24 +08:00
keven1024	9b1b89056d	chore(backend): update version and build_time in GetStat function to use environment variables for better tracking	2025-06-21 15:51:01 +08:00
keven1024	46e3cf529c	chore: update Dockerfile and Drone configuration to use VERSION and BUILD_TIME arguments for better build tracking	2025-06-21 15:47:11 +08:00
keven	3c18fcf8ff	更新 Dockerfile	2025-06-20 17:09:10 +08:00
keven	58403a291a	chore: 添加 Prettier 配置文件以统一代码格式	2025-06-14 21:02:26 +08:00
keven	28154d09ad	feat: 在文件上传进度视图中添加错误处理和用户提示，优化用户体验	2025-06-14 21:02:05 +08:00
keven	d77fc85fd3	feat: 在文件上传任务中添加存储空间检查，确保不超过最大本地存储限制	2025-06-12 23:50:24 +08:00
keven	c971e92905	chore: 移除不再使用的依赖项，包括 go-socket.io 和其他间接依赖，以优化项目的依赖管理	2025-06-12 22:48:06 +08:00
keven1024	a484f8926b	refactor: update import paths to use alias and improve layout in result components for better readability	2025-06-08 17:53:26 +08:00
keven1024	bee32be989	feat: add QR code generation component and enhance file sharing result display with improved information layout	2025-06-08 17:39:13 +08:00
keven1024	ba7a648cbe	refactor: enhance file sharing functionality by implementing token caching and improving error handling in download processes	2025-06-08 16:23:14 +08:00