@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/flowEditor/components/kvInput.js

@@ -1,68 +1,58 @@
-import { defineComponent as o, computed as m, createVNode as l } from "vue";
-import { NDynamicInput as p, NInput as r } from "naive-ui";
-function c() {
-  return {
-    name: "",
-    value: ""
-  };
+import { computed as e, createVNode as t, defineComponent as n } from "vue";
+import { NDynamicInput as r, NInput as i } from "naive-ui";
+function a() {
+	return {
+		name: "",
+		value: ""
+	};
 }
-const v = /* @__PURE__ */ o({
-  name: "FlowKVInput",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: Array,
-      default: () => null
-    },
-    namePlaceholder: {
-      type: String,
-      default: "键"
-    },
-    valuePlaceholder: {
-      type: String,
-      default: "值"
-    }
-  },
-  emits: ["update:modelValue", "update:value"],
-  setup(a, {
-    emit: u
-  }) {
-    const n = m({
-      get: () => Array.isArray(a.value) ? a.value : Array.isArray(a.modelValue) ? a.modelValue : [],
-      set: (e) => {
-        u("update:value", e), u("update:modelValue", e);
-      }
-    }), d = (e) => {
-      n.value = e;
-    };
-    return () => l(p, {
-      value: n.value,
-      onUpdateValue: d,
-      onCreate: c
-    }, {
-      default: ({
-        value: e
-      }) => l("div", {
-        class: "flex gap-2"
-      }, [l(r, {
-        value: e.name,
-        placeholder: a.namePlaceholder,
-        onUpdateValue: (t) => {
-          e.name = t || "";
-        }
-      }, null), l(r, {
-        value: e.value,
-        placeholder: a.valuePlaceholder,
-        onUpdateValue: (t) => {
-          e.value = t || "";
-        }
-      }, null)])
-    });
-  }
+const o = /* @__PURE__ */ n({
+	name: "FlowKVInput",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		value: {
+			type: Array,
+			default: () => null
+		},
+		namePlaceholder: {
+			type: String,
+			default: "键"
+		},
+		valuePlaceholder: {
+			type: String,
+			default: "值"
+		}
+	},
+	emits: ["update:modelValue", "update:value"],
+	setup(n, { emit: o }) {
+		let s = e({
+			get: () => Array.isArray(n.value) ? n.value : Array.isArray(n.modelValue) ? n.modelValue : [],
+			set: (e) => {
+				o("update:value", e), o("update:modelValue", e);
+			}
+		}), c = (e) => {
+			s.value = e;
+		};
+		return () => t(r, {
+			value: s.value,
+			onUpdateValue: c,
+			onCreate: a
+		}, { default: ({ value: e }) => t("div", { class: "flex gap-2" }, [t(i, {
+			value: e.name,
+			placeholder: n.namePlaceholder,
+			onUpdateValue: (t) => {
+				e.name = t || "";
+			}
+		}, null), t(i, {
+			value: e.value,
+			placeholder: n.valuePlaceholder,
+			onUpdateValue: (t) => {
+				e.value = t || "";
+			}
+		}, null)]) });
+	}
 });
-export {
-  v as FlowKVInput
-};
+export { o as FlowKVInput };

package/dist/esm/components/flowEditor/components/nodeCard.js

@@ -1,202 +1,168 @@
-import { defineComponent as N, inject as x, createVNode as o } from "vue";
-import { useI18n as F } from "@duxweb/dvha-core";
-import { Position as m, useVueFlow as P, Handle as f } from "@vue-flow/core";
-import l from "clsx";
-import { NDropdown as B } from "naive-ui";
-import { defaultNodes as D } from "../nodes/index.js";
-const p = {
-  primary: {
-    border: "border-primary/50",
-    borderSelected: "border-primary",
-    headerFrom: "from-primary/10",
-    handle: "!bg-primary",
-    iconBg: "bg-primary"
-  },
-  success: {
-    border: "border-emerald/50",
-    borderSelected: "border-emerald",
-    headerFrom: "from-emerald/10",
-    handle: "!bg-emerald",
-    iconBg: "bg-emerald"
-  },
-  warning: {
-    border: "border-amber/50",
-    borderSelected: "border-amber",
-    headerFrom: "from-amber/15",
-    handle: "!bg-amber",
-    iconBg: "bg-amber"
-  },
-  danger: {
-    border: "border-red/50",
-    borderSelected: "border-red",
-    headerFrom: "from-red/10",
-    handle: "!bg-red",
-    iconBg: "bg-red"
-  },
-  info: {
-    border: "border-sky/50",
-    borderSelected: "border-sky",
-    headerFrom: "from-sky/10",
-    handle: "!bg-sky",
-    iconBg: "bg-sky"
-  },
-  purple: {
-    border: "border-violet/50",
-    borderSelected: "border-violet",
-    headerFrom: "from-violet/15",
-    handle: "!bg-violet",
-    iconBg: "bg-violet"
-  }
-}, O = p.primary, L = (e) => e && p[e] || O, z = /* @__PURE__ */ N({
-  name: "FlowNodeCard",
-  props: {
-    nodeProps: {
-      type: Object,
-      required: !0
-    },
-    handlePosition: {
-      type: Object,
-      default: () => ({
-        source: m.Right,
-        target: m.Left
-      })
-    },
-    showTargetHandle: {
-      type: Boolean,
-      default: !0
-    },
-    showSourceHandle: {
-      type: Boolean,
-      default: !0
-    },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    onClick: {
-      type: Function,
-      default: void 0
-    },
-    onDoubleClick: {
-      type: Function,
-      default: void 0
-    },
-    // NodeToolbar相关配置
-    showToolbar: {
-      type: Boolean,
-      default: !0
-    },
-    toolbarPosition: {
-      type: String,
-      default: "top"
-    },
-    toolbarOffset: {
-      type: Number,
-      default: 10
-    }
-  },
-  setup(e, {
-    slots: i
-  }) {
-    const g = x("flowNodes", {}), {
-      removeNodes: y,
-      addNodes: h,
-      findNode: s
-    } = P(), {
-      t: c
-    } = F(), k = (r) => {
-      e.onClick && e.onClick(r);
-    }, w = (r) => {
-      e.onDoubleClick && e.onDoubleClick(r);
-    }, v = (r) => {
-      const a = e.nodeProps.id;
-      switch (r) {
-        case "delete": {
-          y([a]);
-          break;
-        }
-        case "copy": {
-          const t = s(a);
-          if (t) {
-            const n = {
-              ...t,
-              id: `${a}-copy-${Date.now()}`,
-              position: {
-                x: t.position.x + 50,
-                y: t.position.y + 50
-              },
-              data: {
-                ...t.data,
-                label: `${t.data.label} (copy)`
-              },
-              selected: !1
-            };
-            h([n]);
-          }
-          break;
-        }
-      }
-    };
-    return () => {
-      const {
-        data: r,
-        type: a
-      } = e.nodeProps, n = s(e.nodeProps.id)?.selected ?? e.nodeProps.selected ?? !1, b = g || D, u = (b?.value || b)[a || ""], C = u?.meta?.style || {}, d = L(u?.meta?.color || e.color);
-      return o("div", {
-        class: l(["relative rounded-md transition-all cursor-pointer min-w-60 border bg-default dark:bg-default/80 backdrop-blur shadow-lg shadow-gray-100 dark:shadow-gray-950/20 hover:shadow-md", n ? d.borderSelected : d.border]),
-        onClick: k,
-        onDblclick: w
-      }, [o("div", {
-        class: l(["bg-linear-to-b dark:from-transparent via-transparent to-transparent rounded-t p-4 flex items-center justify-between", d.headerFrom])
-      }, [o("div", {
-        class: "flex gap-1.5 items-center"
-      }, [r.icon && o("div", {
-        class: l(["rounded flex-none p-1 text-white", C.iconBgClass || d.iconBg])
-      }, [o("div", {
-        class: l(["size-3", r.icon])
-      }, null)]), o("div", {
-        class: "text-sm truncate"
-      }, [r.label])]), o(B, {
-        trigger: "click",
-        options: [{
-          label: c("components.flowEditor.nodeCard.delete") || "",
-          key: "delete",
-          icon: () => o("div", {
-            class: "i-tabler:trash text-sm"
-          }, null)
-        }, {
-          label: c("components.flowEditor.nodeCard.copy") || "",
-          key: "copy",
-          icon: () => o("div", {
-            class: "i-tabler:copy text-sm"
-          }, null)
-        }],
-        onSelect: v
-      }, {
-        default: () => [o("div", {
-          class: "hover:bg-black/5 p-1 rounded cursor-pointer transition-colors",
-          onClick: (S) => S.stopPropagation()
-        }, [o("div", {
-          class: "i-tabler:dots text-sm text-gray-500"
-        }, null)])]
-      })]), o("div", {
-        class: "p-4 pt-0 text-xs text-muted"
-      }, [i.default ? i.default() : o("div", {
-        class: "bg-elevated rounded p-2"
-      }, [r.description])]), e.showTargetHandle && o(f, {
-        type: "target",
-        position: e.handlePosition.target,
-        connectable: !0,
-        class: l("!border-2 !border-white !size-2.5 !rounded-full", d.handle)
-      }, null), e.showSourceHandle && o(f, {
-        type: "source",
-        position: e.handlePosition.source,
-        connectable: !0,
-        class: l("!border-2 !border-white !size-2.5 !rounded-full", d.handle)
-      }, null)]);
-    };
-  }
+import { defaultNodes as e } from "../nodes/index.js";
+import { createVNode as t, defineComponent as n, inject as r } from "vue";
+import { useI18n as i } from "@duxweb/dvha-core";
+import { NDropdown as a } from "naive-ui";
+import o from "clsx";
+import { Handle as s, Position as c, useVueFlow as l } from "@vue-flow/core";
+var u = {
+	primary: {
+		border: "border-primary/50",
+		borderSelected: "border-primary",
+		headerFrom: "from-primary/10",
+		handle: "!bg-primary",
+		iconBg: "bg-primary"
+	},
+	success: {
+		border: "border-emerald/50",
+		borderSelected: "border-emerald",
+		headerFrom: "from-emerald/10",
+		handle: "!bg-emerald",
+		iconBg: "bg-emerald"
+	},
+	warning: {
+		border: "border-amber/50",
+		borderSelected: "border-amber",
+		headerFrom: "from-amber/15",
+		handle: "!bg-amber",
+		iconBg: "bg-amber"
+	},
+	danger: {
+		border: "border-red/50",
+		borderSelected: "border-red",
+		headerFrom: "from-red/10",
+		handle: "!bg-red",
+		iconBg: "bg-red"
+	},
+	info: {
+		border: "border-sky/50",
+		borderSelected: "border-sky",
+		headerFrom: "from-sky/10",
+		handle: "!bg-sky",
+		iconBg: "bg-sky"
+	},
+	purple: {
+		border: "border-violet/50",
+		borderSelected: "border-violet",
+		headerFrom: "from-violet/15",
+		handle: "!bg-violet",
+		iconBg: "bg-violet"
+	}
+}, d = u.primary, f = (e) => e && u[e] || d;
+const p = /* @__PURE__ */ n({
+	name: "FlowNodeCard",
+	props: {
+		nodeProps: {
+			type: Object,
+			required: !0
+		},
+		handlePosition: {
+			type: Object,
+			default: () => ({
+				source: c.Right,
+				target: c.Left
+			})
+		},
+		showTargetHandle: {
+			type: Boolean,
+			default: !0
+		},
+		showSourceHandle: {
+			type: Boolean,
+			default: !0
+		},
+		color: {
+			type: String,
+			default: "primary"
+		},
+		onClick: {
+			type: Function,
+			default: void 0
+		},
+		onDoubleClick: {
+			type: Function,
+			default: void 0
+		},
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		toolbarPosition: {
+			type: String,
+			default: "top"
+		},
+		toolbarOffset: {
+			type: Number,
+			default: 10
+		}
+	},
+	setup(n, { slots: c }) {
+		let u = r("flowNodes", {}), { removeNodes: d, addNodes: p, findNode: m } = l(), { t: h } = i(), g = (e) => {
+			n.onClick && n.onClick(e);
+		}, _ = (e) => {
+			n.onDoubleClick && n.onDoubleClick(e);
+		}, v = (e) => {
+			let t = n.nodeProps.id;
+			switch (e) {
+				case "delete":
+					d([t]);
+					break;
+				case "copy": {
+					let e = m(t);
+					e && p([{
+						...e,
+						id: `${t}-copy-${Date.now()}`,
+						position: {
+							x: e.position.x + 50,
+							y: e.position.y + 50
+						},
+						data: {
+							...e.data,
+							label: `${e.data.label} (copy)`
+						},
+						selected: !1
+					}]);
+					break;
+				}
+			}
+		};
+		return () => {
+			let { data: r, type: i } = n.nodeProps, l = m(n.nodeProps.id)?.selected ?? n.nodeProps.selected ?? !1, d = u || e, p = (d?.value || d)[i || ""], y = p?.meta?.style || {}, b = f(p?.meta?.color || n.color);
+			return t("div", {
+				class: o(["relative rounded-md transition-all cursor-pointer min-w-60 border bg-default dark:bg-default/80 backdrop-blur shadow-lg shadow-gray-100 dark:shadow-gray-950/20 hover:shadow-md", l ? b.borderSelected : b.border]),
+				onClick: g,
+				onDblclick: _
+			}, [
+				t("div", { class: o(["bg-linear-to-b dark:from-transparent via-transparent to-transparent rounded-t p-4 flex items-center justify-between", b.headerFrom]) }, [t("div", { class: "flex gap-1.5 items-center" }, [r.icon && t("div", { class: o(["rounded flex-none p-1 text-white", y.iconBgClass || b.iconBg]) }, [t("div", { class: o(["size-3", r.icon]) }, null)]), t("div", { class: "text-sm truncate" }, [r.label])]), t(a, {
+					trigger: "click",
+					options: [{
+						label: h("components.flowEditor.nodeCard.delete") || "",
+						key: "delete",
+						icon: () => t("div", { class: "i-tabler:trash text-sm" }, null)
+					}, {
+						label: h("components.flowEditor.nodeCard.copy") || "",
+						key: "copy",
+						icon: () => t("div", { class: "i-tabler:copy text-sm" }, null)
+					}],
+					onSelect: v
+				}, { default: () => [t("div", {
+					class: "hover:bg-black/5 p-1 rounded cursor-pointer transition-colors",
+					onClick: (e) => e.stopPropagation()
+				}, [t("div", { class: "i-tabler:dots text-sm text-gray-500" }, null)])] })]),
+				t("div", { class: "p-4 pt-0 text-xs text-muted" }, [c.default ? c.default() : t("div", { class: "bg-elevated rounded p-2" }, [r.description])]),
+				n.showTargetHandle && t(s, {
+					type: "target",
+					position: n.handlePosition.target,
+					connectable: !0,
+					class: o("!border-2 !border-white !size-2.5 !rounded-full", b.handle)
+				}, null),
+				n.showSourceHandle && t(s, {
+					type: "source",
+					position: n.handlePosition.source,
+					connectable: !0,
+					class: o("!border-2 !border-white !size-2.5 !rounded-full", b.handle)
+				}, null)
+			]);
+		};
+	}
 });
-export {
-  z as FlowNodeCard
-};
+export { p as FlowNodeCard };

package/dist/esm/components/flowEditor/components/note.js

@@ -1,37 +1,32 @@
-import { defineComponent as n, createVNode as o } from "vue";
-const a = /* @__PURE__ */ n({
-  name: "FlowNote",
-  props: {
-    content: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    colorClass: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(t, {
-    slots: e
-  }) {
-    const r = () => {
-      if (e.default)
-        return e.default();
-      if (typeof t.content == "string")
-        return t.content;
-      if (Array.isArray(t.content) || typeof t.content == "object")
-        try {
-          return JSON.stringify(t.content, null, 2);
-        } catch {
-          return "";
-        }
-      return t.content;
-    };
-    return () => o("div", {
-      class: ["rounded-md border border-primary/60 bg-primary/10 text-primary p-4", t.colorClass]
-    }, [r()]);
-  }
+import { createVNode as e, defineComponent as t } from "vue";
+const n = /* @__PURE__ */ t({
+	name: "FlowNote",
+	props: {
+		content: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		colorClass: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(t, { slots: n }) {
+		let r = () => {
+			if (n.default) return n.default();
+			if (typeof t.content == "string") return t.content;
+			if (Array.isArray(t.content) || typeof t.content == "object") try {
+				return JSON.stringify(t.content, null, 2);
+			} catch {
+				return "";
+			}
+			return t.content;
+		};
+		return () => e("div", { class: ["rounded-md border border-primary/60 bg-primary/10 text-primary p-4", t.colorClass] }, [r()]);
+	}
 });
-export {
-  a as FlowNote
-};
+export { n as FlowNote };