root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

infra：code review 表单增强

Browse Source
This commit is contained in:
YunaiV 2024-03-30 21:15:01 +08:00
parent 5ca3358237
commit d05c67ffaa
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/FormCreate/src/useFormCreateDesigner.ts
View File

@ -14,13 +14,13 @@ export const useFormCreateDesigner = (designer: Ref) => {
const uploadImgsRule = useUploadImgsRule() const uploadImgsRule = useUploadImgsRule()
onMounted(() => { onMounted(() => {
// 移除自带的上传组件规则 // 移除自带的上传组件规则，使用 uploadFileRule、uploadImgRule、uploadImgsRule 替代
designer.value?.removeMenuItem('upload') designer.value?.removeMenuItem('upload')
const components = [uploadFileRule, uploadImgRule, uploadImgsRule] const components = [uploadFileRule, uploadImgRule, uploadImgsRule]
components.forEach((component) => { components.forEach((component) => {
//插入组件规则 // 插入组件规则
designer.value?.addComponent(component) designer.value?.addComponent(component)
//插入拖拽按钮到`main`分类下 // 插入拖拽按钮到 `main` 分类下
designer.value?.appendMenuItem('main', { designer.value?.appendMenuItem('main', {
icon: component.icon, icon: component.icon,
name: component.name, name: component.name,

1
src/views/infra/build/index.vue
View File

@ -51,6 +51,7 @@ const dialogTitle = ref('') // 弹窗的标题
const formType = ref(-1) // 表单的类型：0 - 生成 JSON；1 - 生成 Options；2 - 生成组件 const formType = ref(-1) // 表单的类型：0 - 生成 JSON；1 - 生成 Options；2 - 生成组件
const formData = ref('') // 表单数据 const formData = ref('') // 表单数据
useFormCreateDesigner(designer) // 表单设计器增强 useFormCreateDesigner(designer) // 表单设计器增强
/** 打开弹窗 */ /** 打开弹窗 */
const openModel = (title: string) => { const openModel = (title: string) => {
dialogVisible.value = true dialogVisible.value = true