From 5c9a163c46db90e99d9b20047d4f2df30a376a30 Mon Sep 17 00:00:00 2001
From: XuZhiqiang <xzq710675281@163.com>
Date: Sat, 6 Jun 2026 12:46:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(web-antdv-next):=20=E7=BB=9F=E4=B8=80=20Tex?=
 =?UTF-8?q?tArea=20=E5=92=8C=20InputPassword=20=E5=BC=95=E7=94=A8=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/ai/workflow/form/modules/basic-info.vue    |  4 ++--
 .../src/views/bpm/model/form/modules/basic-info.vue  |  3 ++-
 .../src/views/infra/webSocket/index.vue              |  3 ++-
 .../src/views/iot/alert/record/index.vue             |  4 ++--
 .../rule/data/sink/config/database-config-form.vue   |  4 ++--
 .../iot/rule/data/sink/config/http-config-form.vue   |  4 ++--
 .../rule/data/sink/config/kafka-mq-config-form.vue   |  4 ++--
 .../iot/rule/data/sink/config/mqtt-config-form.vue   |  4 ++--
 .../rule/data/sink/config/rabbit-mq-config-form.vue  |  4 ++--
 .../data/sink/config/redis-stream-config-form.vue    |  4 ++--
 .../rule/data/sink/config/rocket-mq-config-form.vue  |  4 ++--
 .../rule/data/sink/config/websocket-config-form.vue  |  4 ++--
 .../src/views/iot/rule/data/sink/modules/form.vue    |  4 ++--
 .../iot/rule/scene/form/inputs/json-params-input.vue |  4 ++--
 .../rule/scene/form/sections/basic-info-section.vue  |  4 ++--
 .../src/views/iot/thingmodel/modules/form.vue        | 12 ++++++++++--
 .../src/views/mp/material/modules/UploadVideo.vue    |  3 ++-
 17 files changed, 42 insertions(+), 31 deletions(-)

diff --git a/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue b/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
index 553905fb0..42d4eec9a 100644
--- a/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
+++ b/apps/web-antdv-next/src/views/ai/workflow/form/modules/basic-info.vue
@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Form, Input, Select } from 'antdv-next';
+import { Form, Input, Select, TextArea } from 'antdv-next';
 
 type Rule = any;
 const modelData = defineModel<any>(); // 创建本地数据副本
@@ -64,7 +64,7 @@ defineExpose({ validate });
       </Select>
     </FormItem>
     <FormItem label="流程描述" name="description" class="mb-5">
-      <Input.TextArea v-model:value="modelData.description" allow-clear />
+      <TextArea v-model:value="modelData.description" allow-clear />
     </FormItem>
   </Form>
 </template>
diff --git a/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue b/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
index 9426d89d3..d671ad82f 100644
--- a/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
+++ b/apps/web-antdv-next/src/views/bpm/model/form/modules/basic-info.vue
@@ -21,6 +21,7 @@ import {
   Input,
   Radio,
   Select,
+  TextArea,
   Tooltip,
 } from 'antdv-next';
 
@@ -295,7 +296,7 @@ defineExpose({ validate });
         <ImageUpload v-model:value="modelData.icon" />
       </FormItem>
       <FormItem label="流程描述" name="description">
-        <Input.TextArea v-model:value="modelData.description" allow-clear />
+        <TextArea v-model:value="modelData.description" allow-clear />
       </FormItem>
       <FormItem label="流程类型" name="type">
         <RadioGroup v-model:value="modelData.type">
diff --git a/apps/web-antdv-next/src/views/infra/webSocket/index.vue b/apps/web-antdv-next/src/views/infra/webSocket/index.vue
index f7e371393..91730c59b 100644
--- a/apps/web-antdv-next/src/views/infra/webSocket/index.vue
+++ b/apps/web-antdv-next/src/views/infra/webSocket/index.vue
@@ -20,6 +20,7 @@ import {
   message,
   Select,
   Tag,
+  TextArea,
 } from 'antdv-next';
 
 import { getSimpleUserList } from '#/api/system/user';
@@ -249,7 +250,7 @@ onMounted(async () => {
           </SelectOption>
         </Select>
 
-        <Input.TextArea
+        <TextArea
           v-model:value="sendText"
           :auto-size="{ minRows: 3, maxRows: 6 }"
           :disabled="!getIsOpen"
diff --git a/apps/web-antdv-next/src/views/iot/alert/record/index.vue b/apps/web-antdv-next/src/views/iot/alert/record/index.vue
index 1df234f7b..412f1295e 100644
--- a/apps/web-antdv-next/src/views/iot/alert/record/index.vue
+++ b/apps/web-antdv-next/src/views/iot/alert/record/index.vue
@@ -7,7 +7,7 @@ import { h, ref } from 'vue';
 import { Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 
-import { Button, Input, message, Modal, Popover } from 'antdv-next';
+import { Button, message, Modal, Popover, TextArea } from 'antdv-next';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAlertRecordPage, processAlertRecord } from '#/api/iot/alert/record';
@@ -37,7 +37,7 @@ function handleProcess(row: AlertRecordApi.AlertRecord) {
     content: () =>
       h('div', { class: 'space-y-2' }, [
         h('p', '请输入处理原因：'),
-        h(Input.TextArea, {
+        h(TextArea, {
           value: processRemark.value,
           'onUpdate:value': (val: string) => (processRemark.value = val),
           rows: 3,
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/database-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/database-config-form.vue
index bf8433c78..6795bfa4a 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/database-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/database-config-form.vue
@@ -5,7 +5,7 @@ import { IconifyIcon } from '@vben/icons';
 import { isEmpty } from '@vben/utils';
 
 import { useClipboard, useVModel } from '@vueuse/core';
-import { Button, Form, FormItem, Input, message } from 'antdv-next';
+import { Button, FormItem, Input, InputPassword, message } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -91,7 +91,7 @@ onMounted(() => {
     :rules="[{ required: true, message: '密码不能为空', trigger: 'blur' }]"
     label="密码"
   >
-    <Input.Password
+    <InputPassword
       v-model:value="config.password"
       placeholder="请输入数据库密码"
     />
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
index 7f4e5a786..72f66eba1 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/http-config-form.vue
@@ -5,7 +5,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, Select, SelectOption } from 'antdv-next';
+import { FormItem, Input, Select, SelectOption, TextArea } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -95,7 +95,7 @@ onMounted(() => {
     <KeyValueEditor v-model="config.query" add-button-text="添加参数" />
   </FormItem>
   <FormItem label="请求体">
-    <Input.TextArea
+    <TextArea
       v-model:value="config.body"
       placeholder="请输入内容"
       :rows="4"
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
index 9f986a65c..c8860a3d6 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/kafka-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, Switch } from 'antdv-next';
+import { FormItem, Input, InputPassword, Switch } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -50,7 +50,7 @@ onMounted(() => {
     :rules="[{ required: true, message: '密码不能为空', trigger: 'blur' }]"
     label="密码"
   >
-    <Input.Password v-model:value="config.password" placeholder="请输入密码" />
+    <InputPassword v-model:value="config.password" placeholder="请输入密码" />
   </FormItem>
   <FormItem :name="['config', 'ssl']" label="启用 SSL">
     <Switch v-model:checked="config.ssl" />
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
index 6be7f7156..93da1fb21 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/mqtt-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input } from 'antdv-next';
+import { FormItem, Input, InputPassword } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -50,7 +50,7 @@ onMounted(() => {
     :rules="[{ required: true, message: '密码不能为空', trigger: 'blur' }]"
     label="密码"
   >
-    <Input.Password v-model:value="config.password" placeholder="请输入密码" />
+    <InputPassword v-model:value="config.password" placeholder="请输入密码" />
   </FormItem>
   <FormItem
     :name="['config', 'clientId']"
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
index b73ccbecd..abf91a0ae 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rabbit-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, InputNumber } from 'antdv-next';
+import { FormItem, Input, InputNumber, InputPassword } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -82,7 +82,7 @@ onMounted(() => {
     :rules="[{ required: true, message: '密码不能为空', trigger: 'blur' }]"
     label="密码"
   >
-    <Input.Password v-model:value="config.password" placeholder="请输入密码" />
+    <InputPassword v-model:value="config.password" placeholder="请输入密码" />
   </FormItem>
   <FormItem
     :name="['config', 'exchange']"
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
index 046d31e4b..d385bb708 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/redis-stream-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, InputNumber } from 'antdv-next';
+import { FormItem, Input, InputNumber, InputPassword } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -73,7 +73,7 @@ onMounted(() => {
     :rules="[{ required: true, message: '密码不能为空', trigger: 'blur' }]"
     label="密码"
   >
-    <Input.Password v-model:value="config.password" placeholder="请输入密码" />
+    <InputPassword v-model:value="config.password" placeholder="请输入密码" />
   </FormItem>
   <FormItem
     :name="['config', 'database']"
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
index a3f798ba3..02a2a3d6e 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/rocket-mq-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input } from 'antdv-next';
+import { FormItem, Input, InputPassword } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -57,7 +57,7 @@ onMounted(() => {
     ]"
     label="SecretKey"
   >
-    <Input.Password
+    <InputPassword
       v-model:value="config.secretKey"
       placeholder="请输入 SecretKey"
     />
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/websocket-config-form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/websocket-config-form.vue
index d0868401e..20a1dc418 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/config/websocket-config-form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/config/websocket-config-form.vue
@@ -4,7 +4,7 @@ import { onMounted } from 'vue';
 import { isEmpty } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { FormItem, Input, InputNumber, Select, SelectOption, Switch } from 'antdv-next';
+import { FormItem, Input, InputNumber, Select, SelectOption, Switch, TextArea } from 'antdv-next';
 
 import { IotDataSinkTypeEnum } from '#/api/iot/rule/data/sink';
 
@@ -103,7 +103,7 @@ onMounted(() => {
     />
   </FormItem>
   <FormItem :name="['config', 'customHeaders']" label="自定义请求头">
-    <Input.TextArea
+    <TextArea
       v-model:value="config.customHeaders"
       placeholder="请输入自定义请求头（JSON 格式）"
       :rows="3"
diff --git a/apps/web-antdv-next/src/views/iot/rule/data/sink/modules/form.vue b/apps/web-antdv-next/src/views/iot/rule/data/sink/modules/form.vue
index 508f30f80..e3f6d454a 100644
--- a/apps/web-antdv-next/src/views/iot/rule/data/sink/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/data/sink/modules/form.vue
@@ -7,7 +7,7 @@ import { useVbenModal } from '@vben/common-ui';
 import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
-import { Form, FormItem, Input, message, Radio, RadioGroup, Select } from 'antdv-next';
+import { Form, FormItem, Input, message, Radio, RadioGroup, Select, TextArea } from 'antdv-next';
 
 import {
   createDataSink,
@@ -112,7 +112,7 @@ function handleTypeChange(type: number) {
         <Input v-model:value="formData.name" placeholder="请输入目的名称" />
       </FormItem>
       <FormItem label="目的描述" name="description">
-        <Input.TextArea
+        <TextArea
           v-model:value="formData.description"
           placeholder="请输入目的描述"
           :rows="3"
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
index 0afa8f5cc..db8190d1a 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/inputs/json-params-input.vue
@@ -15,7 +15,7 @@ import { IconifyIcon } from '@vben/icons';
 import { isEmptyVal } from '@vben/utils';
 
 import { useVModel } from '@vueuse/core';
-import { Button, Input, Popover, Tag } from 'antdv-next';
+import { Button, Popover, Tag, TextArea } from 'antdv-next';
 
 /** JSON参数输入组件 - 通用版本 */
 defineOptions({ name: 'JsonParamsInput' });
@@ -422,7 +422,7 @@ watch(
   <div class="w-full space-y-3">
     <!-- JSON 输入框 -->
     <div class="relative">
-      <Input.TextArea
+      <TextArea
         v-model:value="paramsJson"
         :rows="4"
         :placeholder="placeholder"
diff --git a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
index de1f848e8..66d116e80 100644
--- a/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
+++ b/apps/web-antdv-next/src/views/iot/rule/scene/form/sections/basic-info-section.vue
@@ -7,7 +7,7 @@ import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import { useVModel } from '@vueuse/core';
-import { Card, Col, FormItem, Input, Radio, RadioGroup, Row } from 'antdv-next';
+import { Card, Col, FormItem, Input, Radio, RadioGroup, Row, TextArea } from 'antdv-next';
 
 import { DictTag } from '#/components/dict-tag';
 
@@ -72,7 +72,7 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
         </Col>
       </Row>
       <FormItem label="场景描述" name="description">
-        <Input.TextArea
+        <TextArea
           v-model:value="formData.description"
           placeholder="请输入场景描述（可选）"
           :rows="3"
diff --git a/apps/web-antdv-next/src/views/iot/thingmodel/modules/form.vue b/apps/web-antdv-next/src/views/iot/thingmodel/modules/form.vue
index 3915c7136..3ccf87c16 100644
--- a/apps/web-antdv-next/src/views/iot/thingmodel/modules/form.vue
+++ b/apps/web-antdv-next/src/views/iot/thingmodel/modules/form.vue
@@ -17,7 +17,15 @@ import { getDictOptions } from '@vben/hooks';
 import { $t } from '@vben/locales';
 import { cloneDeep, isEmpty } from '@vben/utils';
 
-import { Form, FormItem, Input, message, Radio, RadioButton, RadioGroup } from 'antdv-next';
+import {
+  Form,
+  FormItem,
+  Input,
+  message,
+  RadioButton,
+  RadioGroup,
+  TextArea,
+} from 'antdv-next';
 
 import {
   createThingModel,
@@ -234,7 +242,7 @@ function removeDataSpecs(val: any) {
         v-model="formData.event"
       />
       <FormItem label="描述" name="description">
-        <Input.TextArea
+        <TextArea
           v-model:value="formData.description"
           :maxlength="200"
           :rows="3"
diff --git a/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue b/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
index 3d62fb308..1553bdd05 100644
--- a/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
+++ b/apps/web-antdv-next/src/views/mp/material/modules/UploadVideo.vue
@@ -14,6 +14,7 @@ import {
   Input,
   message,
   Modal,
+  TextArea,
   Upload,
 } from 'antdv-next';
 
@@ -149,7 +150,7 @@ const customRequest: UploadProps['customRequest'] = async function (options) {
         />
       </FormItem>
       <FormItem label="描述" name="introduction">
-        <Input.TextArea
+        <TextArea
           v-model:value="uploadData.introduction"
           :rows="3"
           placeholder="介绍语将展示在相关播放页面，建议填写简洁明确、有信息量的内容"