Merge remote-tracking branch 'origin/dev' into dev
YunaiV
2 years ago
commit
dee479ce3c
@ -1,4 +1,3 @@
|
|||||||
import MyFormCreateDesigner from './src/MyFormCreateDesigner.vue'
|
|
||||||
import { useFormCreateDesigner } from './src/useFormCreateDesigner'
|
import { useFormCreateDesigner } from './src/useFormCreateDesigner'
|
||||||
|
|
||||||
export { MyFormCreateDesigner, useFormCreateDesigner }
|
export { useFormCreateDesigner }
|
||||||
|
|||||||
@ -1,33 +0,0 @@
|
|||||||
<!-- TODO puhui999: 没啥问题的话准备移除 -->
|
|
||||||
<template>
|
|
||||||
<FcDesigner ref="designer" height="780px" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { useUploadFileRule, useUploadImgRule, useUploadImgsRule } from './config'
|
|
||||||
|
|
||||||
defineOptions({ name: 'MyFormCreateDesigner' })
|
|
||||||
|
|
||||||
const designer = ref() // 表单设计器
|
|
||||||
const uploadFileRule = useUploadFileRule()
|
|
||||||
const uploadImgRule = useUploadImgRule()
|
|
||||||
const uploadImgsRule = useUploadImgsRule()
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
// 移除自带的上传组件规则
|
|
||||||
designer.value?.removeMenuItem('upload')
|
|
||||||
const components = [uploadFileRule, uploadImgRule, uploadImgsRule]
|
|
||||||
components.forEach((component) => {
|
|
||||||
//插入组件规则
|
|
||||||
designer.value?.addComponent(component)
|
|
||||||
//插入拖拽按钮到`main`分类下
|
|
||||||
designer.value?.appendMenuItem('main', {
|
|
||||||
icon: component.icon,
|
|
||||||
name: component.name,
|
|
||||||
label: component.label
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
import { generateUUID } from '@/utils'
|
||||||
|
import { localeProps, makeRequiredRule } from '@/components/FormCreate/src/utils'
|
||||||
|
|
||||||
|
export const useEditorRule = () => {
|
||||||
|
const label = '富文本'
|
||||||
|
const name = 'Editor'
|
||||||
|
return {
|
||||||
|
icon: 'icon-editor',
|
||||||
|
label,
|
||||||
|
name,
|
||||||
|
rule() {
|
||||||
|
return {
|
||||||
|
type: name,
|
||||||
|
field: generateUUID(),
|
||||||
|
title: label,
|
||||||
|
info: '',
|
||||||
|
$required: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props(_, { t }) {
|
||||||
|
return localeProps(t, name + '.props', [
|
||||||
|
makeRequiredRule(),
|
||||||
|
{
|
||||||
|
type: 'input',
|
||||||
|
field: 'height',
|
||||||
|
title: '高度'
|
||||||
|
},
|
||||||
|
{ type: 'switch', field: 'readonly', title: '是否只读' }
|
||||||
|
])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue