| | |
| | | <template> |
| | | <NodeBasicLayout v-model:title="data.title" :type="NodeType.Code" :showOffset="false" :description="data.description"> |
| | | <NodeBasicLayout v-model:title="data.title" :type="NodeType.Code" :showOffset="false" :description="data.description"> |
| | | <Handle :id="targetHandleId" type="target" :position="Position.Left" /> |
| | | <FieldLayout :title="codeInput.name"> |
| | | <el-input class="w-full flex-0" v-model="codeInput.params[0].value" placeholder="参数名"> </el-input> |
| | | </FieldLayout> |
| | | <FieldLayout :title="codeStr.name"> |
| | | <CodeEditor |
| | | v-model="codeStr.params[0].value" |
| | | :title="codeStr.name" |
| | | :language="codeLanguage" |
| | | v-model:defaultLanguage="codeStr.params[0].defaultLanguage" |
| | | v-model:editValue="codeStr.params[0].value" |
| | | /> |
| | | <template #right> |
| | | <!-- <el-select size="small" class="w-[100px]" v-model="codeStr.params[0].defaultLanguage"> |
| | | <el-select size="small" class="w-[100px]" v-model="codeStr.params[0].defaultLanguage"> |
| | | <el-option v-for="item in codeLanguage" :key="item" :value="item" :label="textTypeMap[item]"></el-option> |
| | | </el-select> --> |
| | | </el-select> |
| | | </template> |
| | | </FieldLayout> |
| | | |
| | | <Handle :id="sourceHandleId" type="source" :position="Position.Right" /> |
| | | <Teleport to="body"> |
| | | <CodeEditDialog v-if="editMapCodeItem" v-model="codeEditDlgIsShow" :item="editMapCodeItem"></CodeEditDialog> |
| | | </Teleport> |
| | | |
| | | </NodeBasicLayout> |
| | | </template> |
| | | |
| | |
| | | const data = ref(node.node.data); |
| | | const codeInput = ref(VueFlowHelper.getGroupParam(data.value, 0)); |
| | | const codeStr = ref(VueFlowHelper.getGroupParam(data.value, 1)); |
| | | const codeLanguage = computed(() => { |
| | | return VueFlowHelper.getConfigValue(codeStr.value.params[0], 'language', ['text', 'javascript']); |
| | | }); |
| | | const codeLanguage = ref(VueFlowHelper.getConfigValue(codeStr.value.params[0], 'language', ['text', 'javascript'])); |
| | | // defaultLanguage 不存在,设置默认值 |
| | | !codeStr.value.params[0].defaultLanguage && (codeStr.value.params[0].defaultLanguage = 'text'); |
| | | const getInputEmptyItem = () => { |
| | |
| | | codeInput.value.params[0].value.push(getInputEmptyItem()); |
| | | }; |
| | | |
| | | const editMapCodeItem = ref({}); |
| | | const codeEditDlgIsShow = ref(false); |
| | | const fullEditCodeClick = (item) => { |
| | | editMapCodeItem.value = item; |
| | | codeEditDlgIsShow.value = true; |
| | | }; |
| | | |
| | | |
| | | </script> |