mirror of
https://gitee.com/cai_xiao_feng/lowflow-design.git
synced 2025-12-08 00:58:23 +08:00
修改监听
This commit is contained in:
parent
395266c0f0
commit
98e6855935
1
src/components.d.ts
vendored
1
src/components.d.ts
vendored
@ -21,7 +21,6 @@ declare module 'vue' {
|
|||||||
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
||||||
ElIcon: typeof import('element-plus/es')['ElIcon']
|
ElIcon: typeof import('element-plus/es')['ElIcon']
|
||||||
ElInput: typeof import('element-plus/es')['ElInput']
|
ElInput: typeof import('element-plus/es')['ElInput']
|
||||||
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
|
|
||||||
ElLink: typeof import('element-plus/es')['ElLink']
|
ElLink: typeof import('element-plus/es')['ElLink']
|
||||||
ElOption: typeof import('element-plus/es')['ElOption']
|
ElOption: typeof import('element-plus/es')['ElOption']
|
||||||
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
|
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
|
||||||
|
|||||||
@ -20,9 +20,7 @@ const $props = defineProps<FlowDesignProps>()
|
|||||||
const $emits = defineEmits(['update:process', 'update:fields'])
|
const $emits = defineEmits(['update:process', 'update:fields'])
|
||||||
const {fields} = useVModels($props, $emits)
|
const {fields} = useVModels($props, $emits)
|
||||||
const process = ref<FlowNode>($props.process)
|
const process = ref<FlowNode>($props.process)
|
||||||
const { undo, redo, canUndo, canRedo} = useRefHistory(process,
|
const { undo, redo, canUndo, canRedo} = useRefHistory(process, {deep: true, clone: cloneDeep })
|
||||||
{deep: true, clone: cloneDeep }
|
|
||||||
)
|
|
||||||
const nodePenalRef = ref<InstanceType<typeof NodePenal>>()
|
const nodePenalRef = ref<InstanceType<typeof NodePenal>>()
|
||||||
const zoom = ref(100)
|
const zoom = ref(100)
|
||||||
const getScale = computed(() => zoom.value / 100)
|
const getScale = computed(() => zoom.value / 100)
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
import Segmented from '~/components/Segmented'
|
import Segmented from '~/components/Segmented'
|
||||||
import {useVModels} from '@vueuse/core'
|
import {useVModels} from '@vueuse/core'
|
||||||
import {ApprovalNode} from '../nodes/Approval/index'
|
import {ApprovalNode} from '../nodes/Approval/index'
|
||||||
import {computed, inject, Ref, ref, watchEffect} from "vue";
|
import {computed, inject, Ref, ref, onMounted} from "vue"
|
||||||
import {CircleCheck, CircleClose, Switch, Plus, Minus} from "@element-plus/icons-vue";
|
import {CircleCheck, CircleClose, Switch, Plus, Minus} from "@element-plus/icons-vue";
|
||||||
import {Field} from "~/components/Render/interface";
|
import {Field} from "~/components/Render/interface";
|
||||||
import {FormProperty} from "~/views/flowDesign/index";
|
import {FormProperty} from "~/views/flowDesign/index";
|
||||||
@ -125,7 +125,7 @@ const changeHidden = (row: FormProperty) => {
|
|||||||
row.required = false
|
row.required = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
watchEffect(() => {
|
onMounted(() => {
|
||||||
const formProperties = node.value.formProperties
|
const formProperties = node.value.formProperties
|
||||||
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
||||||
id: e.id,
|
id: e.id,
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
import Segmented from '~/components/Segmented'
|
import Segmented from '~/components/Segmented'
|
||||||
import {useVModels} from '@vueuse/core'
|
import {useVModels} from '@vueuse/core'
|
||||||
import {CcNode} from '../nodes/Cc/index'
|
import {CcNode} from '../nodes/Cc/index'
|
||||||
import {computed, inject, Ref, ref, watchEffect} from "vue";
|
import {computed, inject, Ref, ref, onMounted} from "vue"
|
||||||
import {Field} from "~/components/Render/interface";
|
import {Field} from "~/components/Render/interface";
|
||||||
|
|
||||||
const activeName = ref('properties')
|
const activeName = ref('properties')
|
||||||
@ -38,7 +38,7 @@ const allHidden = computed({
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
watchEffect(() => {
|
onMounted(() => {
|
||||||
const formProperties = node.value.formProperties
|
const formProperties = node.value.formProperties
|
||||||
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
||||||
id: e.id,
|
id: e.id,
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
import Segmented from '~/components/Segmented'
|
import Segmented from '~/components/Segmented'
|
||||||
import {useVModels} from '@vueuse/core'
|
import {useVModels} from '@vueuse/core'
|
||||||
import {StartNode} from '../nodes/Start/index'
|
import {StartNode} from '../nodes/Start/index'
|
||||||
import {computed, inject, Ref, ref, watchEffect} from "vue";
|
import {computed, inject, onMounted, Ref, ref} from "vue"
|
||||||
import {Field} from "~/components/Render/interface";
|
import {Field} from "~/components/Render/interface";
|
||||||
import {FormProperty} from "~/views/flowDesign/index";
|
import {FormProperty} from "~/views/flowDesign/index";
|
||||||
|
|
||||||
@ -122,7 +122,7 @@ const changeRequired = (row: FormProperty) => {
|
|||||||
row.hidden = false
|
row.hidden = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
watchEffect(() => {
|
onMounted(() => {
|
||||||
const formProperties = node.value.formProperties
|
const formProperties = node.value.formProperties
|
||||||
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
node.value.formProperties = fields.value.filter(e => e.value !== undefined).map(e => ({
|
||||||
id: e.id,
|
id: e.id,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user