form回显

src/utils/formCreate.ts

@@ -4,54 +4,55 @@
 
 // 编码表单 Conf
 export const encodeConf = (designerRef: object) => {
-  // @ts-ignore
-  return JSON.stringify(designerRef.value.getOption())
+    // @ts-ignore
+    return JSON.stringify(designerRef.value.getOption())
 }
 
 // 编码表单 Fields
 export const encodeFields = (designerRef: object) => {
-  // @ts-ignore
-  const rule = designerRef.value.getRule()
-  const fields: string[] = []
-  rule.forEach((item) => {
-    fields.push(JSON.stringify(item))
-  })
-  return fields
+    // @ts-ignore
+    const rule = designerRef.value.getRule()
+    const fields: string[] = []
+    rule.forEach(item => {
+        fields.push(JSON.stringify(item))
+    })
+    return fields
 }
 
 // 解码表单 Fields
 export const decodeFields = (fields: string[]) => {
-  const rule: object[] = []
-  fields.forEach((item) => {
-    rule.push(JSON.parse(item))
-  })
-  return rule
+    const rule: object[] = []
+    fields.forEach(item => {
+        rule.push(JSON.parse(item))
+    })
+    return rule
 }
 
 // 设置表单的 Conf 和 Fields，适用 FcDesigner 场景
 export const setConfAndFields = (designerRef: object, conf: string, fields: string) => {
-  // @ts-ignore
-  designerRef.value.setOption(JSON.parse(conf))
-  // @ts-ignore
-  designerRef.value.setRule(decodeFields(fields))
+    // @ts-ignore
+    designerRef.value.setOption(JSON.parse(conf))
+    // @ts-ignore
+    designerRef.value.setRule(decodeFields(fields))
 }
 
 // 设置表单的 Conf 和 Fields，适用 form-create 场景
-export const setConfAndFields2 = (
-  detailPreview: object,
-  conf: string,
-  fields: string[],
-  value?: object
-) => {
-  if (isRef(detailPreview)) {
-    detailPreview = detailPreview.value
-  }
-  // @ts-ignore
-  detailPreview.option = JSON.parse(conf)
-  // @ts-ignore
-  detailPreview.rule = decodeFields(fields)
-  if (value) {
+export const setConfAndFields2 = (detailPreview: object, conf: string, fields: string[], value?: object) => {
+    if (isRef(detailPreview)) {
+        detailPreview = detailPreview.value
+    }
     // @ts-ignore
-    detailPreview.value = value
-  }
+    detailPreview.option = JSON.parse(conf)
+    // @ts-ignore
+    detailPreview.rule = decodeFields(fields)
+    if (value) {
+        // @ts-ignore
+        detailPreview.value = value
+    }
+}
+
+// 清除表单的 Conf 和 Fields，适用 form-create 场景
+export const resetConfAndFields = (detailPreview: object) => {
+    // @ts-ignore
+    detailPreview.value = {}
 }