@yh-ui/flow 0.1.21

package/dist/components/nodes/NodeResizer.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    nodeId: string;
+    selected?: boolean;
+    minWidth?: number;
+    minHeight?: number;
+    keepAspectRatio?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    resize: (data: {
+        width: number;
+        height: number;
+        x?: number;
+        y?: number;
+    }) => any;
+    resizeStart: (event: MouseEvent) => any;
+    resizeEnd: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResize?: ((data: {
+        width: number;
+        height: number;
+        x?: number;
+        y?: number;
+    }) => any) | undefined;
+    onResizeStart?: ((event: MouseEvent) => any) | undefined;
+    onResizeEnd?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/NodeToolbar.d.vue.ts

@@ -0,0 +1,32 @@
+import type { Position } from '../../types';
+type __VLS_Props = {
+    nodeId: string;
+    selected?: boolean;
+    position?: Position;
+    offset?: number;
+    teleportTo?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    updatePosition: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    copy: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onCopy?: (() => any) | undefined;
+}>, {
+    position: Position;
+    offset: number;
+    teleportTo: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/nodes/NodeToolbar.vue

@@ -0,0 +1,101 @@
+<template>
+  <Teleport :to="teleportTarget">
+    <div
+      v-if="isVisible"
+      ref="toolbarRef"
+      class="yh-flow-node-toolbar"
+      :style="toolbarStyle"
+      @mousedown.stop
+      @click.stop
+    >
+      <slot>
+        <!-- 默认工具栏内容 -->
+        <div class="default-toolbar">
+          <button @click="emit('delete')">Delete</button>
+          <button @click="emit('copy')">Copy</button>
+        </div>
+      </slot>
+    </div>
+  </Teleport>
+</template>
+
+<script setup>
+import { computed, ref, onMounted, onBeforeUnmount, watch } from "vue";
+const props = defineProps({
+  nodeId: { type: String, required: true },
+  selected: { type: Boolean, required: false },
+  position: { type: String, required: false, default: "top" },
+  offset: { type: Number, required: false, default: 10 },
+  teleportTo: { type: String, required: false, default: "body" }
+});
+const emit = defineEmits(["delete", "copy"]);
+const toolbarRef = ref();
+const isVisible = computed(() => props.selected);
+const toolbarStyle = ref({
+  position: "absolute",
+  top: "0px",
+  left: "0px",
+  zIndex: 99999,
+  transform: ""
+});
+const teleportTarget = computed(() => props.teleportTo);
+let rafId = 0;
+const updatePosition = () => {
+  if (!isVisible.value) return;
+  const nodeEl = document.getElementById(`node-${props.nodeId}`);
+  if (!nodeEl) {
+    rafId = requestAnimationFrame(updatePosition);
+    return;
+  }
+  const rect = nodeEl.getBoundingClientRect();
+  const scrollX = window.scrollX;
+  const scrollY = window.scrollY;
+  let top = 0;
+  let left = 0;
+  if (props.position === "top") {
+    top = rect.top + scrollY - props.offset - 40;
+    left = rect.left + scrollX + rect.width / 2;
+  } else if (props.position === "bottom") {
+    top = rect.bottom + scrollY + props.offset;
+    left = rect.left + scrollX + rect.width / 2;
+  } else if (props.position === "left") {
+    top = rect.top + scrollY + rect.height / 2;
+    left = rect.left + scrollX - props.offset - 60;
+  } else if (props.position === "right") {
+    top = rect.top + scrollY + rect.height / 2;
+    left = rect.right + scrollX + props.offset;
+  }
+  toolbarStyle.value = {
+    ...toolbarStyle.value,
+    top: `${top}px`,
+    left: `${left}px`,
+    transform: props.position === "top" || props.position === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+  };
+  rafId = requestAnimationFrame(updatePosition);
+};
+watch(isVisible, (val) => {
+  if (val) {
+    updatePosition();
+  } else {
+    if (rafId) {
+      cancelAnimationFrame(rafId);
+      rafId = 0;
+    }
+  }
+});
+onMounted(() => {
+  if (isVisible.value) {
+    updatePosition();
+  }
+});
+onBeforeUnmount(() => {
+  if (rafId) cancelAnimationFrame(rafId);
+});
+defineExpose({
+  updatePosition
+});
+</script>
+
+<style scoped>
+.yh-flow-node-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:4px;pointer-events:auto}.default-toolbar{display:flex;gap:4px}.default-toolbar button{background:transparent;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:11px;padding:4px 8px}.default-toolbar button:hover{background:#f1f5f9;color:#3b82f6}
+</style>

package/dist/components/nodes/NodeToolbar.vue.d.ts

@@ -0,0 +1,32 @@
+import type { Position } from '../../types';
+type __VLS_Props = {
+    nodeId: string;
+    selected?: boolean;
+    position?: Position;
+    offset?: number;
+    teleportTo?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    updatePosition: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    copy: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onCopy?: (() => any) | undefined;
+}>, {
+    position: Position;
+    offset: number;
+    teleportTo: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/nodes/OutputNode.d.vue.ts

@@ -0,0 +1,21 @@
+import type { Node, NodeStyle } from '../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: Node['data'];
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+    labelColor?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+    labelColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/OutputNode.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  type: { type: String, required: true },
+  data: { type: null, required: true },
+  selected: { type: Boolean, required: true, default: false },
+  dragging: { type: Boolean, required: true, default: false },
+  connectable: { type: Boolean, required: true, default: true },
+  style: { type: Object, required: false, default: () => ({}) },
+  label: { type: String, required: false, default: "" },
+  labelColor: { type: String, required: false, default: "" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    padding: "10px 15px",
+    borderRadius: "12px 4px 4px 4px",
+    border: "1px solid #e6a23c",
+    backgroundColor: "#fff7e6",
+    minWidth: "80px",
+    textAlign: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "2px solid #e6a23c";
+    base.boxShadow = "0 0 8px rgba(230, 162, 60, 0.4)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['flow-output-node', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <div
+      class="flow-handle-left"
+      v-if="connectable"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div class="flow-node-label" :style="{
+  color: labelColor || data?.labelColor || '#000'
+}">
+      {{ label || data?.label || 'Output' }}
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.flow-output-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-output-node.dragging{cursor:grabbing}.flow-output-node .flow-handle-left{background-color:#e6a23c;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.flow-node-label{color:#000;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:400}
+</style>

package/dist/components/nodes/OutputNode.vue.d.ts

@@ -0,0 +1,21 @@
+import type { Node, NodeStyle } from '../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: Node['data'];
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+    labelColor?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+    labelColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiAgentNode.d.vue.ts

@@ -0,0 +1,20 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    data: NodeData;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiAgentNode.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  type: { type: String, required: true },
+  data: { type: Object, required: true, default: () => ({}) },
+  selected: { type: Boolean, required: true, default: false },
+  dragging: { type: Boolean, required: true, default: false },
+  connectable: { type: Boolean, required: true, default: true },
+  style: { type: Object, required: false, default: () => ({}) },
+  label: { type: String, required: false, default: "Agent" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    padding: "12px 16px",
+    minWidth: "160px",
+    borderRadius: "12px",
+    border: "1px solid #f97316",
+    backgroundColor: "#fff7ed",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "2px solid #f97316";
+    base.boxShadow = "0 0 12px rgba(249, 115, 22, 0.4)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['ai-agent-node', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div class="ai-node-header">
+      <span class="ai-node-icon">🤖</span>
+      <span class="ai-node-title">{{ label || data?.label || 'Agent' }}</span>
+    </div>
+    <div class="ai-node-body">
+      <div class="ai-node-tools">{{ props.data?.tools?.length || 0 }} 个工具</div>
+    </div>
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+  </div>
+</template>
+
+<style scoped>
+.ai-agent-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-agent-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#c2410c;font-size:13px;font-weight:600}.ai-node-body{font-size:12px}.ai-node-tools{background:#ffedd5;border-radius:4px;color:#ea580c;display:inline-block;padding:2px 8px}.ai-handle{background:#f97316;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/ai-workflow/AiAgentNode.vue.d.ts

@@ -0,0 +1,20 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    data: NodeData;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiConditionNode.d.vue.ts

@@ -0,0 +1,19 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiConditionNode.vue

@@ -0,0 +1,65 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  type: { type: String, required: true },
+  data: { type: Object, required: true },
+  selected: { type: Boolean, required: true, default: false },
+  dragging: { type: Boolean, required: true, default: false },
+  connectable: { type: Boolean, required: true, default: true },
+  style: { type: Object, required: false, default: () => ({}) },
+  label: { type: String, required: false, default: "\u6761\u4EF6\u5206\u652F" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    padding: "12px 16px",
+    minWidth: "140px",
+    borderRadius: "12px",
+    border: "1px solid #f43f5e",
+    backgroundColor: "#fff1f2",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "2px solid #f43f5e";
+    base.boxShadow = "0 0 12px rgba(244, 63, 94, 0.4)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['ai-condition-node', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div class="ai-node-header">
+      <span class="ai-node-icon">🔀</span>
+      <span class="ai-node-title">{{ label || data?.label || '条件分支' }}</span>
+    </div>
+    <div class="ai-node-body">
+      <div class="ai-node-condition">{{ data?.condition || "\u8BBE\u7F6E\u6761\u4EF6..." }}</div>
+    </div>
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-source-bottom"
+      data-handle-type="source"
+      data-handle-position="bottom"
+    />
+  </div>
+</template>
+
+<style scoped>
+.ai-condition-node{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-condition-node.dragging{cursor:grabbing;z-index:100}.ai-node-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ai-node-icon{font-size:16px}.ai-node-title{color:#e11d48;font-size:13px;font-weight:600}.ai-node-body{font-size:12px}.ai-node-condition{background:#ffe4e6;border-radius:4px;color:#be123c;display:inline-block;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.ai-handle{background:#f43f5e;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source{right:-8px;top:50%;transform:translateY(-50%)}.ai-handle-source-bottom{bottom:-8px;left:50%;transform:translateX(-50%)}
+</style>

package/dist/components/nodes/ai-workflow/AiConditionNode.vue.d.ts

@@ -0,0 +1,19 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiEndNode.d.vue.ts

@@ -0,0 +1,19 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiEndNode.vue

@@ -0,0 +1,47 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  type: { type: String, required: true },
+  data: { type: Object, required: true },
+  selected: { type: Boolean, required: true, default: false },
+  dragging: { type: Boolean, required: true, default: false },
+  connectable: { type: Boolean, required: true, default: true },
+  style: { type: Object, required: false, default: () => ({}) },
+  label: { type: String, required: false, default: "\u7ED3\u675F" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    width: "48px",
+    height: "48px",
+    borderRadius: "50%",
+    border: "3px solid #ef4444",
+    backgroundColor: "#fef2f2",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "4px solid #ef4444";
+    base.boxShadow = "0 0 12px rgba(239, 68, 68, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['ai-end-node', { selected, dragging }]" :style="nodeStyle">
+    <span class="ai-end-icon">■</span>
+    <div
+      v-if="connectable"
+      class="ai-handle ai-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+  </div>
+</template>
+
+<style scoped>
+.ai-end-node{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-end-node.dragging{cursor:grabbing;z-index:100}.ai-end-icon{color:#dc2626;font-size:16px}.ai-handle{background:#ef4444;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.ai-handle-target{left:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/ai-workflow/AiEndNode.vue.d.ts

@@ -0,0 +1,19 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/nodes/ai-workflow/AiLlmNode.d.vue.ts

@@ -0,0 +1,19 @@
+import type { NodeStyle, NodeData } from '../../../types';
+interface Props {
+    id: string;
+    type: string;
+    data: NodeData;
+    selected: boolean;
+    dragging: boolean;
+    connectable: boolean;
+    style?: NodeStyle;
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    style: NodeStyle;
+    connectable: boolean;
+    selected: boolean;
+    dragging: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;