@yh-ui/flow 0.1.21

package/dist/components/nodes/bpmn/BpmnEndEvent.vue

@@ -0,0 +1,50 @@
+<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: "\u7ED3\u675F" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    width: "40px",
+    height: "40px",
+    borderRadius: "50%",
+    border: "3px solid #ff4d4f",
+    backgroundColor: "#fff2f0",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "4px solid #ff4d4f";
+    base.boxShadow = "0 0 8px rgba(255, 77, 79, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-end-event', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <span class="bpmn-end-event-label">{{ label || data?.label || '结束' }}</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-end-event{color:#cf1322;cursor:pointer;font-size:12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-end-event.dragging{cursor:grabbing;z-index:100}.bpmn-end-event-label{max-width:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpmn-handle{background:#ff4d4f;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnEndEvent.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnExclusiveGateway.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnExclusiveGateway.vue

@@ -0,0 +1,60 @@
+<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: "\u6392\u4ED6\u7F51\u5173" }
+});
+const nodeStyle = computed(() => {
+  const size = 44;
+  const base = {
+    width: `${size}px`,
+    height: `${size}px`,
+    border: "2px solid #faad14",
+    backgroundColor: "#fffbe6",
+    transform: "rotate(45deg)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "3px solid #faad14";
+    base.boxShadow = "0 0 8px rgba(250, 173, 20, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-gateway bpmn-exclusive-gateway', { selected, dragging }]" :style="nodeStyle">
+    <span class="bpmn-gateway-inner">×</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source-bottom"
+      data-handle-type="source"
+      data-handle-position="bottom"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-exclusive-gateway{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-exclusive-gateway.dragging{cursor:grabbing;z-index:100}.bpmn-gateway-inner{color:#ad8b00;font-size:20px;font-weight:700;transform:rotate(-45deg)}.bpmn-handle{background:#faad14;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source-bottom{bottom:-8px;left:50%;transform:translateX(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnExclusiveGateway.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnInclusiveGateway.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnInclusiveGateway.vue

@@ -0,0 +1,60 @@
+<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: "\u5305\u542B\u7F51\u5173" }
+});
+const nodeStyle = computed(() => {
+  const size = 44;
+  const base = {
+    width: `${size}px`,
+    height: `${size}px`,
+    border: "2px solid #eb2f96",
+    backgroundColor: "#fff0f6",
+    transform: "rotate(45deg)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "3px solid #eb2f96";
+    base.boxShadow = "0 0 8px rgba(235, 47, 150, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-gateway bpmn-inclusive-gateway', { selected, dragging }]" :style="nodeStyle">
+    <span class="bpmn-gateway-inner">○</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source-bottom"
+      data-handle-type="source"
+      data-handle-position="bottom"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-inclusive-gateway{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-inclusive-gateway.dragging{cursor:grabbing;z-index:100}.bpmn-gateway-inner{color:#c41d7a;font-size:18px;font-weight:700;transform:rotate(-45deg)}.bpmn-handle{background:#eb2f96;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source-bottom{bottom:-8px;left:50%;transform:translateX(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnInclusiveGateway.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnParallelGateway.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnParallelGateway.vue

@@ -0,0 +1,60 @@
+<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: "\u5E76\u884C\u7F51\u5173" }
+});
+const nodeStyle = computed(() => {
+  const size = 44;
+  const base = {
+    width: `${size}px`,
+    height: `${size}px`,
+    border: "2px solid #13c2c2",
+    backgroundColor: "#e6fffb",
+    transform: "rotate(45deg)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "3px solid #13c2c2";
+    base.boxShadow = "0 0 8px rgba(19, 194, 194, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-gateway bpmn-parallel-gateway', { selected, dragging }]" :style="nodeStyle">
+    <span class="bpmn-gateway-inner">+</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source-bottom"
+      data-handle-type="source"
+      data-handle-position="bottom"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-parallel-gateway{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-parallel-gateway.dragging{cursor:grabbing;z-index:100}.bpmn-gateway-inner{color:#08979c;font-size:22px;font-weight:700;transform:rotate(-45deg)}.bpmn-handle{background:#13c2c2;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source-bottom{bottom:-8px;left:50%;transform:translateX(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnParallelGateway.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnServiceTask.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnServiceTask.vue

@@ -0,0 +1,55 @@
+<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: "\u670D\u52A1\u4EFB\u52A1" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    padding: "10px 16px 10px 36px",
+    minWidth: "100px",
+    borderRadius: "4px",
+    border: "1px solid #722ed1",
+    backgroundColor: "#f9f0ff",
+    textAlign: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "2px solid #722ed1";
+    base.boxShadow = "0 0 8px rgba(114, 46, 209, 0.4)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-service-task', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <span class="bpmn-service-icon" aria-hidden="true">⚙</span>
+    <span class="bpmn-task-label">{{ label || data?.label || '服务任务' }}</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-service-task{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-service-task.dragging{cursor:grabbing;z-index:100}.bpmn-service-icon{font-size:16px;left:10px;opacity:.9;position:absolute;top:50%;transform:translateY(-50%)}.bpmn-task-label{color:#531dab;font-size:13px}.bpmn-handle{background:#722ed1;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnServiceTask.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnStartEvent.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnStartEvent.vue

@@ -0,0 +1,50 @@
+<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: "\u5F00\u59CB" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    width: "40px",
+    height: "40px",
+    borderRadius: "50%",
+    border: "2px solid #52c41a",
+    backgroundColor: "#f6ffed",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "3px solid #52c41a";
+    base.boxShadow = "0 0 8px rgba(82, 196, 26, 0.5)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-start-event', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <span class="bpmn-start-event-label">{{ label || data?.label || '开始' }}</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-start-event{color:#389e0d;cursor:pointer;font-size:12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-start-event.dragging{cursor:grabbing;z-index:100}.bpmn-start-event-label{max-width:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpmn-handle{background:#52c41a;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnStartEvent.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnTask.d.vue.ts

@@ -0,0 +1,19 @@
+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;
+}
+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/bpmn/BpmnTask.vue

@@ -0,0 +1,54 @@
+<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: "\u4EFB\u52A1" }
+});
+const nodeStyle = computed(() => {
+  const base = {
+    padding: "10px 16px",
+    minWidth: "100px",
+    borderRadius: "4px",
+    border: "1px solid #1890ff",
+    backgroundColor: "#e6f7ff",
+    textAlign: "center",
+    transition: "all 0.2s"
+  };
+  if (props.selected) {
+    base.border = "2px solid #1890ff";
+    base.boxShadow = "0 0 8px rgba(24, 144, 255, 0.4)";
+  }
+  return { ...base, ...props.style };
+});
+</script>
+
+<template>
+  <div :class="['bpmn-task', {
+  selected,
+  dragging
+}]" :style="nodeStyle">
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-target"
+      data-handle-type="target"
+      data-handle-position="left"
+    />
+    <span class="bpmn-task-label">{{ label || data?.label || '任务' }}</span>
+    <div
+      v-if="connectable"
+      class="bpmn-handle bpmn-handle-source"
+      data-handle-type="source"
+      data-handle-position="right"
+    />
+  </div>
+</template>
+
+<style scoped>
+.bpmn-task{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bpmn-task.dragging{cursor:grabbing;z-index:100}.bpmn-task-label{color:#0050b3;font-size:13px}.bpmn-handle{background:#1890ff;border:2px solid #fff;border-radius:50%;cursor:crosshair;height:12px;position:absolute;width:12px;z-index:20}.bpmn-handle-target{left:-8px;top:50%;transform:translateY(-50%)}.bpmn-handle-source{right:-8px;top:50%;transform:translateY(-50%)}
+</style>

package/dist/components/nodes/bpmn/BpmnTask.vue.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+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;