修改监听

This commit is contained in:
caixiaofeng 2024-01-23 17:12:23 +08:00
parent 395266c0f0
commit 98e6855935
5 changed files with 7 additions and 10 deletions

1
src/components.d.ts vendored
View File

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

View File

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

View File

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

View File

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

View File

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