@duxweb/dvha-pro 1.1.29 → 1.1.31

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

@@ -1,246 +1,238 @@
-import { defineComponent as q, watchEffect as z, computed as y, ref as F, watch as g, createVNode as o } from "vue";
-import { useI18n as R } from "@duxweb/dvha-core";
-import { useVModel as T } from "@vueuse/core";
-import { NSelect as w, NInput as c, NButton as x, NSwitch as D } from "naive-ui";
-import { DuxCodeEditor as J } from "../../code/code.js";
-function f(a = 0) {
-  return {
-    name: a === 0 ? "content" : `content_${a + 1}`,
-    type: "text",
-    content: "",
-    description: "",
-    label: "",
-    required: !1
-  };
+import { DuxCodeEditor as e } from "../../code/code.js";
+import "../../code/index.js";
+import { computed as t, createVNode as n, defineComponent as r, ref as i, watch as a, watchEffect as o } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { NButton as c, NInput as l, NSelect as u, NSwitch as d } from "naive-ui";
+import { useVModel as f } from "@vueuse/core";
+function p(e = 0) {
+	return {
+		name: e === 0 ? "content" : `content_${e + 1}`,
+		type: "text",
+		content: "",
+		description: "",
+		label: "",
+		required: !1
+	};
 }
-function b() {
-  return {
-    mode: "text",
-    text: "",
-    items: [f(0)],
-    code: ""
-  };
+function m() {
+	return {
+		mode: "text",
+		text: "",
+		items: [p(0)],
+		code: ""
+	};
 }
-const M = /* @__PURE__ */ q({
-  name: "FlowFieldConfig",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => null
-    },
-    modeOptions: {
-      type: Array,
-      default: () => []
-    },
-    fieldTypeOptions: {
-      type: Array,
-      default: () => []
-    },
-    textPlaceholder: {
-      type: String,
-      default: ""
-    },
-    jsonDescription: {
-      type: String,
-      default: ""
-    },
-    showLabelInput: {
-      type: Boolean,
-      default: !1
-    },
-    labelPlaceholder: {
-      type: String,
-      default: "字段显示名称"
-    },
-    showRequiredSwitch: {
-      type: Boolean,
-      default: !1
-    },
-    requiredLabel: {
-      type: String,
-      default: "必填"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(a, {
-    emit: C
-  }) {
-    const {
-      t: u
-    } = R(), l = T(a, "modelValue", C, {
-      passive: !1,
-      deep: !0,
-      defaultValue: b()
-    }), r = () => {
-      if (!l.value) {
-        l.value = b();
-        return;
-      }
-      l.value.code === void 0 && (l.value = {
-        ...l.value,
-        code: ""
-      });
-    }, V = () => {
-      r(), l.value && (!Array.isArray(l.value.items) || l.value.items.length === 0) && (l.value = {
-        ...l.value,
-        items: [f(0)]
-      });
-    };
-    z(() => {
-      r(), l.value?.mode === "json" && V();
-    });
-    const m = y(() => l.value?.mode === "json" || l.value?.mode === "code" ? l.value.mode : "text"), E = y(() => a.modeOptions?.length ? a.modeOptions : [{
-      label: u("components.flowEditor.fieldConfig.modeText") || "文本模式",
-      value: "text"
-    }, {
-      label: u("components.flowEditor.fieldConfig.modeJson") || "JSON 模式",
-      value: "json"
-    }, {
-      label: u("components.flowEditor.fieldConfig.modeCode") || "代码模式",
-      value: "code"
-    }]), j = y(() => a.fieldTypeOptions || []), d = y(() => Array.isArray(l.value?.items) ? l.value.items : []), p = (e) => {
-      l.value = e;
-    }, s = F(l.value?.code || "");
-    g(() => l.value?.code, (e) => {
-      const t = typeof e == "string" ? e : "";
-      s.value !== t && (s.value = t);
-    }, {
-      immediate: !0
-    }), g(s, (e) => {
-      if (r(), !l.value) return;
-      const t = e || "";
-      l.value.code !== t && p({
-        ...l.value,
-        code: t
-      });
-    });
-    const I = (e) => {
-      if (r(), !l.value) return;
-      const t = {
-        ...l.value,
-        mode: e
-      };
-      if (e === "json" && (!Array.isArray(t.items) || t.items.length === 0) && (t.items = [f(0)]), e === "code" && (typeof t.code != "string" || !t.code.trim()))
-        try {
-          t.code = JSON.stringify(t.items ?? [], null, 2);
-        } catch {
-          t.code = "";
-        }
-      p(t);
-    }, P = (e) => {
-      r(), l.value && p({
-        ...l.value,
-        text: e
-      });
-    }, v = (e) => {
-      r(), l.value && p({
-        ...l.value,
-        items: e
-      });
-    }, i = (e, t, n) => {
-      const A = d.value.map((h, N) => N === e ? {
-        ...h,
-        [t]: n
-      } : h);
-      v(A);
-    }, O = () => {
-      const e = [...d.value, f(d.value.length)];
-      v(e);
-    }, S = (e) => {
-      if (d.value.length <= 1) {
-        v([f(0)]);
-        return;
-      }
-      v(d.value.filter((t, n) => n !== e));
-    }, U = () => o("div", {
-      class: "space-y-3"
-    }, [d.value.map((e, t) => o("div", {
-      key: `${e.name}-${t}`,
-      class: "rounded-md border border-default bg-default p-3 space-y-2"
-    }, [o("div", {
-      class: "flex flex-col gap-2"
-    }, [o("div", {
-      class: "flex items-center gap-2"
-    }, [o(c, {
-      class: "flex-1",
-      value: e.name,
-      placeholder: u("components.flowEditor.fieldConfig.fieldNamePlaceholder") || "字段名称",
-      onUpdateValue: (n) => i(t, "name", n || "")
-    }, null), o(w, {
-      class: "flex-1",
-      value: e.type,
-      options: j.value,
-      placeholder: u("components.flowEditor.fieldConfig.fieldTypePlaceholder") || "字段类型",
-      onUpdateValue: (n) => i(t, "type", n || "text")
-    }, null), o(x, {
-      circle: !0,
-      tertiary: !0,
-      size: "small",
-      type: "error",
-      disabled: d.value.length <= 1,
-      onClick: () => S(t)
-    }, {
-      icon: () => o("div", {
-        class: "i-tabler:x size-4"
-      }, null)
-    })]), a.showLabelInput && o(c, {
-      value: e.label || "",
-      placeholder: a.labelPlaceholder || u("components.flowEditor.fieldConfig.labelPlaceholder") || "字段说明",
-      onUpdateValue: (n) => i(t, "label", n || "")
-    }, null)]), o(c, {
-      value: e.content,
-      type: "textarea",
-      autosize: {
-        minRows: 2,
-        maxRows: 6
-      },
-      placeholder: a.textPlaceholder || u("components.flowEditor.fieldConfig.textPlaceholder") || "",
-      onUpdateValue: (n) => i(t, "content", n || "")
-    }, null), o(c, {
-      value: e.description,
-      placeholder: u("components.flowEditor.fieldConfig.notePlaceholder") || "备注说明",
-      onUpdateValue: (n) => i(t, "description", n || "")
-    }, null), a.showRequiredSwitch && o("div", {
-      class: "flex items-center justify-between text-sm text-muted"
-    }, [o("span", null, [a.requiredLabel]), o(D, {
-      value: !!e.required,
-      size: "small",
-      onUpdateValue: (n) => i(t, "required", !!n)
-    }, null)])])), o(x, {
-      dashed: !0,
-      block: !0,
-      type: "primary",
-      onClick: O
-    }, {
-      default: () => [u("components.flowEditor.fieldConfig.addField") || "新增字段"]
-    }), a.jsonDescription && o("div", {
-      class: "text-xs text-muted"
-    }, [a.jsonDescription])]);
-    return () => o("div", {
-      class: "space-y-3"
-    }, [o(w, {
-      value: m.value,
-      options: E.value,
-      onUpdateValue: (e) => I(e || "text"),
-      placeholder: u("components.flowEditor.fieldConfig.modePlaceholder") || "请选择"
-    }, null), m.value === "text" && o(c, {
-      value: l.value?.text || "",
-      type: "textarea",
-      autosize: {
-        minRows: 4,
-        maxRows: 8
-      },
-      placeholder: a.textPlaceholder,
-      onUpdateValue: (e) => P(e || "")
-    }, null), m.value === "json" && U(), m.value === "code" && o("div", {
-      class: "space-y-2"
-    }, [o(J, {
-      value: s.value,
-      "onUpdate:value": (e) => s.value = e,
-      lang: "json"
-    }, null)])]);
-  }
+const h = /* @__PURE__ */ r({
+	name: "FlowFieldConfig",
+	props: {
+		modelValue: {
+			type: Object,
+			default: () => null
+		},
+		modeOptions: {
+			type: Array,
+			default: () => []
+		},
+		fieldTypeOptions: {
+			type: Array,
+			default: () => []
+		},
+		textPlaceholder: {
+			type: String,
+			default: ""
+		},
+		jsonDescription: {
+			type: String,
+			default: ""
+		},
+		showLabelInput: {
+			type: Boolean,
+			default: !1
+		},
+		labelPlaceholder: {
+			type: String,
+			default: "字段显示名称"
+		},
+		showRequiredSwitch: {
+			type: Boolean,
+			default: !1
+		},
+		requiredLabel: {
+			type: String,
+			default: "必填"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: h }) {
+		let { t: g } = s(), _ = f(r, "modelValue", h, {
+			passive: !1,
+			deep: !0,
+			defaultValue: m()
+		}), v = () => {
+			if (!_.value) {
+				_.value = m();
+				return;
+			}
+			_.value.code === void 0 && (_.value = {
+				..._.value,
+				code: ""
+			});
+		}, y = () => {
+			v(), _.value && (!Array.isArray(_.value.items) || _.value.items.length === 0) && (_.value = {
+				..._.value,
+				items: [p(0)]
+			});
+		};
+		o(() => {
+			v(), _.value?.mode === "json" && y();
+		});
+		let b = t(() => _.value?.mode === "json" || _.value?.mode === "code" ? _.value.mode : "text"), x = t(() => r.modeOptions?.length ? r.modeOptions : [
+			{
+				label: g("components.flowEditor.fieldConfig.modeText") || "文本模式",
+				value: "text"
+			},
+			{
+				label: g("components.flowEditor.fieldConfig.modeJson") || "JSON 模式",
+				value: "json"
+			},
+			{
+				label: g("components.flowEditor.fieldConfig.modeCode") || "代码模式",
+				value: "code"
+			}
+		]), S = t(() => r.fieldTypeOptions || []), C = t(() => Array.isArray(_.value?.items) ? _.value.items : []), w = (e) => {
+			_.value = e;
+		}, T = i(_.value?.code || "");
+		a(() => _.value?.code, (e) => {
+			let t = typeof e == "string" ? e : "";
+			T.value !== t && (T.value = t);
+		}, { immediate: !0 }), a(T, (e) => {
+			if (v(), !_.value) return;
+			let t = e || "";
+			_.value.code !== t && w({
+				..._.value,
+				code: t
+			});
+		});
+		let E = (e) => {
+			if (v(), !_.value) return;
+			let t = {
+				..._.value,
+				mode: e
+			};
+			if (e === "json" && (!Array.isArray(t.items) || t.items.length === 0) && (t.items = [p(0)]), e === "code" && (typeof t.code != "string" || !t.code.trim())) try {
+				t.code = JSON.stringify(t.items ?? [], null, 2);
+			} catch {
+				t.code = "";
+			}
+			w(t);
+		}, D = (e) => {
+			v(), _.value && w({
+				..._.value,
+				text: e
+			});
+		}, O = (e) => {
+			v(), _.value && w({
+				..._.value,
+				items: e
+			});
+		}, k = (e, t, n) => {
+			O(C.value.map((r, i) => i === e ? {
+				...r,
+				[t]: n
+			} : r));
+		}, A = () => {
+			O([...C.value, p(C.value.length)]);
+		}, j = (e) => {
+			if (C.value.length <= 1) {
+				O([p(0)]);
+				return;
+			}
+			O(C.value.filter((t, n) => n !== e));
+		}, M = () => n("div", { class: "space-y-3" }, [
+			C.value.map((e, t) => n("div", {
+				key: `${e.name}-${t}`,
+				class: "rounded-md border border-default bg-default p-3 space-y-2"
+			}, [
+				n("div", { class: "flex flex-col gap-2" }, [n("div", { class: "flex items-center gap-2" }, [
+					n(l, {
+						class: "flex-1",
+						value: e.name,
+						placeholder: g("components.flowEditor.fieldConfig.fieldNamePlaceholder") || "字段名称",
+						onUpdateValue: (e) => k(t, "name", e || "")
+					}, null),
+					n(u, {
+						class: "flex-1",
+						value: e.type,
+						options: S.value,
+						placeholder: g("components.flowEditor.fieldConfig.fieldTypePlaceholder") || "字段类型",
+						onUpdateValue: (e) => k(t, "type", e || "text")
+					}, null),
+					n(c, {
+						circle: !0,
+						tertiary: !0,
+						size: "small",
+						type: "error",
+						disabled: C.value.length <= 1,
+						onClick: () => j(t)
+					}, { icon: () => n("div", { class: "i-tabler:x size-4" }, null) })
+				]), r.showLabelInput && n(l, {
+					value: e.label || "",
+					placeholder: r.labelPlaceholder || g("components.flowEditor.fieldConfig.labelPlaceholder") || "字段说明",
+					onUpdateValue: (e) => k(t, "label", e || "")
+				}, null)]),
+				n(l, {
+					value: e.content,
+					type: "textarea",
+					autosize: {
+						minRows: 2,
+						maxRows: 6
+					},
+					placeholder: r.textPlaceholder || g("components.flowEditor.fieldConfig.textPlaceholder") || "",
+					onUpdateValue: (e) => k(t, "content", e || "")
+				}, null),
+				n(l, {
+					value: e.description,
+					placeholder: g("components.flowEditor.fieldConfig.notePlaceholder") || "备注说明",
+					onUpdateValue: (e) => k(t, "description", e || "")
+				}, null),
+				r.showRequiredSwitch && n("div", { class: "flex items-center justify-between text-sm text-muted" }, [n("span", null, [r.requiredLabel]), n(d, {
+					value: !!e.required,
+					size: "small",
+					onUpdateValue: (e) => k(t, "required", !!e)
+				}, null)])
+			])),
+			n(c, {
+				dashed: !0,
+				block: !0,
+				type: "primary",
+				onClick: A
+			}, { default: () => [g("components.flowEditor.fieldConfig.addField") || "新增字段"] }),
+			r.jsonDescription && n("div", { class: "text-xs text-muted" }, [r.jsonDescription])
+		]);
+		return () => n("div", { class: "space-y-3" }, [
+			n(u, {
+				value: b.value,
+				options: x.value,
+				onUpdateValue: (e) => E(e || "text"),
+				placeholder: g("components.flowEditor.fieldConfig.modePlaceholder") || "请选择"
+			}, null),
+			b.value === "text" && n(l, {
+				value: _.value?.text || "",
+				type: "textarea",
+				autosize: {
+					minRows: 4,
+					maxRows: 8
+				},
+				placeholder: r.textPlaceholder,
+				onUpdateValue: (e) => D(e || "")
+			}, null),
+			b.value === "json" && M(),
+			b.value === "code" && n("div", { class: "space-y-2" }, [n(e, {
+				value: T.value,
+				"onUpdate:value": (e) => T.value = e,
+				lang: "json"
+			}, null)])
+		]);
+	}
 });
-export {
-  M as FlowFieldConfig
-};
+export { h as FlowFieldConfig };

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

@@ -0,0 +1,6 @@
+import "./fieldConfig.js";
+import "./kvInput.js";
+import "./note.js";
+import "./nodeCard.js";
+import "./setting.js";
+import "./toolbar.js";

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

@@ -1,53 +1,40 @@
-import { defineComponent as c, ref as p, createVNode as o, Fragment as m, createTextVNode as l } from "vue";
-import { useMessage as f, NButton as u } from "naive-ui";
-import { useI18n as E } from "@duxweb/dvha-core";
-import { DuxCodeEditor as C } from "../../code/code.js";
-import "@overlastic/vue";
-import v from "../../modal/modalPage.js";
-const N = /* @__PURE__ */ c({
-  name: "FlowJsonEditor",
-  props: {
-    data: {
-      type: Object,
-      required: !0
-    },
-    onConfirm: {
-      type: Function
-    }
-  },
-  setup(r, {
-    emit: i
-  }) {
-    const n = f(), {
-      t: a
-    } = E(), t = p(JSON.stringify(r.data, null, 2)), s = () => {
-      navigator.clipboard.writeText(t.value), n.success(a("components.flowEditor.jsonEditor.copiedToClipboard") || "");
-    }, d = () => {
-      try {
-        const e = JSON.parse(t.value);
-        r.onConfirm && r.onConfirm(e), n.success(a("components.flowEditor.jsonEditor.dataApplied") || ""), i("close");
-      } catch {
-        n.error(a("components.flowEditor.jsonEditor.jsonFormatError") || "");
-      }
-    };
-    return () => o(v, null, {
-      default: () => o("div", null, [o(C, {
-        value: t.value,
-        "onUpdate:value": (e) => t.value = e
-      }, null)]),
-      footer: () => o(m, null, [o(u, {
-        onClick: s
-      }, {
-        default: () => [l("复制数据")]
-      }), o(u, {
-        onClick: d,
-        type: "primary"
-      }, {
-        default: () => [l("应用数据")]
-      })])
-    });
-  }
+import { DuxCodeEditor as e } from "../../code/code.js";
+import "../../code/index.js";
+import t from "../../modal/modalPage.js";
+import "../../modal/index.js";
+import { Fragment as n, createTextVNode as r, createVNode as i, defineComponent as a, ref as o } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { NButton as c, useMessage as l } from "naive-ui";
+var u = /* @__PURE__ */ a({
+	name: "FlowJsonEditor",
+	props: {
+		data: {
+			type: Object,
+			required: !0
+		},
+		onConfirm: { type: Function }
+	},
+	setup(a, { emit: u }) {
+		let d = l(), { t: f } = s(), p = o(JSON.stringify(a.data, null, 2)), m = () => {
+			navigator.clipboard.writeText(p.value), d.success(f("components.flowEditor.jsonEditor.copiedToClipboard") || "");
+		}, h = () => {
+			try {
+				let e = JSON.parse(p.value);
+				a.onConfirm && a.onConfirm(e), d.success(f("components.flowEditor.jsonEditor.dataApplied") || ""), u("close");
+			} catch {
+				d.error(f("components.flowEditor.jsonEditor.jsonFormatError") || "");
+			}
+		};
+		return () => i(t, null, {
+			default: () => i("div", null, [i(e, {
+				value: p.value,
+				"onUpdate:value": (e) => p.value = e
+			}, null)]),
+			footer: () => i(n, null, [i(c, { onClick: m }, { default: () => [r("复制数据")] }), i(c, {
+				onClick: h,
+				type: "primary"
+			}, { default: () => [r("应用数据")] })])
+		});
+	}
 });
-export {
-  N as default
-};
+export { u as default };