<script setup lang="ts">
import type { Node } from "@vue-flow/core";
import { inject, markRaw, onMounted } from "vue";
import {
  GrandparentMethod,
  HJInterNodeData,
  HJMethodName,
  HJNodeData,
} from "../../types/comTypes";
import Basic from "../com/basic.vue";
import { CirclePlus } from "@element-plus/icons-vue";
import OperationHeader from "../com/operationHeader.vue";

// 即使外部定义的类型数据再多，传进来的也是Node类型。
const props = defineProps<HJInterNodeData>();

onMounted(() => {
  // console.log("mounted", props);
});
</script>

<template>
  <Basic v-bind="props">
    <template #header>
      <OperationHeader v-bind="props"></OperationHeader>
    </template>
    <template #default>
      <div class="content-text">
        {{ props.data?.information?.functionName ?? "请配置名称" }}
      </div>
    </template>
  </Basic>
</template>

<style scoped lang="less">
.content-text {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
}
</style>
