Browse Source

infra:code review 表单增强

YunaiV 1 year ago
parent
commit
d05c67ffaa

+ 3 - 3
src/components/FormCreate/src/useFormCreateDesigner.ts

@@ -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 - 0
src/views/infra/build/index.vue

@@ -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