fix: allow disable drag area (before fcitxReady)

Author: eagleoflqj

.github/workflows/ci.yml

@@ -13,13 +13,13 @@ jobs:
     steps:
       - uses: actions/checkout@v5
 
-      - uses: actions/setup-node@v5
+      - uses: actions/setup-node@v6
         with:
           node-version: 24.x
 
       - name: Install dependencies
         run: |
-          wget -P cache https://github.com/fcitx-contrib/fcitx5-js/releases/download/latest/fcitx5-js.tgz
+          curl -LO --output-dir cache https://github.com/fcitx-contrib/fcitx5-js/releases/download/latest/fcitx5-js.tgz
           npm i -g pnpm
           pnpm i
 

package.json

@@ -11,16 +11,16 @@
     "build": "vite build && vue-tsc -d --emitDeclarationOnly"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
+    "@antfu/eslint-config": "^6.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "eslint": "^9.38.0",
     "fcitx5-js": "file:cache/fcitx5-js.tgz",
     "naive-ui": "^2.43.1",
     "typescript": "5.9.3",
-    "vite": "^7.1.11",
+    "vite": "^7.1.12",
     "vooks": "^0.2.12",
     "vue": "^3.5.22",
     "vue-i18n": "11",
-    "vue-tsc": "^3.1.1"
+    "vue-tsc": "^3.1.2"
   }
 }

src/PluginManager.vue

@@ -4,6 +4,10 @@ import { NA, NFlex, NList, NListItem, NUpload, NUploadDragger, useMessage } from
 import { computed, ref } from 'vue'
 import { t } from './i18n'
 
+defineProps<{
+  disabled: boolean
+}>()
+
 const message = useMessage()
 
 function getInstalledPlugins() {
@@ -38,7 +42,7 @@ async function onUpload(files: UploadFileInfo[]) {
 
 <template>
   <NFlex size="large">
-    <NUpload v-model:file-list="fileList" multiple accept=".zip" @update:file-list="onUpload">
+    <NUpload v-model:file-list="fileList" :disabled="disabled" multiple accept=".zip" @update:file-list="onUpload">
       <NUploadDragger style="height: 200px">
         <p>{{ t('Download plugin zip by clicking links below') }}</p>
         <p>{{ t('then click (or drag them to) this area') }}</p>