@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/schemaEditor/schemaEditor.js

@@ -1,558 +1,420 @@
-import { markRaw as Y, defineComponent as D, ref as I, watch as R, computed as k, createVNode as t, isVNode as G, mergeProps as S } from "vue";
-import { useI18n as B } from "@duxweb/dvha-core";
-import { useVModel as Q } from "@vueuse/core";
-import b from "lodash-es/cloneDeep";
-import { NButton as N, NForm as W, NFormItem as j, NInput as A, NSelect as z, NInputNumber as X, NSwitch as Z, NTree as ee, NTag as M, NEmpty as te } from "naive-ui";
-import "vue-router";
-import "@overlastic/vue";
-import "clsx";
-import "vue-echarts";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import ae from "../modal/modalPage.js";
-import "jinrishici";
-import "lodash-es";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "vue-command-palette";
-import "@duxweb/dvha-naiveui";
-import "../../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import "@vue-flow/core";
-import "@vue-flow/background";
-/* empty css                      */
-import { useModal as le } from "../../hooks/modal.js";
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-function E(a) {
-  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !G(a);
+import { useModal as e } from "../../hooks/modal.js";
+import "../../hooks/index.js";
+import t from "../modal/modalPage.js";
+import "../modal/index.js";
+import { computed as n, createVNode as r, defineComponent as i, isVNode as a, markRaw as o, mergeProps as s, ref as c, watch as l } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { NButton as d, NEmpty as f, NForm as p, NFormItem as m, NInput as h, NInputNumber as g, NSelect as _, NSwitch as v, NTag as y, NTree as b } from "naive-ui";
+import { useVModel as x } from "@vueuse/core";
+import S from "lodash-es/cloneDeep";
+function C(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
 }
-const C = [{
-  label: "Object",
-  value: "object",
-  tagType: "info"
-}, {
-  label: "Array",
-  value: "array",
-  tagType: "success"
-}, {
-  label: "String",
-  value: "string",
-  tagType: "default"
-}, {
-  label: "Number",
-  value: "number",
-  tagType: "warning"
-}, {
-  label: "Boolean",
-  value: "boolean",
-  tagType: "error"
-}], _ = () => `schema_${Math.random().toString(36).slice(2, 8)}`;
-function V(a, m, n) {
-  return {
-    id: a.id || _(),
-    name: a.name?.trim() || m || "",
-    type: a.type || n || "",
-    description: a.description,
-    params: a.params ? b(a.params) : {},
-    children: Array.isArray(a.children) ? b(a.children) : []
-  };
+var w = [
+	{
+		label: "Object",
+		value: "object",
+		tagType: "info"
+	},
+	{
+		label: "Array",
+		value: "array",
+		tagType: "success"
+	},
+	{
+		label: "String",
+		value: "string",
+		tagType: "default"
+	},
+	{
+		label: "Number",
+		value: "number",
+		tagType: "warning"
+	},
+	{
+		label: "Boolean",
+		value: "boolean",
+		tagType: "error"
+	}
+], T = () => `schema_${Math.random().toString(36).slice(2, 8)}`;
+function E(e, t, n) {
+	return {
+		id: e.id || T(),
+		name: e.name?.trim() || t || "",
+		type: e.type || n || "",
+		description: e.description,
+		params: e.params ? S(e.params) : {},
+		children: Array.isArray(e.children) ? S(e.children) : []
+	};
 }
-const oe = /* @__PURE__ */ D({
-  name: "SchemaNodeModal",
-  props: {
-    node: {
-      type: Object,
-      required: !0
-    },
-    typeOptions: {
-      type: Array,
-      default: () => C
-    },
-    paramFields: {
-      type: Array,
-      default: () => []
-    },
-    onSubmit: {
-      type: Function
-    },
-    onClose: {
-      type: Function
-    },
-    onConfirm: {
-      type: Function
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(a) {
-    const {
-      t: m
-    } = B(), n = I(b(a.node));
-    R(() => a.node, (l) => {
-      n.value = b(l || {
-        id: _(),
-        name: "",
-        type: a.typeOptions?.[0]?.value || C[0].value,
-        params: {},
-        children: []
-      });
-    }, {
-      immediate: !0,
-      deep: !0
-    });
-    const O = k(() => a.typeOptions?.length ? a.typeOptions : C), y = k(() => O.value.map((l) => ({
-      label: l.label,
-      value: l.value
-    }))), c = (l, i) => {
-      n.value = {
-        ...n.value,
-        [l]: i
-      };
-    }, f = (l, i) => {
-      n.value = {
-        ...n.value,
-        params: {
-          ...n.value.params || {},
-          [l.key]: i
-        }
-      };
-    }, F = (l) => {
-      const i = n.value.params?.[l.key], w = l.component || "input", g = l.componentProps || {};
-      return w === "select" ? t(z, S({
-        value: i,
-        options: l.options || [],
-        placeholder: l.placeholder,
-        onUpdateValue: (p) => f(l, p),
-        disabled: a.readonly
-      }, g), null) : w === "number" ? t(X, S({
-        value: typeof i == "number" ? i : Number(i),
-        placeholder: l.placeholder,
-        onUpdateValue: (p) => f(l, p),
-        disabled: a.readonly
-      }, g), null) : w === "switch" ? t(Z, S({
-        value: !!i,
-        onUpdateValue: (p) => f(l, p),
-        disabled: a.readonly
-      }, g), null) : w === "textarea" ? t(A, S({
-        value: i,
-        type: "textarea",
-        rows: l.rows || 3,
-        placeholder: l.placeholder,
-        onUpdateValue: (p) => f(l, p),
-        disabled: a.readonly
-      }, g), null) : t(A, S({
-        value: i,
-        placeholder: l.placeholder,
-        onUpdateValue: (p) => f(l, p),
-        disabled: a.readonly
-      }, g), null);
-    }, h = () => {
-      const l = O.value[0]?.value || "object", i = V(n.value, m("components.schemaEditor.newNode"), l);
-      a.onSubmit?.(i), a.onConfirm?.(i);
-    };
-    return () => t(ae, {
-      title: m("components.schemaEditor.editModalTitle"),
-      onClose: a.onClose
-    }, {
-      default: () => t(W, {
-        labelPlacement: "top",
-        class: "flex flex-col gap-4"
-      }, {
-        default: () => [t("div", {
-          class: "grid gap-4 md:grid-cols-2"
-        }, [t(j, {
-          showFeedback: !1,
-          label: m("components.schemaEditor.nodeName")
-        }, {
-          default: () => [t(A, {
-            value: n.value.name,
-            placeholder: m("components.schemaEditor.nodeNamePlaceholder"),
-            onUpdateValue: (l) => c("name", l),
-            disabled: a.readonly
-          }, null)]
-        }), t(j, {
-          label: m("components.schemaEditor.nodeType"),
-          showFeedback: !1
-        }, {
-          default: () => [t(z, {
-            value: n.value.type,
-            options: y.value,
-            placeholder: m("components.schemaEditor.nodeTypePlaceholder"),
-            onUpdateValue: (l) => c("type", l),
-            disabled: a.readonly
-          }, null)]
-        })]), t(j, {
-          label: m("components.schemaEditor.description"),
-          showFeedback: !1
-        }, {
-          default: () => [t(A, {
-            value: n.value.description,
-            type: "textarea",
-            rows: 3,
-            placeholder: m("components.schemaEditor.descriptionPlaceholder"),
-            onUpdateValue: (l) => c("description", l),
-            disabled: a.readonly
-          }, null)]
-        }), a.paramFields.length > 0 && a.paramFields.map((l) => {
-          let i;
-          return t(j, {
-            key: l.key,
-            label: l.label,
-            showFeedback: !1
-          }, E(i = F(l)) ? i : {
-            default: () => [i]
-          });
-        })]
-      }),
-      footer: () => {
-        let l, i;
-        return t("div", {
-          class: "flex justify-end gap-2"
-        }, [t(N, {
-          onClick: a.onClose
-        }, E(l = m("components.button.cancel")) ? l : {
-          default: () => [l]
-        }), t(N, {
-          type: "primary",
-          onClick: h
-        }, E(i = m("components.button.confirm")) ? i : {
-          default: () => [i]
-        })]);
-      }
-    });
-  }
-}), ne = Y(oe), vt = /* @__PURE__ */ D({
-  name: "DuxSchemaTreeEditor",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    typeOptions: {
-      type: Array,
-      default: () => C
-    },
-    paramFields: {
-      type: Array,
-      default: () => []
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "select"],
-  setup(a, {
-    emit: m
-  }) {
-    const {
-      t: n
-    } = B(), O = le(), y = Q(a, "modelValue", m, {
-      passive: !1,
-      deep: !0,
-      defaultValue: []
-    }), c = I(null), f = k(() => (a.typeOptions?.length ? a.typeOptions : C).map((e) => ({
-      tagType: "default",
-      ...e
-    }))), F = k(() => f.value.reduce((e, r) => (e[r.value] = r, e), {})), h = () => Array.isArray(y.value) ? y.value : [], l = (e, r) => {
-      if (!r) return null;
-      for (const o of e) {
-        if (o.id === r) return o;
-        if (o.children?.length) {
-          const u = l(o.children, r);
-          if (u) return u;
-        }
-      }
-      return null;
-    }, i = (e, r) => {
-      const o = b(h()), u = (s) => {
-        for (const d of s) {
-          if (d.id === e) {
-            const x = r(d);
-            return Object.assign(d, x), !0;
-          }
-          if (d.children?.length && u(d.children)) return !0;
-        }
-        return !1;
-      };
-      u(o) && (y.value = o);
-    }, w = (e) => {
-      if (a.readonly) return;
-      const r = b(h());
-      let o = !1;
-      const u = (s) => s.map((d) => (d.children?.length && (d.children = u(d.children)), d)).filter((d) => d.id === e ? (o = !0, !1) : !0);
-      y.value = u(r), o && c.value === e && (c.value = y.value?.[0]?.id || null, m("select", c.value ? l(y.value, c.value) : null));
-    }, g = (e) => ({
-      id: e?.id || _(),
-      name: e?.name || n("components.schemaEditor.newNode") || "",
-      type: e?.type || f.value[0]?.value || "object",
-      description: e?.description,
-      params: e?.params || {},
-      children: e?.children ? b(e.children) : []
-    }), p = (e, r, o) => {
-      a.readonly || O.show({
-        title: e,
-        width: 640,
-        component: ne,
-        componentProps: {
-          node: b(r),
-          typeOptions: f.value,
-          paramFields: a.paramFields,
-          onSubmit: o,
-          readonly: a.readonly
-        }
-      });
-    }, P = () => {
-      const e = g();
-      p(n("components.schemaEditor.addRootTitle") || "", e, (r) => {
-        const o = V(r, n("components.schemaEditor.newNode"), r.type || f.value[0]?.value || "object");
-        y.value = [...h(), o], T(o.id);
-      });
-    }, K = () => {
-      const e = c.value;
-      if (!e) {
-        P();
-        return;
-      }
-      const r = g({
-        name: n("components.schemaEditor.childNode")
-      });
-      p(n("components.schemaEditor.addChildTitle") || "", r, (o) => {
-        const u = V(o, n("components.schemaEditor.childNode"), o.type || f.value[0]?.value || "object");
-        i(e, (s) => ({
-          ...s,
-          children: [...s.children || [], u]
-        })), T(u.id);
-      });
-    }, L = (e) => {
-      const r = (o, u) => {
-        for (const s of o) {
-          if (s.id === e) return u;
-          if (s.children?.length) {
-            const d = r(s.children, s.id);
-            if (d) return d;
-          }
-        }
-        return null;
-      };
-      return r(h(), null);
-    }, $ = (e) => {
-      if (!e) return;
-      const r = l(h(), e);
-      if (!r) return;
-      const o = g({
-        ...b(r),
-        id: void 0,
-        name: `${r.name || n("components.schemaEditor.newNode")} ${n("components.schemaEditor.copySuffix")}`
-      });
-      p(n("components.schemaEditor.duplicateTitle") || "", o, (u) => {
-        const s = V(u, o.name || n("components.schemaEditor.newNode"), u.type || o.type), d = L(e);
-        d ? i(d, (x) => ({
-          ...x,
-          children: [...x.children || [], s]
-        })) : y.value = [...h(), s], T(s.id);
-      });
-    }, U = k(() => {
-      const e = (r) => r.map((o) => ({
-        key: o.id,
-        label: o.name || n("components.schemaEditor.untitled"),
-        schema: o,
-        children: o.children?.length ? e(o.children) : void 0
-      }));
-      return e(h());
-    }), v = k(() => l(h(), c.value));
-    function T(e) {
-      c.value = e, m("select", e ? l(h(), e) : null);
-    }
-    const q = (e) => {
-      T(e?.[0] || null);
-    };
-    R(y, (e) => {
-      if (!Array.isArray(e) || !e.length) {
-        T(null);
-        return;
-      }
-      (!c.value || !l(e, c.value)) && T(e[0].id);
-    }, {
-      deep: !0,
-      immediate: !0
-    });
-    const H = () => {
-      !v.value || a.readonly || p(n("components.schemaEditor.editNodeTitle") || "", b(v.value), (e) => {
-        i(v.value.id, () => ({
-          ...e,
-          id: v.value.id
-        }));
-      });
-    }, J = (e, r) => {
-      const o = r.params?.[e.key];
-      return o == null || o === "" ? n("components.schemaEditor.paramsEmpty") : typeof o == "object" ? JSON.stringify(o) : String(o);
-    };
-    return () => {
-      let e, r, o, u;
-      return t("div", {
-        class: "flex flex-col gap-4 lg:flex-row min-h-[300px]"
-      }, [t("div", {
-        class: "rounded-lg border border-default bg-default p-3 flex flex-col gap-4"
-      }, [t("div", {
-        class: "flex flex-wrap items-center gap-2"
-      }, [t(N, {
-        size: "small",
-        type: "primary",
-        disabled: a.readonly,
-        onClick: P
-      }, E(e = n("components.schemaEditor.addRoot")) ? e : {
-        default: () => [e]
-      }), t(N, {
-        size: "small",
-        tertiary: !0,
-        disabled: a.readonly || !c.value,
-        onClick: K
-      }, E(r = n("components.schemaEditor.addChild")) ? r : {
-        default: () => [r]
-      }), t(N, {
-        size: "small",
-        tertiary: !0,
-        disabled: a.readonly || !c.value,
-        onClick: () => $(c.value)
-      }, E(o = n("components.schemaEditor.duplicate")) ? o : {
-        default: () => [o]
-      }), t(N, {
-        size: "small",
-        tertiary: !0,
-        type: "error",
-        disabled: a.readonly || !c.value,
-        onClick: () => c.value && w(c.value)
-      }, E(u = n("components.schemaEditor.remove")) ? u : {
-        default: () => [u]
-      })]), U.value.length ? t(ee, {
-        data: U.value,
-        blockLine: !0,
-        selectable: !0,
-        defaultExpandAll: !0,
-        selectedKeys: c.value ? [c.value] : [],
-        renderLabel: ({
-          option: s
-        }) => {
-          const d = s?.schema || {}, x = F.value[d.type];
-          return t("div", {
-            class: "flex items-center justify-between gap-3 pr-1 py-1"
-          }, [t("div", {
-            class: "min-w-0"
-          }, [t("div", {
-            class: "text-sm font-medium truncate"
-          }, [d.name || n("components.schemaEditor.untitled")]), t("div", {
-            class: "text-xs text-muted truncate"
-          }, [x?.label || d.type])]), t(M, {
-            size: "small",
-            type: x?.tagType || "default"
-          }, {
-            default: () => [x?.label || d.type]
-          })]);
-        },
-        onUpdateSelectedKeys: q
-      }, null) : t(te, {
-        description: n("components.schemaEditor.empty")
-      }, {
-        extra: () => {
-          let s;
-          return t(N, {
-            type: "primary",
-            size: "small",
-            onClick: P,
-            disabled: a.readonly
-          }, E(s = n("components.schemaEditor.addFirst")) ? s : {
-            default: () => [s]
-          });
-        }
-      })]), t("div", {
-        class: "flex-1 rounded-lg border border-default bg-default p-4"
-      }, [v.value ? t("div", {
-        class: "space-y-4"
-      }, [t("div", {
-        class: "flex flex-col gap-2"
-      }, [t("div", {
-        class: "flex items-start justify-between gap-3"
-      }, [t("div", {
-        class: "min-w-0 space-y-1"
-      }, [t("div", {
-        class: "text-lg font-semibold truncate flex items-center gap-2"
-      }, [t("span", {
-        class: "truncate"
-      }, [v.value.name || n("components.schemaEditor.untitled")]), !a.readonly && t("button", {
-        type: "button",
-        class: "text-primary hover:text-primary-700 transition-colors cursor-pointer",
-        onClick: H
-      }, [t("div", {
-        class: "i-tabler:edit size-4"
-      }, null)])]), t("div", {
-        class: "text-sm text-muted"
-      }, [v.value.description || n("components.schemaEditor.noDescription")])]), t(M, {
-        size: "small",
-        type: F.value[v.value.type]?.tagType || "default"
-      }, {
-        default: () => [F.value[v.value.type]?.label || v.value.type]
-      })])]), t("div", {
-        class: "space-y-2"
-      }, [a.paramFields.length > 0 ? a.paramFields.map((s) => t("div", {
-        key: s.key,
-        class: "flex items-start justify-between gap-3 text-sm"
-      }, [t("span", {
-        class: "text-muted"
-      }, [s.label]), t("span", {
-        class: "text-default text-right break-all"
-      }, [J(s, v.value)])])) : t("div", {
-        class: "text-sm text-muted"
-      }, [n("components.schemaEditor.paramsEmpty")])]), !a.readonly && t("div", {
-        class: "flex gap-2"
-      }, null)]) : t("div", {
-        class: "flex h-full flex-col items-center justify-center text-center text-sm text-muted"
-      }, [n("components.schemaEditor.selectHint")])])]);
-    };
-  }
+var D = o(/* @__PURE__ */ i({
+	name: "SchemaNodeModal",
+	props: {
+		node: {
+			type: Object,
+			required: !0
+		},
+		typeOptions: {
+			type: Array,
+			default: () => w
+		},
+		paramFields: {
+			type: Array,
+			default: () => []
+		},
+		onSubmit: { type: Function },
+		onClose: { type: Function },
+		onConfirm: { type: Function },
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let { t: i } = u(), a = c(S(e.node));
+		l(() => e.node, (t) => {
+			a.value = S(t || {
+				id: T(),
+				name: "",
+				type: e.typeOptions?.[0]?.value || w[0].value,
+				params: {},
+				children: []
+			});
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let o = n(() => e.typeOptions?.length ? e.typeOptions : w), f = n(() => o.value.map((e) => ({
+			label: e.label,
+			value: e.value
+		}))), y = (e, t) => {
+			a.value = {
+				...a.value,
+				[e]: t
+			};
+		}, b = (e, t) => {
+			a.value = {
+				...a.value,
+				params: {
+					...a.value.params || {},
+					[e.key]: t
+				}
+			};
+		}, x = (t) => {
+			let n = a.value.params?.[t.key], i = t.component || "input", o = t.componentProps || {};
+			return i === "select" ? r(_, s({
+				value: n,
+				options: t.options || [],
+				placeholder: t.placeholder,
+				onUpdateValue: (e) => b(t, e),
+				disabled: e.readonly
+			}, o), null) : i === "number" ? r(g, s({
+				value: typeof n == "number" ? n : Number(n),
+				placeholder: t.placeholder,
+				onUpdateValue: (e) => b(t, e),
+				disabled: e.readonly
+			}, o), null) : i === "switch" ? r(v, s({
+				value: !!n,
+				onUpdateValue: (e) => b(t, e),
+				disabled: e.readonly
+			}, o), null) : i === "textarea" ? r(h, s({
+				value: n,
+				type: "textarea",
+				rows: t.rows || 3,
+				placeholder: t.placeholder,
+				onUpdateValue: (e) => b(t, e),
+				disabled: e.readonly
+			}, o), null) : r(h, s({
+				value: n,
+				placeholder: t.placeholder,
+				onUpdateValue: (e) => b(t, e),
+				disabled: e.readonly
+			}, o), null);
+		}, D = () => {
+			let t = o.value[0]?.value || "object", n = E(a.value, i("components.schemaEditor.newNode"), t);
+			e.onSubmit?.(n), e.onConfirm?.(n);
+		};
+		return () => r(t, {
+			title: i("components.schemaEditor.editModalTitle"),
+			onClose: e.onClose
+		}, {
+			default: () => r(p, {
+				labelPlacement: "top",
+				class: "flex flex-col gap-4"
+			}, { default: () => [
+				r("div", { class: "grid gap-4 md:grid-cols-2" }, [r(m, {
+					showFeedback: !1,
+					label: i("components.schemaEditor.nodeName")
+				}, { default: () => [r(h, {
+					value: a.value.name,
+					placeholder: i("components.schemaEditor.nodeNamePlaceholder"),
+					onUpdateValue: (e) => y("name", e),
+					disabled: e.readonly
+				}, null)] }), r(m, {
+					label: i("components.schemaEditor.nodeType"),
+					showFeedback: !1
+				}, { default: () => [r(_, {
+					value: a.value.type,
+					options: f.value,
+					placeholder: i("components.schemaEditor.nodeTypePlaceholder"),
+					onUpdateValue: (e) => y("type", e),
+					disabled: e.readonly
+				}, null)] })]),
+				r(m, {
+					label: i("components.schemaEditor.description"),
+					showFeedback: !1
+				}, { default: () => [r(h, {
+					value: a.value.description,
+					type: "textarea",
+					rows: 3,
+					placeholder: i("components.schemaEditor.descriptionPlaceholder"),
+					onUpdateValue: (e) => y("description", e),
+					disabled: e.readonly
+				}, null)] }),
+				e.paramFields.length > 0 && e.paramFields.map((e) => {
+					let t;
+					return r(m, {
+						key: e.key,
+						label: e.label,
+						showFeedback: !1
+					}, C(t = x(e)) ? t : { default: () => [t] });
+				})
+			] }),
+			footer: () => {
+				let t, n;
+				return r("div", { class: "flex justify-end gap-2" }, [r(d, { onClick: e.onClose }, C(t = i("components.button.cancel")) ? t : { default: () => [t] }), r(d, {
+					type: "primary",
+					onClick: D
+				}, C(n = i("components.button.confirm")) ? n : { default: () => [n] })]);
+			}
+		});
+	}
+}));
+const O = /* @__PURE__ */ i({
+	name: "DuxSchemaTreeEditor",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		typeOptions: {
+			type: Array,
+			default: () => w
+		},
+		paramFields: {
+			type: Array,
+			default: () => []
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "select"],
+	setup(t, { emit: i }) {
+		let { t: a } = u(), o = e(), s = x(t, "modelValue", i, {
+			passive: !1,
+			deep: !0,
+			defaultValue: []
+		}), p = c(null), m = n(() => (t.typeOptions?.length ? t.typeOptions : w).map((e) => ({
+			tagType: "default",
+			...e
+		}))), h = n(() => m.value.reduce((e, t) => (e[t.value] = t, e), {})), g = () => Array.isArray(s.value) ? s.value : [], _ = (e, t) => {
+			if (!t) return null;
+			for (let n of e) {
+				if (n.id === t) return n;
+				if (n.children?.length) {
+					let e = _(n.children, t);
+					if (e) return e;
+				}
+			}
+			return null;
+		}, v = (e, t) => {
+			let n = S(g()), r = (n) => {
+				for (let i of n) {
+					if (i.id === e) {
+						let e = t(i);
+						return Object.assign(i, e), !0;
+					}
+					if (i.children?.length && r(i.children)) return !0;
+				}
+				return !1;
+			};
+			r(n) && (s.value = n);
+		}, O = (e) => {
+			if (t.readonly) return;
+			let n = S(g()), r = !1, a = (t) => t.map((e) => (e.children?.length && (e.children = a(e.children)), e)).filter((t) => t.id === e ? (r = !0, !1) : !0);
+			s.value = a(n), r && p.value === e && (p.value = s.value?.[0]?.id || null, i("select", p.value ? _(s.value, p.value) : null));
+		}, k = (e) => ({
+			id: e?.id || T(),
+			name: e?.name || a("components.schemaEditor.newNode") || "",
+			type: e?.type || m.value[0]?.value || "object",
+			description: e?.description,
+			params: e?.params || {},
+			children: e?.children ? S(e.children) : []
+		}), A = (e, n, r) => {
+			t.readonly || o.show({
+				title: e,
+				width: 640,
+				component: D,
+				componentProps: {
+					node: S(n),
+					typeOptions: m.value,
+					paramFields: t.paramFields,
+					onSubmit: r,
+					readonly: t.readonly
+				}
+			});
+		}, j = () => {
+			let e = k();
+			A(a("components.schemaEditor.addRootTitle") || "", e, (e) => {
+				let t = E(e, a("components.schemaEditor.newNode"), e.type || m.value[0]?.value || "object");
+				s.value = [...g(), t], L(t.id);
+			});
+		}, M = () => {
+			let e = p.value;
+			if (!e) {
+				j();
+				return;
+			}
+			let t = k({ name: a("components.schemaEditor.childNode") });
+			A(a("components.schemaEditor.addChildTitle") || "", t, (t) => {
+				let n = E(t, a("components.schemaEditor.childNode"), t.type || m.value[0]?.value || "object");
+				v(e, (e) => ({
+					...e,
+					children: [...e.children || [], n]
+				})), L(n.id);
+			});
+		}, N = (e) => {
+			let t = (n, r) => {
+				for (let i of n) {
+					if (i.id === e) return r;
+					if (i.children?.length) {
+						let e = t(i.children, i.id);
+						if (e) return e;
+					}
+				}
+				return null;
+			};
+			return t(g(), null);
+		}, P = (e) => {
+			if (!e) return;
+			let t = _(g(), e);
+			if (!t) return;
+			let n = k({
+				...S(t),
+				id: void 0,
+				name: `${t.name || a("components.schemaEditor.newNode")} ${a("components.schemaEditor.copySuffix")}`
+			});
+			A(a("components.schemaEditor.duplicateTitle") || "", n, (t) => {
+				let r = E(t, n.name || a("components.schemaEditor.newNode"), t.type || n.type), i = N(e);
+				i ? v(i, (e) => ({
+					...e,
+					children: [...e.children || [], r]
+				})) : s.value = [...g(), r], L(r.id);
+			});
+		}, F = n(() => {
+			let e = (t) => t.map((t) => ({
+				key: t.id,
+				label: t.name || a("components.schemaEditor.untitled"),
+				schema: t,
+				children: t.children?.length ? e(t.children) : void 0
+			}));
+			return e(g());
+		}), I = n(() => _(g(), p.value));
+		function L(e) {
+			p.value = e, i("select", e ? _(g(), e) : null);
+		}
+		let R = (e) => {
+			L(e?.[0] || null);
+		};
+		l(s, (e) => {
+			if (!Array.isArray(e) || !e.length) {
+				L(null);
+				return;
+			}
+			(!p.value || !_(e, p.value)) && L(e[0].id);
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		let z = () => {
+			!I.value || t.readonly || A(a("components.schemaEditor.editNodeTitle") || "", S(I.value), (e) => {
+				v(I.value.id, () => ({
+					...e,
+					id: I.value.id
+				}));
+			});
+		}, B = (e, t) => {
+			let n = t.params?.[e.key];
+			return n == null || n === "" ? a("components.schemaEditor.paramsEmpty") : typeof n == "object" ? JSON.stringify(n) : String(n);
+		};
+		return () => {
+			let e, n, i, o;
+			return r("div", { class: "flex flex-col gap-4 lg:flex-row min-h-[300px]" }, [r("div", { class: "rounded-lg border border-default bg-default p-3 flex flex-col gap-4" }, [r("div", { class: "flex flex-wrap items-center gap-2" }, [
+				r(d, {
+					size: "small",
+					type: "primary",
+					disabled: t.readonly,
+					onClick: j
+				}, C(e = a("components.schemaEditor.addRoot")) ? e : { default: () => [e] }),
+				r(d, {
+					size: "small",
+					tertiary: !0,
+					disabled: t.readonly || !p.value,
+					onClick: M
+				}, C(n = a("components.schemaEditor.addChild")) ? n : { default: () => [n] }),
+				r(d, {
+					size: "small",
+					tertiary: !0,
+					disabled: t.readonly || !p.value,
+					onClick: () => P(p.value)
+				}, C(i = a("components.schemaEditor.duplicate")) ? i : { default: () => [i] }),
+				r(d, {
+					size: "small",
+					tertiary: !0,
+					type: "error",
+					disabled: t.readonly || !p.value,
+					onClick: () => p.value && O(p.value)
+				}, C(o = a("components.schemaEditor.remove")) ? o : { default: () => [o] })
+			]), F.value.length ? r(b, {
+				data: F.value,
+				blockLine: !0,
+				selectable: !0,
+				defaultExpandAll: !0,
+				selectedKeys: p.value ? [p.value] : [],
+				renderLabel: ({ option: e }) => {
+					let t = e?.schema || {}, n = h.value[t.type];
+					return r("div", { class: "flex items-center justify-between gap-3 pr-1 py-1" }, [r("div", { class: "min-w-0" }, [r("div", { class: "text-sm font-medium truncate" }, [t.name || a("components.schemaEditor.untitled")]), r("div", { class: "text-xs text-muted truncate" }, [n?.label || t.type])]), r(y, {
+						size: "small",
+						type: n?.tagType || "default"
+					}, { default: () => [n?.label || t.type] })]);
+				},
+				onUpdateSelectedKeys: R
+			}, null) : r(f, { description: a("components.schemaEditor.empty") }, { extra: () => {
+				let e;
+				return r(d, {
+					type: "primary",
+					size: "small",
+					onClick: j,
+					disabled: t.readonly
+				}, C(e = a("components.schemaEditor.addFirst")) ? e : { default: () => [e] });
+			} })]), r("div", { class: "flex-1 rounded-lg border border-default bg-default p-4" }, [I.value ? r("div", { class: "space-y-4" }, [
+				r("div", { class: "flex flex-col gap-2" }, [r("div", { class: "flex items-start justify-between gap-3" }, [r("div", { class: "min-w-0 space-y-1" }, [r("div", { class: "text-lg font-semibold truncate flex items-center gap-2" }, [r("span", { class: "truncate" }, [I.value.name || a("components.schemaEditor.untitled")]), !t.readonly && r("button", {
+					type: "button",
+					class: "text-primary hover:text-primary-700 transition-colors cursor-pointer",
+					onClick: z
+				}, [r("div", { class: "i-tabler:edit size-4" }, null)])]), r("div", { class: "text-sm text-muted" }, [I.value.description || a("components.schemaEditor.noDescription")])]), r(y, {
+					size: "small",
+					type: h.value[I.value.type]?.tagType || "default"
+				}, { default: () => [h.value[I.value.type]?.label || I.value.type] })])]),
+				r("div", { class: "space-y-2" }, [t.paramFields.length > 0 ? t.paramFields.map((e) => r("div", {
+					key: e.key,
+					class: "flex items-start justify-between gap-3 text-sm"
+				}, [r("span", { class: "text-muted" }, [e.label]), r("span", { class: "text-default text-right break-all" }, [B(e, I.value)])])) : r("div", { class: "text-sm text-muted" }, [a("components.schemaEditor.paramsEmpty")])]),
+				!t.readonly && r("div", { class: "flex gap-2" }, null)
+			]) : r("div", { class: "flex h-full flex-col items-center justify-center text-center text-sm text-muted" }, [a("components.schemaEditor.selectHint")])])]);
+		};
+	}
 });
-export {
-  vt as DuxSchemaTreeEditor
-};
+export { O as DuxSchemaTreeEditor };