diff --git a/src/components/custom/workflow/reduce-signature-modal.vue b/src/components/custom/workflow/reduce-signature-modal.vue
index 233f0699..4b7b5415 100644
--- a/src/components/custom/workflow/reduce-signature-modal.vue
+++ b/src/components/custom/workflow/reduce-signature-modal.vue
@@ -6,7 +6,7 @@ import { $t } from '@/locales';
 import ButtonIcon from '@/components/custom/button-icon.vue';
 
 defineOptions({
-  name: 'ReduceSignatureDrawer'
+  name: 'ReduceSignatureModal'
 });
 
 interface Props {
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index ddc0b483..c4e23535 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -107,7 +107,6 @@ declare module 'vue' {
     NInput: typeof import('naive-ui')['NInput']
     NInputGroup: typeof import('naive-ui')['NInputGroup']
     NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel']
-    NInputNu: typeof import('naive-ui')['NInputNu']
     NInputNumber: typeof import('naive-ui')['NInputNumber']
     NLayout: typeof import('naive-ui')['NLayout']
     NLayoutContent: typeof import('naive-ui')['NLayoutContent']
diff --git a/src/views/workflow/process-instance/index.vue b/src/views/workflow/process-instance/index.vue
index 98283b7f..4263e221 100644
--- a/src/views/workflow/process-instance/index.vue
+++ b/src/views/workflow/process-instance/index.vue
@@ -18,7 +18,7 @@ import DictTag from '@/components/custom/dict-tag.vue';
 import { $t } from '@/locales';
 import ButtonIcon from '@/components/custom/button-icon.vue';
 import InstanceSearch from './modules/process-instance-search.vue';
-import InstanceVariableDrawer from './modules/process-instance-variable-drawer.vue';
+import InstanceVariableModal from './modules/process-instance-variable-modal.vue';
 
 const dynamicComponent = shallowRef();
 
@@ -406,7 +406,7 @@ async function handlePreview(row: Api.Workflow.Instance) {
           class="sm:h-full"
         />
         <component :is="dynamicComponent" :visible="previewVisible" operate-type="detail" :business-id="businessId" />
-        <InstanceVariableDrawer v-model:visible="variableVisible" :row-data="editingData" />
+        <InstanceVariableModal v-model:visible="variableVisible" :row-data="editingData" />
       </NCard>
     </div>
   </TableSiderLayout>
diff --git a/src/views/workflow/process-instance/modules/process-instance-variable-drawer.vue b/src/views/workflow/process-instance/modules/process-instance-variable-modal.vue
similarity index 96%
rename from src/views/workflow/process-instance/modules/process-instance-variable-drawer.vue
rename to src/views/workflow/process-instance/modules/process-instance-variable-modal.vue
index 5efdc738..1c5eb9b1 100644
--- a/src/views/workflow/process-instance/modules/process-instance-variable-drawer.vue
+++ b/src/views/workflow/process-instance/modules/process-instance-variable-modal.vue
@@ -2,7 +2,7 @@
 import JsonPreview from '@/components/custom/json-preview.vue';
 
 defineOptions({
-  name: 'InstanceVariableDrawer'
+  name: 'InstanceVariableModal'
 });
 
 interface Props {