From e8594ed8d4f5bff1cb4506c9756ad7537d79c819 Mon Sep 17 00:00:00 2001
From: zhangjianjun <zhangjianjun@batiao8.com>
Date: Fri, 10 Jul 2026 14:46:39 +0800
Subject: [PATCH] ud

---
 components/JsonFormDialog.vue | 90 ++++++++++++++++++++++-------------
 1 file changed, 57 insertions(+), 33 deletions(-)

diff --git a/components/JsonFormDialog.vue b/components/JsonFormDialog.vue
index 7207dc0..5066545 100644
--- a/components/JsonFormDialog.vue
+++ b/components/JsonFormDialog.vue
@@ -69,7 +69,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, defineComponent, h, type PropType, type VNode, type Component } from 'vue'
-import { Close, FullScreen, CopyDocument, Plus, Delete, UploadFilled } from '@element-plus/icons-vue'
+import { Close, FullScreen, CopyDocument, Plus, Delete, Document, UploadFilled } from '@element-plus/icons-vue'
 import {
     ElFormItem, ElInput, ElInputNumber, ElSwitch, ElButton,
     ElCollapse, ElCollapseItem, ElIcon, ElMessage,
@@ -385,18 +385,26 @@ const NodeEditor: Component = defineComponent({
 
                 let uploadNode = null;
                 if ((isFile || isImage || isVideo)) {
-                    uploadNode = h(UploadInput, {
-                        value: [{url: value}],
-                        type: isImage ? 'image' : isVideo ? 'video' : 'file',
-                        uploadFile: props.uploadFile,
-                        hideUploadButton: true,
-                        transport: `#jfd-${key}`,
-                        onUpdateValue: (v: any) => { 
-                            if(v.length > 0) {
-                                p.parent[key] = v[0].url || ''
-                            }
-                         },
-                    })
+                    uploadNode = [
+                        h(UploadInput, {
+                            value: [{url: value}],
+                            type: isImage ? 'image' : isVideo ? 'video' : 'file',
+                            uploadFile: props.uploadFile,
+                            hideUploadButton: true,
+                            transport: `#jfd-${key}`,
+                            onUpdateValue: (v: any) => {
+                                if(v.length > 0) {
+                                    p.parent[key] = v[0].url || ''
+                                }
+                             },
+                        }),
+                        h(ElButton, {
+                            size: 'small', type: 'primary', link: true,
+                            title: '切换为输入框',
+                            'aria-label': '切换为输入框',
+                            onClick: () => p.parent[key] = '',
+                        }, () => h(ElIcon, { size: 14 }, () => h(Document))),
+                    ]
                 }
                 const inputNode = [
                 h(ElInput, {
@@ -405,9 +413,10 @@ const NodeEditor: Component = defineComponent({
                     'onUpdate:modelValue': (v: string) => { p.parent[key] = v },
                     style: { width: '90%', marginRight: '5px' },
                 }),
-                p.parent[key] === '' && h(ElButton, {
-                    size: 'small', type: 'primary',
-                    title: '切换为图片上传框',
+                h(ElButton, {
+                    size: 'small', type: 'primary', link: true,
+                    title: '切换为上传组件',
+                    'aria-label': '切换为上传组件',
                     onClick: () => p.parent[key] = '1.png',
                 }, () => h(ElIcon, { size: 14 }, () => h(UploadFilled))),
                 ]
@@ -423,9 +432,7 @@ const NodeEditor: Component = defineComponent({
                     },
                 })
 
-                const formItemNode = [
-                    uploadNode || (hasHtmlClosingTag ? wangEditor : inputNode),
-                ]
+                const formItemNode = uploadNode || (hasHtmlClosingTag ? [wangEditor] : inputNode)
 
 
                 const zhVal = p.zhParent?.[key]
@@ -471,24 +478,41 @@ const NodeEditor: Component = defineComponent({
                             const isFile = value[i].includes('.pdf') || value[i].includes('.doc') || value[i].includes('.docx') || value[i].includes('.xls') || value[i].includes('.xlsx') || value[i].includes('.ppt') || value[i].includes('.pptx')
                             let uploadNode = null;
                             if ((isFile || isImage || isVideo)) {
-                                uploadNode = h(UploadInput, {
-                                    value: [{url: value[i], name: value[i]}],
-                                    type: isImage ? 'image' : isVideo ? 'video' : 'file',
-                                    uploadFile: props.uploadFile,
-                                    hideUploadButton: true,
-                                    transport: `#jfd-${key}`,
-                                    onUpdateValue: (v: any) => { 
-                                        if(v.length > 0) {
-                                            value[i] = v[0].url || ''
-                                        }
-                                    },
-                                })
+                                uploadNode = [
+                                    h(UploadInput, {
+                                        value: [{url: value[i], name: value[i]}],
+                                        type: isImage ? 'image' : isVideo ? 'video' : 'file',
+                                        uploadFile: props.uploadFile,
+                                        hideUploadButton: true,
+                                        transport: `#jfd-${key}`,
+                                        onUpdateValue: (v: any) => {
+                                            if(v.length > 0) {
+                                                value[i] = v[0].url || ''
+                                            }
+                                        },
+                                    }),
+                                    h(ElButton, {
+                                        size: 'small', type: 'primary', link: true,
+                                        title: '切换为输入框',
+                                        'aria-label': '切换为输入框',
+                                        onClick: () => value[i] = '',
+                                    }, () => h(ElIcon, { size: 14 }, () => h(Document))),
+                                ]
                             }
-                            return h('div', { class: 'jfd-string-item', key: i }, [
-                                uploadNode || h(ElInput, {
+                            const valueNode = uploadNode || [
+                                h(ElInput, {
                                     modelValue: value[i],
                                     'onUpdate:modelValue': (v: string) => { value[i] = v },
                                 }),
+                                h(ElButton, {
+                                    size: 'small', type: 'primary', link: true,
+                                    title: '切换为上传组件',
+                                    'aria-label': '切换为上传组件',
+                                    onClick: () => value[i] = '1.png',
+                                }, () => h(ElIcon, { size: 14 }, () => h(UploadFilled))),
+                            ]
+                            return h('div', { class: 'jfd-string-item', key: i }, [
+                                ...valueNode,
                                 showBtn ? h(ElButton, {
                                     link: true, size: 'small', class: 'jfd-translate-icon',
                                     loading: translatingPath.value === `${key}-${i}`,