卡片data更新

This commit is contained in:
lzp
2026-03-05 15:47:52 +08:00
parent 2384771e9a
commit 4c2cbebc15

View File

@@ -27,7 +27,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { NODE_DATATYPE, NODE_DATATIER } from '../../../tools/index.d' import { NODE_DATATYPE, NODE_DATATIER } from '../../../tools/index.d'
import { computed, ref, useAttrs, onMounted, inject } from 'vue' import { computed, ref, useAttrs, onMounted, inject, watch } from 'vue'
import CardsSelect from './cards-select.vue' import CardsSelect from './cards-select.vue'
import ToRealStyle from './to-real-style.vue' import ToRealStyle from './to-real-style.vue'
import SurfaceEdit from './surface-edit.vue' import SurfaceEdit from './surface-edit.vue'
@@ -90,6 +90,7 @@
] ]
const nodeManager = inject('nodeManager') as any const nodeManager = inject('nodeManager') as any
const stateManager = inject('stateManager') as any const stateManager = inject('stateManager') as any
const emit = defineEmits(['update-data'])
const props = defineProps({ const props = defineProps({
type: { type: {
type: String as () => type: String as () =>
@@ -113,9 +114,9 @@
}) })
const componentRef = ref(null) const componentRef = ref(null)
const onGenerateClick = () => { const onGenerateClick = () => {
const data = { ...componentRef.value.data } const data = componentRef.value.data
const subordNode = stateManager.getSubordNodeByID(attrs.node.id) const subordNode = stateManager.getSubordNodeByID(attrs.node.id)
if (attrs.node.data) attrs.node.data.data = data emit('update-data', data)
if (!subordNode) { if (!subordNode) {
nodeManager.createResultNode({ nodeManager.createResultNode({
data: { data: {
@@ -129,28 +130,35 @@
} else { } else {
subordNode.data.data.url = subordNode.data.data.url =
'https://s3-alpha-sig.figma.com/img/8ce2/f1a4/12b93da90e5f17109e7430f14837fd14?Expires=1773619200&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=kmLsTFtXJqfvuxj6husWlDkRDMOIRDjzUUjb7zh79GkBKihUHc0f59k5OAImHTPdaiEREUCCpn~8sQ-si5lenuauJpApCmAU~NsxjfQhuh9m5O~GiHenr2fKu0DIJ75-oCE3859fyxoSFXQgZ9PRmeb98kikMR6uRX9nI5TPUHgKO8ZgkhDBTW~iyaDT~1ybnoK7elPa6T2VzfO-bpIyY-MZ71VRq3RxwmZRxduqHEb3Dh-jjrHyh2SoQsHmUjSJOf-uYilfvpGUResZAjAq8ZVLEjvhzKC2bmCNZIp3RmhYO8ctU7pd5t91J6Xaa6jBLtGfMxbqIm652EC79K0RoA__' 'https://s3-alpha-sig.figma.com/img/8ce2/f1a4/12b93da90e5f17109e7430f14837fd14?Expires=1773619200&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=kmLsTFtXJqfvuxj6husWlDkRDMOIRDjzUUjb7zh79GkBKihUHc0f59k5OAImHTPdaiEREUCCpn~8sQ-si5lenuauJpApCmAU~NsxjfQhuh9m5O~GiHenr2fKu0DIJ75-oCE3859fyxoSFXQgZ9PRmeb98kikMR6uRX9nI5TPUHgKO8ZgkhDBTW~iyaDT~1ybnoK7elPa6T2VzfO-bpIyY-MZ71VRq3RxwmZRxduqHEb3Dh-jjrHyh2SoQsHmUjSJOf-uYilfvpGUResZAjAq8ZVLEjvhzKC2bmCNZIp3RmhYO8ctU7pd5t91J6Xaa6jBLtGfMxbqIm652EC79K0RoA__'
setTimeout(() => stateManager.recordState())
} }
} }
//删除功能卡片 //删除功能卡片
const onDeleteClick = ()=>{ const onDeleteClick = () => {
ElMessageBox.confirm( ElMessageBox.confirm($t('flowCanvas.deleteCardConfirm'), '', {
$t('flowCanvas.deleteCardConfirm'), confirmButtonText: $t('flowCanvas.confirm'),
'', cancelButtonText: $t('flowCanvas.cancel')
{
confirmButtonText: $t('flowCanvas.confirm'),
cancelButtonText: $t('flowCanvas.cancel'),
}
).then(() => {
stateManager.deleteNode(attrs.node.id)
}).catch(() => {
}) })
.then(() => {
stateManager.deleteNode(attrs.node.id)
})
.catch(() => {})
} }
onMounted(() => { const setDate = () => {
for (const key in props.data) { for (const key in props.data) {
if (componentRef.value?.data?.hasOwnProperty(key)) { if (componentRef.value?.data?.hasOwnProperty(key)) {
componentRef.value.data[key] = props.data[key] componentRef.value.data[key] = props.data[key]
} }
} }
}
watch(
() => props.data,
(newVal) => {
setDate()
}
)
onMounted(() => {
setDate()
}) })
</script> </script>