导入项目

wwf

6 小时以前 a1d7e81859f554f3a53680cc35f0f49bf1f77098

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/**
 * 针对 https://github.com/xaboy/form-create-designer 封装的工具类
 */
import { isRef } from 'vue'
import formCreate from '@form-create/element-ui'
 
/** 编码表单 Conf */
export const encodeConf = (designerRef: object) => {
  // @ts-ignore
  // 关联案例：https://gitee.com/yudaocode/yudao-ui-admin-vue3/pulls/834/
  return formCreate.toJson(designerRef.value.getOption())
}
 
/** 解码表单 Conf */
export const decodeConf = (conf: string) => {
  return formCreate.parseJson(conf)
}
 
/** 编码表单 Fields */
export const encodeFields = (designerRef: object) => {
  // @ts-ignore
  const rule = designerRef.value.getRule()
  const fields: string[] = []
  rule.forEach((item: any) => {
    fields.push(formCreate.toJson(item))
  })
  return fields
}
 
/** 解码表单 Fields */
export const decodeFields = (fields: string[]) => {
  const rule: object[] = []
  fields.forEach((item) => {
    rule.push(formCreate.parseJson(item))
  })
  return rule
}
 
/** 设置表单的 Conf 和 Fields，适用 FcDesigner 场景 */
export const setConfAndFields = (designerRef: object, conf: string, fields: string[]) => {
  // @ts-ignore
  designerRef.value.setOption(decodeConf(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)) {
    // @ts-ignore
    detailPreview = detailPreview.value
  }
 
  // @ts-ignore
  detailPreview.option = decodeConf(conf)
  // @ts-ignore
  detailPreview.rule = decodeFields(fields)
 
  if (value) {
    // @ts-ignore
    detailPreview.value = value
  }
}